Sagaponack

UX/UI Makeover

Goal

Take this decent but non-functional website to the next level & prioritize mobile functionality by designing a truly responsive site.

Solution

Taking into consideration usability tests, interviews, and heuristics, we designed a clear universal navigation system, and updated some aesthetics as well.

Company

Sagaponack is a seafood, upstate NY inspired restaurant that has great reviews on yelp. We still need to knock on their door and let them know how we’ve improved their site.

1. Heuristic Analysis

We performed a quick analysis to make sure we captured all of the major issues of the site and found the attributes lacking:

  • visibility of system status
  • consistency & standards
  • user control & freedom
  • recognition over recall

2. Usability Tests

The next step was getting the site in front of its likely users. Usability tests were done with five people who lived in the area and frequented local restaurants. A quick interview was also done regarding:

  • gallery of food images
  • chef's biography
  • interactive map

“It looks like they might have good food, but I probably would’ve given up already”

3. Site Map

To visualize a solution, we first created a current site map. Then we diverged and created three separate solutions, and merged these to create a final solution.

Original Site Map

Key Changes

  • condensed information into three clear categories
  • removed image gallery
  • highlighted sister catering company
  • added location, contact, and social links at the footer of every page

Revised Site Map

4. Responsive Redesign

In addition to creating a more organized, user friendly, responsive site, we also wanted to design something true to the current brand. We also wanted to utilize the beautiful photography that was currently hidden on the site, and give more prominence to their sister catering company. The address, phone number, and social media links are accessible at the bottom of every page.

Style Guide

Final Designs

4. Next Steps

Redesign logo, or at least narrow it down to one! All of the images below were found on their site. Let’s hear it for brand consistency!

Previous

Projects

Next