Cozymeal
COZYMEAL - HOMEPAGE REDESIGN

The Problem:

The site had become outdated, overcrowded and no longer represented the design direction the company was trying to achieve. A refresh was necessary to illustrate the elegant experiences they offer and reach their target audience of middle and high-earning cosmopolitan customers of all genders.

The Solution:

Replacing the fonts gave the site an instant contemporary touch and additional padding between the elements provided a lighter and more legible look. The use of animated iconography (like the Empire State Building turning into a piece of pizza in its hover state) offers a fun, interactive element and encourages the user to explore more of the subtle interactive surprises throughout the site. 

LF_UIUX_PORTFOLIO_Cozymeal23.jpg

HEADER / NAVIGATION MENU REDESIGN

While redesigning the homepage, a major area that needed improvement was the header and navigation menus. The header consisted of two rows and a ribbon banner as well as multiple different menus, a search bar and the logo. The various hyperlinks, icons and other competing elements made the menu appear busy and difficult to navigate. I wanted to simplify the header and create more white space while keeping everything necessary accessible and obvious. By consolidating the main menu and using icons to represent the categories in the Login menu, the layout looks more clean and is still easy for a user to locate everything they need.

LF_UIUX_PORTFOLIO_Cozymeal3.png

My Account Page

The owner of Cozymeal wanted to better illustrate the menu options within the My Account page using icons. I created individual icons to represent each category and to avoid the traditional itemized list, I used a subtle frame and drop shadow to give them a clickable look. (This design is in keeping with the current Cozymeal style as the elements in the website redesign above have not yet been implemented.)

Message Dashboard

The biggest challenge of redesigning this Message platform was the wealth of information that was asked to be included. By breaking up the page into three columns, I was able to organize the message inbox and booking details while having the individual message thread remain the main focus in the center of the page. (This design is in keeping with the current Cozymeal style as the elements in the website redesign above have not yet been implemented.)