I developed a sleek, minimalistic, and responsive WordPress site for a Canadian company focused on meetings and communications, enhancing their digital presence.
1. Project Overview
In 2020, Lorandus, a Canadian company specializing in corporate meetings and communications, sought to enhance its online presence with a clean, minimal, and responsive WordPress site. The goal was to showcase Lorandus’s commitment to recognizing and retaining top talent through a website that is both visually compelling and user-friendly.
2. Problem Statement
Lorandus’s existing website was outdated and failed to effectively communicate the company’s value proposition. The site lacked the visual appeal, interactivity, and responsiveness required to engage modern audiences and reflect the company’s innovative offerings in meetings and communications.
3. Objectives
- Modernize the Website: Create a clean, sophisticated, and visually striking design.
- Responsive Design: Ensure seamless functionality across all devices.
- User-Friendly CMS: Build a WordPress-based template that both the Lorandus and MCPI Productions teams could easily update and manage.
- Highlight Brand Identity: Integrate the Lorandus logo and brand colors prominently while maintaining visual balance.
4. Design Process
- Wireframe to Design Transition:
The project began with a high-fidelity wireframe provided by MCPI Productions, designed in Photoshop. While the static wireframe was visually impressive, it required thoughtful translation into a dynamic, responsive website without losing its sophistication. - Interaction and Animation Integration:
To enhance user engagement, subtle animations and interactions were incorporated, such as creative uses of the Lorandus logo’s signature swoosh. These elements were designed to captivate visitors without overwhelming the user experience. - Development on WordPress:
The site was initially crafted using Webflow, then transformed into WordPress's PHP code through the Udesly app. This approach allowed for a seamless integration of design and functionality, ensuring the site could be easily managed and updated by Lorandus’s in-house marketing team. - Visual Storytelling:
Emphasis was placed on powerful imagery and strategic use of the company’s signature red color to evoke inspiration and trust. The design balanced bold visual elements with clean layouts, ensuring an intuitive user experience.
5. Results
- Enhanced User Engagement: Subtle animations and visual storytelling captivated site visitors, encouraging them to explore further.
- Improved Brand Representation: The website’s design accurately reflected Lorandus’s sophistication and innovative approach.
- Responsive Design: The site performed seamlessly across all devices, improving usability and accessibility.
- Streamlined Management: Both MCPI and Lorandus’s teams could efficiently manage and update the website content thanks to the customized WordPress framework.
6. Tools & Technologies Used
- Design: Photoshop (Wireframe)
- Development: WordPress, Webflow CMS, Udesly
- Frameworks: Tailored WordPress workflows and PHP
7. Impact and Future Applications
The redesigned Lorandus website successfully elevated the company’s online presence, positioning it as a leader in meetings and communications. The project provided a scalable foundation for future enhancements and demonstrated the power of collaboration between design and development teams. The responsive and user-friendly framework ensures Lorandus can adapt its site as its business grows and evolves.
Credit Calculator for Telecom Giant
Credit Calculator for Telecom Giant
This Credit Calculator was designed to help call center agents calculate and offer appropriate credit values to customers. This solution replaced an outdated legacy system, addressing inefficiencies and ensuring adherence to financial and regulatory standards.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Design System for Logistics Company
Design System for Logistics Company
A robust, adaptable design system was built as a solid foundation for a complex logistics platform. Using Google's MUI as a foundation I designed and built all necessary Figma and react components.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
NG-911 Testing Portal for Telecom Company
NG-911 Testing Portal for Telecom Company
Designed to streamline the validation of emergency communication systems, ensuring they met regulatory and performance standards. Using the existing Design System as the foundation, the portal was created to be scalable, user-friendly, and accessible for engineers, administrators, and regulators.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Shipment Platform for Logistics Company
Shipment Platform for Logistics Company
By accommodating 3 business levels and 17 unique user types, this new logistics platform provides a cohesive, streamlined, and automation-driven user experience. Consistency, accessibility and usability are all part of this collaborative project's DNA.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Unified Mortgage Flow for Big Bank
Unified Mortgage Flow for Big Bank
Designed to function independently or together depending on the user's needs, these tools support both first-time applicants and existing homeowners looking to switch from another bank.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.