Nikki Leung - Oishi Ramen

Objective

Develop a responsive web design layout for the home page of a ramen restaurant. Design complementing social media advertisements.

Process

To begin the design of Oishi Ramen restaurant I created a wireframe for the homepage on a desktop. After being satisfied with the layout, I moved into developing the design in the high fidelity stage, then slowly across into tablet and mobile web view.

When the web designs were complete, I assembled some social media ads to be paired with the restaurant. Advertising signature dishes from the restaurant I decided to bring focus to the photography with a placement that leads the eye to the dishes. The ads were clean and not overbearing with information for the photos of the food to do the work.

Oishi Ramen Responsive Web Design Mock Up

Oishi Ramen Wireframe

   annotation notes

1.   COVID-19 Banner Message
   2.   Main Navigation Bar: Menu, About, Contact, Order Online
3.   Image: Company Logo
   4.   Image Carousel
5.   Order Online Heading, Text, and Button
   6.   Reservation Heading, Text, and Button
   7.   COVID-19 Heading and Text
   8.   Image: Dining Area or Chef
   9.   Our Story Heading and Text
    10.   Instagram Photo Gallery
  11. Image: Company Logo
    12.   Social Buttons: Facebook and Instagram
13.   Hours Heading and Text
  14.   Address Heading and Text
15.   Contact Heading and Text
16.   Image: Map
  17.   Copyright Banner Message