A Walkthrough of My Mobile App Design for the Barbershop Reservation App
Barbershop Reservation App Case Study
Project Overview and Key Responsibilities
PROCESS HIGHLIGHTS
Timeline
Nov 7-29, 2022
Responsibilities
Tools
UX Research
Design Thinking
Figma
Notion
Wireframing
Prototyping
User Experience Design
User Interface Design
Disciplines
Challenge
Create a barbershop reservation app from scratch to simplify appointment booking and enhance user experience
Design an innovative app that streamlines the reservation process for barbers and customers, ensuring ease of use and improved time management
Goal
Analyzing the business and its objectives
BACKGROUND
The app is designed to provide a seamless and convenient booking experience for barbers and customers alike. Users can easily schedule appointments, explore available time slots, and manage their bookings effortlessly. The app aims to modernize the barbershop experience, saving time for both barbers and clients while ensuring smooth communication and a personalized service. Perfect for small businesses, the app helps streamline operations and build stronger customer relationships.
The Process
Research
Competitor Analysis
Identifying Problems
Synthesis
Persona
Ideation
Developing a Solution
Moodboard
Mid Fidelity
Final Designs
Final Prototype
Reflection
Conclusion
1
2
3
4
5
Competitor Analysis
RESEARCH
My competitor analysis involves exploring how existing barbershop apps cater to users seeking convenient and efficient booking solutions. Specifically, I examine how competitors like Booksy, Vagaro, and Fresha create intuitive and user-friendly appointment scheduling experiences, focusing on features like ease of navigation, customization, and overall user satisfaction.
After conducting competitor analysis, I decided to engage directly with a barbershop owner to uncover real-world issues. This discussion provided valuable insights into the challenges faced daily. Below is a snapshot of our conversation:
Identifying Problems
RESEARCH
It’s stressful for us too. Managing this chaos takes time away from focusing on delivering a good service. We’re losing potential loyal customers because of this
How does this impact the client experience ?
And how does this affect your business overall ?
ME
ME
The biggest issue is when multiple clients arrive at the same time. Even with appointments, walk-ins can cause confusion, and we’re left juggling between them
Clients get frustrated when they feel ignored or have to wait too long. Sometimes, they leave unhappy or don’t return 😭
To define the problem, the barbershop owner highlighted the need for better appointment management and clearer communication with clients. Features like organized booking, a waitlist system, and real-time updates could reduce frustration and improve customer satisfaction.
To define the problem, the barbershop owner emphasized the need for better appointment management and clear communication with clients. Key features like organized booking, a waitlist system, and real-time updates would help reduce frustration and improve customer satisfaction.
User Persona
SYNTHESIS
Habib Trime, 25
Startup Co-founder
MBA in IT
Monastir, Tunisia
Habib is dedicated to the success of his tech startup and is passionate about staying at the forefront of industry trends and innovations. He thrives on entrepreneurship and is determined to build a thriving business. As a co-founder, he actively seeks opportunities to network, engage with potential investors, and collaborate with like-minded individuals who share his enthusiasm for growth and innovation.
Needs
as an entrepreneur, needs a system that helps him efficiently manage his time, balancing the demands of running a startup with his personal activities. He requires a reliable and easy-to-use service for booking appointments, allowing him to avoid disruptions in his busy schedule. Clear communication with service providers is essential, as it enables him to plan his day and avoid unnecessary stress. Having access to real-time updates and available appointment slots would help him stay organized and minimize any interruptions to his work.
Pain Points
Habib faces significant pain points when it comes to booking appointments. Long wait times at barbershops are a major frustration, especially when his schedule is tight. He also struggles with unorganized appointment systems that lack clarity and real-time notifications, making it difficult to know when to expect his service. This disorganization not only wastes his time but also creates unnecessary stress, as he has to constantly manage these issues on top of his business responsibilities.
Emotional State with barbershops
Frustration
Satisfaction
Stress
After identifying common pain points, the solution includes a user-friendly booking system with real-time updates, a queue management feature, and automated notifications. It also offers an in-app chat feature for communication and a secure payment system for easy transactions. For the owner, the app provides admin controls to manage appointments and track customer preferences, ensuring a smooth experience for both clients and the barbershop.
Creating a Solution
IDEATION
To immerse myself in the barbershop’s identity, I created a moodboard that explores their style, including typography, colors, and imagery. This helps me make usability improvements while staying true to the barbershop’s aesthetic and brand essence.
Moodboard
IDEATION
After conceptualizing a design direction, I began crafting mid-fidelity wireframes to visualize my ideas for the app. This focused on the booking process, queue management, and other key features essential for improving the user experience.
Mid-Fidelity
IDEATION
The main screen provides quick access to deals, recommended barbers, a filter to sort by specialty and reviews, and the store's location, ensuring a seamless and personalized booking experience.
Main Screens
The barber page offers detailed information, including an about section, a list of services, working hours, and customer reviews, allowing users to make informed decisions and easily book their preferred barber.
Barber Page
Final Prototype
FINAL DESIGNS
The appointment page streamlines the booking process by allowing users to select their preferred date and time, choose from available services, and complete the payment seamlessly. Once confirmed, users receive a detailed invoice, ensuring a smooth and transparent experience.
Side Navigation
After completing this barbershop app case study, I reflected on how much I have grown as a UX/UI designer. I refined my technical skills, utilizing tools like grids, auto-layout, and consistent design systems to create a polished and cohesive interface. I also improved my interaction design abilities, focusing on realistic user flows and anticipating how users would navigate the app. Most importantly, I strengthened my design thinking by prioritizing user needs and incorporating feedback into every stage of the process. This experience has been invaluable, and I’m excited to bring these skills to my future projects!
Conclusion
REFLECTION
Portugal
Copyright © 2024 MFA. All rights reserved.
Selected Work
Donation
👋 Thanks for stopping by! connect if you want to know more :)