I recently had the opportunity to work on a web design and brand identity project for a restaurant that serves delicious, healthy food and caters to customers with allergies. This project was part of my UI/UX certification at the California Institute of the Arts. My UX design focused on creating an optimal user experience, including the ability to view ingredient listings for each menu item and the convenience of ordering for takeout or dining in the restaurant. By incorporating these features into the website design, the design enhanced the brand's reputation for providing a safe and enjoyable dining experience for all customers.

In order to develop an effective brand strategy for this project, I conducted a thorough analysis of the target audience, including their demographics and psychographics. Through the use of user personas, I was able to identify key user and client needs and develop a comprehensive outline of the project scope. My approach included the creation of a sitemap and desktop and mobile wireframes to ensure a seamless user experience. Additionally, I designed an online ordering process and log-in process to simplify the customer journey and streamline the ordering process. My strategy aimed to not only meet the needs of the target audience but also to create a cohesive and compelling brand identity for the client.

The mood board communicates the style, voice, direction, and language for this allergy-friendly restaurant and the online experience.

One of the first things I had to consider was selecting the best tone and voice for this brand. Both "allergy-friendly restaurant" and "allergy-safe restaurant" are commonly used to describe restaurants that cater to customers with food allergies. However, the term "allergy-friendly" is generally more inclusive and positive in tone, as it implies that the restaurant is open and accommodating to customers with allergies.

On the other hand, "allergy-safe" suggests a more rigid or restrictive approach, which may not necessarily be the case for all allergy-friendly restaurants. Additionally, "safe" could be interpreted differently by different people, and may not accurately convey the level of precaution that the restaurant takes to prevent allergen cross-contamination.

Ultimately, the choice between "allergy-friendly" and "allergy-safe" came down to user testing and the specific context in which the term is being used. The brand wanted to communicate an inviting and accommodating atmosphere for customers with allergies so "allergy-friendly" was the better choice.

Two sample user stories for the restaurant that includes demographics and psychographics to identify the users and their needs/goals.

This post offers a glimpse of the entire process. I hope this post has provided insights into my approach to creating a seamless user experience in custom website design.

If you would like more information and details about this project—or if you're embarking on a similar UI/UX design project and could use some guidance—my team of experts is here to help. Contact Chris Olson Designs to learn more about our services and how we can assist you in achieving your design goals. I look forward to hearing from you!

Sample ordering process wireframe.