Two Guys Pizza

Marketing Website

two guys pizza website preview

Live Webiste

Click here

The Problem

The business owner did not have money to hire a back-end web developer to code the website with an online ordering system (see other Two Guys Pizza project), so he hired me again to develope a simple business website because he needed an online presence to attract more customers, such as tourists.

The Solution

Since I had already did user experience research for this restaurant, I just redesigned the UI, and coded the website.

The Process

The first step was to create an information architecture map. Then I created a style guide to design the UI more efficiently. Then I created a high fidelity prototype to see if my client accepted the design. He approved the design, so I coded the website. For a detailed description of the steps please see the images below.

Date

December 2017

Roles

  • Front End Developer
  • UI Designer

Software Used

  • Visual Studio Code
  • Adobe XD
  • Adobe Illustrator
  • Adobe Photoshop
  • Axure RP

Skills Used

  • Front End Development
  • UI Design
  • Prototyping

Web Languages

  • HTML/CSS
  • JavaScript/jQuery

Information Architecture

I only ended up creating only one version of the information architecture map because the website didn’t have that much content. I created it on Axure RP.

image of two guys pizza information architecture website

Style Guide

I used Adobe Illustrator to create the style guide.

two guys pizza website style guide

High-Fidelity Prototype

This was the only prototype I created. I created it with Adobe XD. I didn't feel the need to create a low-fidelity prototype first, because this website didn't have much content. After showing the prototype to my client he accepted it, so I just coded it. If you would like to see the website please click here.

image of two guys pizza prototype

Live Website

Click here