Maria's Italian Restaurant | Restaurant branding design process from initial website concepts to final site | Jenn Wells Design

The Client: Maria’s Italian Restaurant

Maria came to me looking for a website design that would accomplish several needs:

  • Improved usability
  • Modern design
  • Responsive for mobile

Previous Website

"Before" picture of Maria's Italian Restaurant website

Already well-established, Maria’s Italian Restaurant did need to retain certain branding elements, so as to not confuse their customers. We chose to keep the color scheme, some visual elements, and a similar header/footer structure. Barring that, the rest was open for creativity!

Restaurant Branding Design Process

The Logo

Maria’s did already have an established logo, but she was open to change so we played around with a few different ideas.

Colors, Fonts, and Graphics

 

Initial logo elements for Maria's Italian Restaurant

Like I mentioned earlier, we did want to keep the color scheme, so that part was easy. Typically this part of the process is more of an inspiration board for me, so the client doesn’t usually see it. I collected a range of fonts from friendly and informal to a little bit fancier, and the same with the graphics. Maria knew she wanted a slightly classier feel to her branding, but it was very important to her to not lose that comfortable family feel, so I tried to capture both of those needs.

First Round

 

Initial logo concepts for Maria's Italian Restaurant

This is a screenshot of my workspace (which is typically Illustrator). These first drafts range from a slightly more formal version of what they had already to some much simpler and clean options. We worked and revised it quite a bit until we homed in on what Maria was looking for. Since this process was happening at the same time as the website, I’ll show them both together at the end.

Website Design Ideas

 

Initial website concepts for Maria's Italian Restaurant

The first drafts, again, were meant to capture a range, from most similar to the current design (on the left) to most modern (on the right).  Maria ended up somewhere in between, and we also made it a point to set up a layout that would transfer well into mobile.

Final Website & Logo

Restaurant website design for Maria's Italian Restaurant with logo, dinner specials, and menu

View site here: www.Maria’sPizzaMD.com.