Wimpy's Nautical Design

How can I re-design Wimpy’s Restaurants site to create a more functional, modern, and effective nautical theme?

Timeline: 5 Hours

Platform: Responsive 

My Role: Design Lead

Overview

The redesign was a 5 hour design challenge where I was the sole designer. I created hi-fidelity mockups including several design iterations to submit to the lead web designer at Popmenu.

The Problem 

Popmenu’s client Wimpy’s Restaurant is not happy with his site. He does not want it as bright and vibrant and does not like how cartoony it is. They want a more modern look with the use of a darker color pallette and the nautical fisherman theme.

What was the design process?

During this design challenge, my goal was to understand the problem consider the client’s needs and requests to select colors, fonts and stock photography for use on their new Popmenu site.

With consideration to time, I started with a brief research into nautical themes, color palettes and google fonts. Then I dived straight into sketching mockups with several iterations.

01

Sketches

03

Ideate

05

Research
Decide
Submit

02

04

Quick sketching session

Create a simple mockup for home page.

 

Most known restaurant theme template.

Large hero image under navigation top header.

Brief text with description, photo gallery, and menu.

Footer with location information and contact details.

How did I make the color selection?

Selecting a color palette was challenging but I knew I had to stick to a color on the darker side of the palette. Blue isn’t a common color in restaurants, because it does not evoke the feeling of hunger.

 

The beauty of the design process is that rules can be broken with exceptional designs. Navy Blue does elevate the idea of a sea theme in seafood restaurants. 

One way blues have worked for similar restaurants, is in the seafood or nautically-themed restaurants who have been very successful in using the darker blue.

 

I balanced the blue with a use of red/orange color on the CTA button to represent the food industry to create a user appetite.

Deciding typography?

Open Sans, Lato and Roboto are the top 3 google fonts used on restaurant websites. These are all very popular fonts.

 

I decided to go with Lato for the body font, to give it a more modern appeal.

 

I chose a more nautical themed font for the restaurant header. The closest I found was Georgia.

 

According to the research, Georgia is a serif font that appears elegant and also legible in print, for printing menu's.

 

Georgia goes very well with Lato and is used mostly as a header with Lato as the body text.

Key Questions

01

02

03

Does the menu belong on the landing page? Why?

Is the restaurant fine dining or casual? 

Is the market and restaurant in the same location or separate? 

Final design submission

Thanks for visiting, please check out more of my work!

Social Challenge Platform
Interaction
Location Chat
Let's chat sometime!

I'm available for job opportunities.

  • White LinkedIn Icon
  • White Twitter Icon