01_Overview
The Problem
Many users struggle to find and reserve tables at restaurants efficiently, often encountering confusing interfaces or inaccessible features. Revu aims to simplify the reservation process by providing an intuitive, accessible, and user-friendly app that streamlines booking and enhances the dining experience.
My Role
My role as the UX designer for Revu was to showcase my design process through the creation of a conceptual in-app restaurant reservation experience. I developed user flows, wireframes, and high-fidelity prototypes to demonstrate how I prioritize user-centered design, scalability, and accessibility. This project highlights my ability to approach challenges methodically and deliver intuitive solutions.
Tools
Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Sketch, Figma, Prototyping
03_Ideation
During the ideation phase for Revu, I focused on designing intuitive wireframes that align with user expectations while ensuring simplicity and accessibility. The process included mapping out essential user flows and identifying the key screens needed for a seamless experience.
Brainstorm Screen Wireframes
Login Screen
Clean and welcoming design to ensure ease of entry.
Includes options for email login, social media login, and password recovery.
Explore Screen
Displays personalized restaurant recommendations.
Features a search bar with filtering options (e.g., cuisine, distance, ratings).
Interactive map view for browsing nearby restaurants.
Reservation Screen
Simplified reservation process with clear steps.
Calendar integration for date and time selection.
Displays restaurant details, available slots, and confirmation options.
Profile Screen
Houses user details and preferences.
Easy access to reservation history, saved payment methods, and reviews.
Favorite Restaurants Screen
A curated list of user’s saved restaurants for quick access.
Includes sorting options (e.g., recently added, highest-rated).
Settings Screen
Customizable user experience with options like notifications, privacy settings, and accessibility features.
Adjustable text sizes, high-contrast mode, and account management tools.
04_Prototyping
The prototyping phase for Revu involved creating interactive mockups to simulate the app's user experience and functionality. Using tools like Figma, I translated the high-fidelity wireframes into clickable prototypes, enabling stakeholders and testers to navigate the app as users would.
This step allowed me to refine key features like the reservation flow, explore screen, and accessibility settings based on feedback. Prototyping helped identify usability issues early, ensuring the final design was intuitive, scalable, and aligned with user needs. It also served as a crucial bridge between ideation and development, providing a clear visual guide for developers.
Revu's in-app reservation feature was developed to address key frustrations users face with competitors like Yelp. On platforms like Yelp, users are often redirected to third-party websites, leading to a disjointed experience and additional steps that can cause confusion or frustration.
With Revu, reservations are made directly within the app, eliminating the need for external links or multiple platforms. Users can:
View real-time availability for tables without calling the restaurant or navigating away.
Customize reservations, such as adding notes for dietary preferences or special occasions.
Receive immediate confirmation, ensuring clarity and reducing the risk of miscommunication.
Additionally, Revu’s system is tailored for mobile users, making the process faster and more intuitive than traditional desktop-based systems or competitor apps. By solving these pain points, Revu provides a seamless, efficient, and reliable reservation process that puts user convenience first.
To ensure Revu offered a seamless user experience across devices, I created prototypes for both the mobile app and the website version. The mobile prototype emphasized the in-app reservation feature, explore screen, and accessibility settings, enabling users to quickly navigate and book on the go.
For the website version, I focused on delivering an expanded experience, including enhanced restaurant details, larger visuals, and a robust filtering system. This allowed desktop users to explore and make reservations with ease, while ensuring consistent branding and functionality across platforms.
05_Testing
As part of my UX design process, I incorporated thorough testing to ensure a user-friendly and accessible experience. Here's how I approached it:
User Testing: I would recruit diverse participants to test the reservation flow, navigation, and overall app usability, gathering feedback to identify pain points and areas for improvement.
Accessibility Testing: I’d evaluate features like high-contrast modes, voice interaction, and screen reader compatibility to ensure the app is inclusive for all users.
Scenario-Based Testing: By simulating real-world cases like making, editing, and canceling reservations, I would identify potential friction points and refine the process.
Performance Testing: I’d assess the app's reliability and speed under various conditions, ensuring it performs well during peak usage.
Feedback Integration: Feedback from testing sessions would be analyzed and used to iterate on the design, improving functionality and user satisfaction.
This testing approach showcases how I prioritize user needs and accessibility in creating a seamless digital experience.
06_Evaluation
This conceptual project highlights my UX design process. I evaluated the Revu app's usability, accessibility, and functionality to demonstrate how I refine features like the reservation flow and editing options, ensuring a seamless and inclusive user experience.
Background
Revu is a conceptual restaurant app designed to simplify the dining experience by offering an intuitive in-app reservation feature. The goal was to address common challenges users face with restaurant bookings, such as unclear interfaces and limited accessibility. Through thoughtful design and user-centered principles, Revu aims to provide a seamless and inclusive solution for discovering and reserving dining experiences.
02_Research & Analysis
In designing Revu, a restaurant app with in-app reservation features, I conducted secondary research to understand current market trends, user expectations, and competitor strengths. By analyzing successful apps like OpenTable and Resy, I identified pain points such as overly complicated reservation processes and limited accessibility features.
To ensure Revu stood out, I focused on creating a seamless and user-friendly experience. Key insights revealed that users prioritized ease of navigation, personalized restaurant recommendations, and a streamlined reservation flow. These findings informed the design decisions, ensuring Revu met both user needs and industry standards.
Through this research, I gained a deeper understanding of how to align app features with user expectations while addressing accessibility and scalability for future growth.