eCommerce Case Study

Allochory

Allochory
Team Members
This is some text inside of a div block.
Platform
This is some text inside of a div block.
Design Tools
This is some text inside of a div block.
Duration
This is some text inside of a div block.
Overview

Overview

Many restaurants are lacking in interactive websites that truly capture the beauty of their work. This can both be a strategy for creating mystery and allowing for menu flexibility day to day. Since the pandemic the world of takeout has grown and even high-end restaurants have been forced to attempt new strategies in order to keep running their restaurants as normal. Restaurant owners all across America are searching for new solutions to maintain or grow their business and we believe a strategy moving towards inclusivity will give them the best opportunities going forward.

Discover
Discover
My Roles

My Roles

UX Design
UI Design
Generative AI
Research
HTML/CSS
Presentation
Generative AI
Research
UI Design
HTML/CSS
UX Design
Presentation
UXR Summary

User Research Summary

Many users would prefer to go from google maps to one location that can serve all their purposes. These purposes are mainly understanding the quality and choices within the food, being able to book a table real time, seeing the type of food they are going to be consuming and if it’s going to be a nice experience. We used many research tools to pinpoint how we could make the user experience before coming to the restaurant and within the restaurant a more enjoyable experience.

User Persona

User Persona

As a busy marketing executive and mother of four Alexandra Williams would like to be able to see high end restaurants menus quickly and in an enticing way. She also would like for reservations to be made in one location where it’s easy to view parking and table accommodations.

Information
Architecture

Information Architecture

I created a sitemap to display a small section of the sites information architecture. The style of the site is a matrix so it is navigated in a way that doesn’t have an end goal. Keep in mind the main goal of this project was the menu, many of the other aspects I added to help give myself context during the design process.

User Journey Map

User Journey Map

After creating the paper wireframes and digital wireframes, it was time to transition to the hi-fidelity mockups. These mockups are the ones that will be used for testing in the first usability study. I stayed true to the original form of the wireframes in order to stay consistent during the iterative process.

Starting the Design

Starting the Design

My favorite way to start a design is with some rough sketches. It allows you to feel like success is not the goal but just creation in general. When going through this quick iterative process there can be a lot of useful designs that come forward and be useful in future designs.

Usability Study

Usability Study

Many users would prefer to go from google maps to one location that can serve all their purposes. These purposes are mainly understanding the quality and choices within the food, being able to book a table real time, seeing the type of food they are going to be consuming and if it’s going to be a nice experience. We used many research tools to pinpoint how we could make the user experience before coming to the restaurant and within the restaurant a more enjoyable experience.

Accessibility Considerations

Accessibility Considerations

- All of the fonts color contrast ratios achieve the highest of WCAG metrics. On all screens a contrast ratio of 7:1 is maintained allowing most all users to be able to read the information comfortably. - An interactive and animated floorplan is included to accessibly show the physical accessibility of the actual restaurant. Not all restaurants make it clear which areas are most accessible. - Accessibility consideration were taken in regards to the top bar and menu. The original design was not that accessible in terms of size and colors. I changed the button sizes and image sizes to make it more accessible and interactive.

Allochory

Allochory