photo_food_3.jpg

FENTONS CREAMERY

Website Redesign Project

RESEARCH • ANALYSIS • DESIGN

 

THE PROJECT

Bentley’s Grill is located in beautiful The Grand Hotel in Salem, Oregon. Their website was a full flash website which was not mobile friendly, or responsive. The SEO was also not effective and were ranked low on search engines. Also, the font was very hard to read, and the site was difficult to edit and update. They needed an entire website redesign, and updated SEO.

THE CHALLENGE

The client wanted the ability to make their own website edits and updates, as their menu changes on a daily basis. They also requested a way for users to make online reservations. I needed to make sure that both user and business requirements were met.

 
 

REQUIREMENTS/BUSINESS GOALS

Bentley’s Grill needed what seemed like intuitive requirements: a way for users to make an online reservation, view menus quickly, and see their contact information easily.

They also needed a way to make their own website edits to update their constantly changing menu, and sometimes add photos as well. They mentioned that they were familiar with WordPress’s CMS. After hearing that, WordPress seemed to be the best match!


Research

USER GOALS · USER FLOW· PERSONA

 
competitive_analysis_GHP2.png
 
 

Low Fidelity Sketches

PAPER SKETCHES · REQUIREMENTS· USER STORIES

lo_fi_home_screen.jpg

SKETCH OUT FOR RAPID PROTOTYPING

  • I sketched out paper lo-fi screens to see what the first initial layout might look like.

  • Requirements were listed that were needed for each page.

  • List out user stories to meet each task and requirement.

 
 

 

Wireframe Design

WIREFRAMES · PROTOTYPE · USER TEST

 
wireframes_iphones.png
 

Low - Fidelity Prototype

  • I mocked up wireframes for each page in Sketch using the prep work done with low-fiditelity paper screens.

  • I created a clickable prototype in InVision.

  • User testing was done and changes were made to improve usability.

 
 
 

 
 

Design

HIGH FIDELITY DESIGNS · DETAILED PROTOTYPE · USER TEST

high_fidelity_screens.jpg
 

High - Fidelity Screens

HIGH FIDELITY DESIGNS · PROTOTYPE · USER TEST

  • I designed high fidelity screens in Sketch.

  • Took screens and made a prototype in InVision.

  • More user testing was done and small changes were made to fix issues.

  • After designs approved, I handed off assets to developer to build live dev site.

 
 

 
 

Final Product

bentleys_final_product.jpg
 

 
 

The New Website:

MOBILE FIRST, USER CENTERED DESIGN
 


BENTLEY’S GRILL

The completed product was a beautiful responsive website with a custom coded WordPress content management system for easier editing ability. Each of the requirements were met including; adding online reservations capability, adding easy to find menu buttons and contact information, and optimization of site for search engines. The client was very pleased the final product, and keeping the project on budget.

The new website elevated their online presence and place them on page one on the search engine rankings. We will continue to review their site analytics and rework key words to organically help their SEO on an ongoing basis.