project details

CLIENT

Valeo’s Pizza

WEBSITE

www.valeospizza.com
Valeo's Pizza in Kenosha, WI approached us for a restaurant rebrand. A large part of the pie on this project was to reorganize and redesign their outdated website. We assessed the situation and worked on a strategy that put the user first and sought to engage viewers and drive them toward a few key calls to action for the restaurant.

Pizza Restaurant Website on Desktop, Mobile, Tablet

 

Pizza Restaurant Website Project Discovery

At the start of the pizza restaurant website project, we asked our client to complete a creative questionnaire to transfer important information about the project to us. This included detailing the goal for the user, the key menu items to be featured, the scope of the menu, the functionality for the locations pages, and the external links necessary to facilitate online ordering and rewards.

With this information in hand, our team then sits down to brainstorm and sketch out the general layout of the website in order to visually assess the needs for the project.

 

Sitemap Presentation

To ensure that all bases were covered, we created a simple sitemap or list of pages and presented that to our client. It’s imperative that we have the scope securely nailed down at the start of a website design and development project. You see, building a website is somewhat like building a house. If you decide to add on another room late in the game, it can be done, but it will cost you.

 

Website Hosting

Additionally, we discuss website hosting at this juncture. Our hosting platform is the most robust solution for WordPress websites, and allows us to take daily backups of the sites we host. Page load times are fast (which is imperative for both user experience and SEO) and we do ongoing maintenance of the platform and plugins. In this case, our client decided to host the site with us, so that we could ensure optimal performance.

 

Pizza Restaurant Website Wireframe

Creating the website wireframe for Valeo’s Pizza required some strategy. On this website, there were many goals for the user that would potentially compete for attention or cause confusion. So we mapped the site carefully, tailoring the main calls to action toward guiding users to view the menu, order online, or contact the restaurant. Upon landing on the website, the user would see the top left corner, top right corner and then back down and across the page in a z formation.

So, above the standard header, we included three top tier buttons to the primary calls to action. We included food photography as the header image and a one liner that wrapped up what makes Valeo’s Pizza different from all the rest. As secondary calls to action, we placed buttons directly below the header text to allow for another nudge. We also wanted to ensure that the specials and catering would receive proper attention in the user journey, so these pages were placed in the header navigation.

Additionally, the restaurant had a passion for people and the community, and it was important to them that this was evident within the website. We worked this in throughout the site, where it made sense, among enticing food photos and verbiage about specials.

 

pizza restaurant website wireframes for valeo's pizza

 

Pizza Restaurant Website Design

With the wireframe approved, we moved to design. It’s in this phase that we implement the brand throughout the website pages. For restaurant website design, we utilize food photography to draw interest to the menu items and to clearly convey to the viewer the nature of the restaurant. Additionally, we consider the brand as a whole, including the environmental branding, or interior of the restaurant. Our goal is that the experience on the website is congruent with what someone might expect upon entering the physical location. In branding, consistency is key. If you confuse, you lose. Since the website is a major player in the brand support, it’s essential that it aligns with everything else that’s released on behalf of the brand.

 

pizza restaurant website design

 

Website Development

Upon approval of the website design, our team brings the website to life online. We develop custom WordPress websites that match the design pixel for pixel. We then present the ‘live’ website to our clients via a staging link before taking it live on their domain. For Valeo’s Pizza, we developed the site to be fully responsive on various screen sizes, and to incorporate both internal links throughout the website, as well as external links to their rewards and online ordering platforms.

At this point, our team does a rigorous testing of the website to ensure that every page matches the design, and that all forms, links, and buttons are functioning as intended.

 

Pizza Restaurant Website on Desktop, Mobile, Tablet

 

mobile website design for pizza restaurant

 

Website Launch

Finally, with client approval and all testing complete, we launched the Valeo’s Pizza website on their existing domain, replacing their old, outdated site.

 

Project Closeout

To closeout the project, we provided our client with the site files for safe-keeping, and moved on to work with them on a subsequent project.

 

If you’re wanting a piece of the restaurant website pie, reach out. We’d love to serve you.

Ready to Boost Your Business?

More Nice Work