Timeline

  • October - November 2022 (2 weeks).

My Role

  • Completely redesigned the website creating new components and sitemap.

SITEMAPS

Fixed several Usability issues and created an easier User Experience

When examining the original website, I found several usability issues including buttons not working and links that led to empty pages. The chronological flow of the website didn’t make sense and it was unnecessarily complex and this was fixed in the new sitemap.

Mels Diner UX/UI Redesign

Creating a new modern look for the brand

DESIGN IMPLEMENTATIONS

The old website had an inconsistent, random colour scheme. I based my colour scheme for the site on the primary and secondary colour’s of the logo. I ensured that all of my components throughout the site followed this scheme to ensure consistency. The old website also had font inconsistencies and for the redesign I decided to use Poppins because it is slick and welcoming.

Home Page

  • Modernized CTA/Social media icons

  • Sleek design

Specials

  • Fixed poor contrast of text and images

  • Steered away from ‘box’ designs and introduced an open concept

  • Typography fixing - highlighting only key information

Contact Page

  • Fixed poor contrast in text boxes

  • Modernized elements

  • Typography improvements

Loyalty Card Pages

  • Branded toward Mel’s

  • Modern form implemented

Previous

Design system