Cipriani's Pizza

Web Design & Development

Cipriani's Pizza Website

This project consisted of sketching, wire-framing, logo design, mobile layout, web design, and web development. The first task was to create an effective and simple logo that reflected a theme of a classic Italian pizzeria. There were many variations of the logo before the final version was made. The logo that was selected most accurately portrayed the overall look and feel of the pizzeria. Firstly, the layout sketches had to be planned for mobile, tablet, and desktop/laptop platforms. After the sketches were complete, the sketches were made into low-fidelity drafts so that the layout could be further improved. Color was introduced into the second draft phase, where a high-fidelity version was made to explore design options and to have an idea of what the final might look like. The color palette derived from the pizzeria’s branding, such as reds, greens, and oranges which became part of the website’s color scheme.

Once the final drafts were made, I began developing the website. The mobile version was developed first and then it was later adapted into tablet and desktop versions. There was a lot of emphasis on making the mobile site a priority because of the target market and a higher demand for responsive mobile sites. Relevant information was added such as maps, location, hours, menu items, image slider, call button for mobile, and social media links. Other features that were added to the site: a contact section where customers may send a message and a link to a separate webpage where customers may place their order online. Other aspects were taken into account such as search engine optimization, responsive images, and browser compatibility. The site may be viewed from any browser, but some site features may not be viewable on IE 8 such as the image slider.

VIEW SITE

Paper Drafts

Paper Draft 1-2
Paper Draft 3-4
Paper Draft 5-6
Paper Draft 7-8
Paper Draft 9-10

Logo Design

Logo Design 1
Logo Design 2
Logo Design 3
Logo Design 4
Logo Design 5

Digital Sketches

Digital Sketch 1
Digital Sketch 2
Digital Sketch 3
Digital Sketch 4
Digital Sketch 5
Digital Sketch 6
Digital Sketch 7
Digital Sketch 8
Digital Sketch 9

Colorized Sketches

Colorized Sketch 1
Colorized Sketch 2
Colorized Sketch 3
Colorized Sketch 4
Colorized Sketch 5
Colorized Sketch 6
Colorized Sketch 7
Colorized Sketch 8
Colorized Sketch 9

Final Developed Site

Final Sketch
Final Sketch 2
Final Sketch 3
Final Sketch 4
Final Sketch 5
Final Sketch 6

SEND ME A MESSAGE

  • There were some problems with your form submission:

Thanks for the message! I'll get back to you as soon as possible.

* indicates a required field