Melita
ROLE
Lead Designer & Developer
SERVICES
Branding, Design, Development
TOOLS
Figma, Webflow, Illustrator, Photoshop, After Effects
LINK
Set to launch soon
At Melita, the main challenge was to modernize the website design to showcase their friendly and approachable personality, while emphasizing their focus on customer success through a curated set of services. As an in-house designer/developer, I met this challenge by creating a new look for all of their digital assets, including the website, social ads, and a new 30th anniversary logo.
UX Design
To ensure a user-centric design, I began with competitive research and conducted interviews with both internal and external stakeholders to understand pain points with the existing website. From there, I developed a sitemap (1) to guide the site's information architecture and user flow.
The next steps involved wireframing and prototyping various design concepts (2 & 3) to test and iterate upon the user experience, while incorporating feedback from stakeholders along the way.
UI Design/Webflow Development
I started by exploring different design options for the homepage (4) and collaborated with the team to refine the selected direction. Once we had a solid foundation, I created new brand guidelines (5) to document the visual identity of the website.
With the design system in place, I applied the new design to all of the pages, creating a modern and intuitive user experience. To further elevate the design, I incorporated motion design using After Effects and Lottie (6). Finally, I built the site in Webflow, a departure from their existing site built on WordPress.
30th Anniversary Logo
For Melita's 30th anniversary, I researched how other companies commemorated milestone years and presented several logo options (8) to the Melita team. We settled on a clean and simple design (7) featuring the number 30 rotated on its side and added to the end of the original logo.
The logo had two variations, a full version with the company name and a shortened version with just the mark and the "30" badge, both of which were versatile and worked well across various applications (9).
See more projects
Get in touch
