Improving User Experience For Seamless Reservation And Online Food Delivery
Improving User Experience For Seamless Reservation And Online Food Delivery
BARBEQUE NATION APP
BARBEQUE NATION APP
Role
Role
Led the project as a UX researcher and designer.
Led the project as a UX researcher and designer.
Team
Team
Solo Project
Solo Project
Timeline
Timeline
2 months
2 months
Background
Background
One of the leading casual dining chains in India, Barbeque Nation pioneered the concept of “over the table barbeque” live grills embedded in dining tables – allowing guests to grill their own barbecue’s right at their tables.
The Barbeque Nation app offers convenient table reservations, easy food ordering, and access to exclusive offers for a seamless dining experience.
One of the leading casual dining chains in India, Barbeque Nation pioneered the concept of “over the table barbeque” live grills embedded in dining tables – allowing guests to grill their own barbecue’s right at their tables.
The Barbeque Nation app offers convenient table reservations, easy food ordering, and access to exclusive offers for a seamless dining experience.
Project Overview
Project Overview
The main goal is redesigning the app to simplify the app’s navigation, improve the reservation process, revamp the menu browsing experience and to provide users with a seamless, intuitive, visually appealing interface that aligns with the Barbeque Nation's brand identity, incorporating their logo, color scheme, and visual elements throughout the app.
The main goal is redesigning the app to simplify the app’s navigation, improve the reservation process, revamp the menu browsing experience and to provide users with a seamless, intuitive, visually appealing interface that aligns with the Barbeque Nation's brand identity, incorporating their logo, color scheme, and visual elements throughout the app.
Why Barbeque Nation?
Why Barbeque Nation?
As someone who doesn’t like to interact much with other people, I wanted to plan an outdoor party for my family. That’s when I found this app to reserve a table. Right away, I noticed the design wasn’t the most appealing, which made me wonder if the whole booking process would work smoothly. Thankfully, I did manage to book a table! But it got me thinking about ways the app’s user experience could be improved, so I started diving into research and exploring ways to improve its design.
As someone who doesn’t like to interact much with other people, I wanted to plan an outdoor party for my family. That’s when I found this app to reserve a table. Right away, I noticed the design wasn’t the most appealing, which made me wonder if the whole booking process would work smoothly. Thankfully, I did manage to book a table! But it got me thinking about ways the app’s user experience could be improved, so I started diving into research and exploring ways to improve its design.
What was the problem?
What was the problem?
The current UI of the Barbeque Nation app has several usability and functionality issues:
Difficult for users to navigate through the app
Making reservations is not intuitive
Exploring the menu for food delivery/takeaway is less visually appealing.
As a result of these problems, the user experience is poor, customer satisfaction is decreased, and opportunities for increased engagement and loyalty are missed. A redesign is necessary to address these problems and create a user-friendly app that enhances overall satisfaction for Barbeque Nation's users.
The current UI of the Barbeque Nation app has several usability and functionality issues:
Difficult for users to navigate through the app
Making reservations is not intuitive
Exploring the menu for food delivery/takeaway is less visually appealing.
As a result of these problems, the user experience is poor, customer satisfaction is decreased, and opportunities for increased engagement and loyalty are missed. A redesign is necessary to address these problems and create a user-friendly app that enhances overall satisfaction for Barbeque Nation's users.
Problem Statement
Problem Statement
How can we redesign the Barbeque Nation app to improve navigation, streamline reservations, and enhance menu exploration to boost user satisfaction and increase the app’s order conversion rate?
How can we redesign the Barbeque Nation app to improve navigation, streamline reservations, and enhance menu exploration to boost user satisfaction and increase the app’s order conversion rate?
User Research
User Research
Key Insights:
Users found the app’s UI to be very poor which made them want to uninstall it instantly.
Navigating the app was difficult for the users as the menu was misleading for them.
Booking reservations was also a challenge for the users as the process was not seamless.
Users were frustrated with the delivery options of the app as it lacked intuitiveness and poor user experience.
After doing my secondary research by going through all the reviews and feedback given by various users in the Google play store for this app, I was able to understand the pain points and needs of the user.
After doing my secondary research by going through all the reviews and feedback given by various users in the Google play store for this app, I was able to understand the pain points and needs of the user.
Key Insights:
Users found the app’s UI to be very poor which made them want to uninstall it instantly.
Navigating the app was difficult for the users as the menu was misleading for them.
Booking reservations was also a challenge for the users as the process was not seamless.
Users were frustrated with the delivery options of the app as it lacked intuitiveness and poor user experience.
User Research - Survey
User Research - Survey
Key Insights:
Users found the app’s UI to be very poor which made them want to uninstall it instantly.
Navigating the app was difficult for the users as the menu was misleading for them.
Booking reservations was also a challenge for the users as the process was not seamless.
Users were frustrated with the delivery options of the app as it lacked intuitiveness and poor user experience.
I also conducted a survey asking 10 people about their experience with the app and the challenges they faced. This helped me to focus on real-time users and understand their pain points.
I also conducted a survey asking 10 people about their experience with the app and the challenges they faced. This helped me to focus on real-time users and understand their pain points.
Key Insights:
Reserving a table is a task for people who want to book a table easily and efficiently.
Users find it difficult to order food items without any discounts, offers and recommendations.
Due to the existing poor UI, users find it difficult to navigate throughout the app.
The existing UI is not user friendly due to which the overall user experience of the app becomes poor.
User Persona
User Persona
I created 3 personas to understand their pain points and expectations. This was very helpful for me to focus on target users and not to lose sight who to design for.
I created 3 personas to understand their pain points and expectations. This was very helpful for me to focus on target users and not to lose sight who to design for.
Competitive Analysis
Competitive Analysis
I performed deep analysis of functional competitors and extracted important features. While doing this research, I investigated 4 apps to gather insights into their strengths and weaknesses.
I performed deep analysis of functional competitors and extracted important features. While doing this research, I investigated 4 apps to gather insights into their strengths and weaknesses.
User Flow
User Flow
Next, I created a user flow for the application. This process helped me decide how the app’s user experience might be designed to cater to the user’s needs.
Next, I created a user flow for the application. This process helped me decide how the app’s user experience might be designed to cater to the user’s needs.
Mid-Fidelity Wireframes
Mid-Fidelity Wireframes
I worked on the medium fidelity and mapped the basic user flows to have an MVP. The reason why I chose mid-fidelity instead of low-fidelity was because it will be easier for users to understand while iterating the design since I’m redesigning an existing app.
I worked on the medium fidelity and mapped the basic user flows to have an MVP. The reason why I chose mid-fidelity instead of low-fidelity was because it will be easier for users to understand while iterating the design since I’m redesigning an existing app.
Design System
Design System
I created a design system following the original brand’s style guidelines to help me improve my redesigning and also maintaining the brand’s originality at the same time.
I created a design system following the original brand’s style guidelines to help me improve my redesigning and also maintaining the brand’s originality at the same time.
Final Design
Final Design
Quick and efficient reservation process. Also allows user to view, edit or delete their reserved tables
Smooth Onboarding
Smooth Onboarding
Helpful instructions for new users to easily navigate through the app
Helpful instructions for new users to easily navigate through the app
Menu exploration and easy delivery options
Quick and efficient reservation process. Also allows user to view, edit or delete their reserved tables
Menu exploration and easy delivery options
Final Prototype
Final Prototype
Design Validation (User Testing)
Design Validation (User Testing)
The journey was then tested with the users (using Maze app) to get real-time feedback and improve the final design.
The journey was then tested with the users (using Maze app) to get real-time feedback and improve the final design.
A few changes were made to the design like improving the overall UI of the app to avoid cognitive load on the users and make the process of reserving the table easier.
A few changes were made to the design like improving the overall UI of the app to avoid cognitive load on the users and make the process of reserving the table easier.
96%
96%
Task Completion Rate
Task Completion Rate
10
10
Number Of Participants
Number Of Participants
Impact
Impact
Streamlined booking flow could reduce drop-off rates by 20-25%, potentially increasing conversion rates by up to 15%.
Improved menu browsing may lead to 30-35% more interactions, potentially raising the average order value by 5-10%.
Enhanced usability may increase session duration by 25% and return rates by 20%, reflecting greater user satisfaction.
Streamlined booking flow could reduce drop-off rates by 20-25%, potentially increasing conversion rates by up to 15%.
Improved menu browsing may lead to 30-35% more interactions, potentially raising the average order value by 5-10%.
Enhanced usability may increase session duration by 25% and return rates by 20%, reflecting greater user satisfaction.
Key Learnings
Key Learnings
The first and foremost thing I learned was the importance of self-initiated projects, they teach you a lot and grow you as a designer.
While redesigning this app, I understood the importance of aligning my design with the brand guidelines of the company.
Only by carefully working through each stage of the app’s design and taking the needs of users into consideration was I able to achieve a clear and user-friendly design.
The first and foremost thing I learned was the importance of self-initiated projects, they teach you a lot and grow you as a designer.
While redesigning this app, I understood the importance of aligning my design with the brand guidelines of the company.
Only by carefully working through each stage of the app’s design and taking the needs of users into consideration was I able to achieve a clear and user-friendly design.