Website Redesign Project
RESEARCH • ANALYSIS • DESIGN
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 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.
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!
USER GOALS · USER FLOW· PERSONA
Low Fidelity Sketches
PAPER SKETCHES · REQUIREMENTS· USER STORIES
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.
WIREFRAMES · PROTOTYPE · USER TEST
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.
HIGH FIDELITY DESIGNS · DETAILED PROTOTYPE · USER TEST
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.
The New Website:
MOBILE FIRST, USER CENTERED DESIGN
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.