Inspire Alliance Kitchen

Where flavor meets function — uniting multiple restaurants into one seamless app experience.

Project Type
Restaurant App Interface
Date
August 2024

Project Overview

I created a unified interface for Inspire Alliance Kitchen, a company that manages multiple brands. My goal was to bring all the company’s operations and offerings together into a single app, making it easier for users to navigate and interact with everything the company provides. I focused on creating an intuitive design that emphasizes usability and cohesion while maintaining the company’s branding. Throughout the process, I used user-centered design principles, developed wireframes, and built prototypes to ensure the app met both user needs and business objectives. This project allowed me to combine functionality with visual appeal to deliver a seamless and engaging user experience.

Problem Statement

How might we integrate online ordering and multiple restaurants into a single, seamless app to enhance customers convenience?

UX Tools
Figma


UX Practices
Affinity Mapping
Personas
Feature Prioritization
Heuristic Evaluation
User Flow
Low Fidelity Wireframe
Mid Fidelity Wireframe
Protoype
Branding Guide

Role
UX/UI Designer

Deliverable
Prototype

Research

User Interview Questions

How was your commute?
Did you have something to eat before coming here?
What is your mode of working?
How often do you use food delivery apps?
Which food apps do you use?
On a scale from 1-5, how easy is it to use these apps?
What difficulties or frustrations do you experience when using these apps?
What is your favorite app and why?
Are you a rewards member/ subscriber of the app?
Do these apps offer benefits like discounts?
How satisfied are you with these terms?
How satisfied are you with online food delivery apps?
What features or implementations would you like added in these apps that can help you have a better experience?
Have you faced any technical issues or order issues while using the app?
How was your experience with customer service?
What did the employees do well/ How could they improve?



Affinity Mapping

To organize feedback from three interviewees, affinity mapping involves grouping similar insights, opinions, or themes into clusters to identify patterns or trends. First, I reviewed the interview notes and identified key points such as preferences, pain points, and expectations. Then, I sorted these insights into categories, like "Ease of Use," "Price Sensitivity," and "Feature Preferences," to clearly visualize the commonalities and differences. This process helped prioritize the most important features and improvements, guiding the development of user-centered solutions.



Personas

One persona is a college student who enjoys exploring new restaurants with friends, values convenience, and looks for features like easy reservations and quick payment options. The other persona is a budget-conscious student who seeks affordable dining options, discounts, and loyalty rewards while still prioritizing quality and reviews.

Heuristic Evaluation



Heuristic evaluation is a usability inspection method where experts evaluate an interface against established usability principles, or "heuristics," to identify potential usability issues. When compared to Uber Eats, this method focuses on identifying aspects of the app that may confuse or frustrate users, such as poor navigation, unclear calls to action, or inefficient workflows. For instance, while Uber Eats might excel in features like menu browsing and order tracking, a heuristic evaluation might uncover issues like difficulty in finding the "reorder" function, lack of clear feedback during the payment process, or inconsistent design elements that impact the overall user experience.



Feature Prioritization

When prioritizing features for a restaurant app, the focus should first be on core functionalities like an interactive menu, seamless online ordering, and secure payment integration to meet essential user needs. Value-adding features like loyalty programs, push notifications, and user reviews can enhance engagement and encourage repeat usage. Finally, enhancements such as augmented reality, social media integration, and multilingual support can be considered for future iterations to differentiate the app and provide a more personalized experience.





Design








User Flow


My user flow for the restaurant app starts when users open the app and land on an intuitive homepage, where they can easily browse the menu, check out restaurant details, and view any promotions. From there, they can either explore the full menu or search for specific dishes or restaurants. After making their selection, users are guided to customize their order, review it, and proceed to payment, where they can choose between delivery or pickup options. Once the order is confirmed, I include an order tracking screen that allows users to follow the delivery status or save the order for future use, ensuring a smooth and efficient experience from start to finish.

Wireframes

The low-fidelity wireframe for the restaurant app focuses on basic layout and functionality, emphasizing structure over visual design. It includes key elements like a simple navigation menu, a basic representation of the homepage with sections for the menu, restaurant details, and promotions, as well as clear call-to-action buttons for placing an order. The wireframe also includes placeholders for essential features such as the search bar, order summary, and payment options, allowing me to focus on user flow and functionality before refining the visual details in higher-fidelity iterations.

Mid Fidelity Wireframe

The mid-fidelity wireframe for the Inspire Alliance Kitchen app focuses on refining the layout and user interface elements to offer a more detailed and interactive experience compared to the low-fidelity version. It includes a clear, structured navigation system with defined sections for exploring different company offerings, managing orders, and accessing support. I incorporated interactive buttons, dropdown menus, and product images to give users a better sense of the final design while maintaining a focus on usability and flow. The wireframe also includes improved spacing, typography, and visual hierarchy to enhance readability and user engagement, paving the way for further refinement in the high-fidelity version.

High-Fidelity Wireframe

Prototype






Conclusion


To measure the success of my Inspire Alliance Kitchen design, I revisited my main goal: to create a unified platform that seamlessly integrates multiple companies into one cohesive app while improving accessibility and user interaction. The initial prototype successfully demonstrated how users could navigate between different brands effortlessly, and it received positive feedback for its organization, visual consistency, and intuitive flow. Moving forward, I plan to refine the interface by incorporating stronger brand distinctions and enhanced visuals to further elevate the user experience. Inspire Alliance Kitchen is currently in its refinement stage and progressing toward a full high-fidelity prototype.