Frank Toth Portfolio

About Presentations Email Design Infographics Logo and Icon Design Motion Design Web Design UX / UI Design

The Breakfast Mountain Case Study

Design Brief

Client: Breakfast Mountain

Client Description:
The Breakfast Mountain is a local restaurant specializing in breakfast and lunch. Breakfast Mountain stands out because it's unique and innovative dishes with great customer service, while maintaining a cozy and relaxed atmosphere. Breakfast Mountain's target audience is anyone wanting a quality breakfast or lunch in a relaxed environment. Breakfast Mountain wants to convey a minimalist relaxed environment that is welcoming and friendly.

Job Description:
Create a website that informs customers about the restaurant. The goal of the website is to increase the restaurant's customer base. The website will consist of five pages. The home page will contain the restaurant's hours and list their specialty meals. Other pages include: one specifically for their menu, one for coffee, an about us and contact page. The about us page explains the brand and vision of Breakfast Mountain. The contact page contains a form that allows customers to send a message to the restaurant. The owner of Breakfast Mountain would like a minimalist design with the colours and symbol from their logo as a starting point for the design. The owner would like the website to match the atmosphere of the restaurant and would like photography of the restaurant to be a focal point.

My Design Process

Step 1: Consultation

At the introductory meeting, information, style guides, colour selection, photos and text for the website are discussed, requested and collected.

Step 2: Visual Presentation Design

The next step is to create a visual presentation design document. A visual presentation design document is a summary of all the information that will be included in the website. This includes: the objective of the website, colours, fonts, links displayed in the menu, the text that is included in the website, photos for the website and a basic layout of the website in the form of wireframes.

Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain Visual Presentation Design for Breakfast Mountain

Step 3: Build Upon The Wireframe

Once the visual presentation design document is approved, the next step begins with programming and building the website based on the layout provided by the wireframes:

First image of building on top of the wireframe for Breakfast Mountain's website Second image of building on top of the wireframe for Breakfast Mountain's website Third image of building on top of the wireframe for Breakfast Mountain's website
Triangle pointing to the complete website for Breakfast Mountain
The complete website for Breakfast Mountain

Final Step: Completed Project

In the final step, a meeting with the owners of Breakfast Mountain is scheduled and the website is presented to them and is asked if there are any updates they would like completed. If no edits are required, the project is considered complete. Below are the final layout designs of the website in the context of a phone, tablet, laptop and desktop:

Layout image of the Breakfast Mountain website on a phone Layout image of the Breakfast Mountain website on a tablet Layout image of the Breakfast Mountain website on a laptop Layout image of the Breakfast Mountain website on a desktop

Photo credits for this page: