Restaurant Website Case Study

A case study for the redesign of a local restaurant's website.
Journey Mapping · Wireframing · Prototyping · User Testing · Visual Identity ·

The challenge for the redesign revolved around a journey which mirrored the in-person dining experience while addressing needs in the customer's online journey. Striking a balance between the functional requirements of the website and the aesthetic elements of the brand identity posed an exciting challenge. To overcome these , the approach focused on user research and a meticulous attention to detail to deliver an online experience that captivated customers and met the restaurant's business goals.

My Role

I crafted personas, user journey maps, paper prototypes, and wireframes, as showcased below, to delve into and convey a fresh user experience.

Additionally, I meticulously designed and tested the new user flow to ensure optimal usability and satisfaction.

To foster a cohesive user experience, I actively sought feedback through collaborative workshops with fellow designers, valuing their insights and contributions.

The Challenge

In this case study the goal was to uncover innovative strategies to elevate the digital experience for customers. The restaurant excels in its physical location but lags behind online with an outdated website. Poor legibility and missing crucial information made navigating the website and completing tasks challenging. To enhance accessibility, my goals was to enhance the online presence to align with its captivating street appeal through an upgrade.

Persona Generation

To gain insight into users' primary motivations and pain points, I created a persona. Additionally, I used a user task chart to analyze how users may interact with the website. This analysis resulted in the creation of a user task list, which formed the basis for developing user stories.

Journey Map

I crafted a user journey map to showcase the primary motivations and pain points in the user experience. This visual representation vividly illustrates the user's interactions and emotions throughout their journey. Additionally, a user scenario was developed to provide deeper insights into the key moments of the user journey, uncovering their unique needs and expectations.

Wireframes

I crafted low-fidelity wireframes as an initial step to expand the narrative of the new platform experience. These wireframes serve as a foundation for visualizing the structure and layout of the platform, setting the stage for further design iterations.

Prototyping

To facilitate rapid iteration and testing, I created paper prototypes for the designs. These tangible representations allowed for quick and efficient evaluation of the user experience, enabling early feedback and refinement of the designs.

User Flow

I developed a user flow to illustrate the complete process of booking a reservation, providing a clear understanding of each step involved. Additionally, I created various diagrams to map the system and visually depict the overall user experience, enhancing comprehension and facilitating effective communication.

Results

The recommendations form the report would bring value and a better experience for both business owners and customers:


For Business Owners:

  • Increased customer satisfaction through an interactive map for convenient travel planning, improving the dining experience.
  • Improved accessibility and compliance with WCAGA guidelines by implementing a clean, non-textured menu background.
  • Enhanced operational efficiency with a streamlined booking procedure on the main page, saving time for customers and staff.

For Customers:

  • Convenient travel planning facilitated by the interactive map with nearby parking options, reducing stress and saving time.
  • Improved readability and accessibility with a clean, non-textured menu background, enhancing the dining experience.
  • Seamless reservation process achieved through a streamlined booking procedure on the main page.
No items found.
Prototype