(August, 2023 - February,2024)
Product Overview
MensHall, a well-known barbershop in Ukraine, faced challenges with its website, which was not optimized for mobile users and had several interface issues, affecting customer engagement and online booking efficiency.
Problem & Solution Statement
Problem:
- Limited functionality for online booking & rebooking, leading to inefficient appointment management.
- Poor mobile optimization, negatively impacting accessibility and user engagement.
- The lack of features like loyalty cards and memberships is essential for customer engagement and retention.
- Interface problems such as a broken visual hierarchy and inefficient navigation paths.
Solution:
The redesigned MensHall website featured an intuitive booking system, personal account management for appointments, and loyalty card integration. The focus was on mobile optimization and resolving interface issues for an improved user experience.
Design Process
Initial Client Meeting:
Met with the client to understand their product vision, business objectives, and the features they wanted to include in the redesign.
Website Audit and Competitor Landscape:
Analyzed the existing website and key competitors to identify areas for improvement and opportunities to enhance the user experience.
New Booking Flow Development:
Redesigned the booking and rebooking flow to make it more intuitive and user-friendly.
Low-Fidelity Wireframing:
Sketched out the new site structure and booking flow, laying the foundation for the redesign.
Information Architecture & Sitemap Building:
Reworked the site navigation and information hierarchy to ensure users could easily find what they needed.
Usability Testing:
Created a quick usability script and asked the company owner to give his friends & barbers who worked there to go through and book an appointment.
Iterative Redesign Based on Feedback:
Mostly there were no problems with a new flow, and adjustments were more to interface and how things were laid out. After implementing these changes.
Design System Creation:
Having existing UI Kit system - modified to existing projects, making cohesive design language to ensure consistency across the website.
High-Fidelity Prototyping:
Created detailed wireframes and prototypes that closely represented the final design, allowing stakeholders to visualize the end product and test it once again with their friends and employees.
Documentation and Hand-Off:
Compiled documentation and facilitated the hand-off to the development team, ensuring smooth implementation and checking in process with the dev, making sure it's implemented as designed.
Challenges & Conclusion
The primary challenge was modernizing the MensHall website with strict deadlines and limited resources to align with contemporary brand guidelines while enhancing its functionality to meet current client & user expectations. This project underscored the importance of aligning brand identity and user needs, achieving marked improvements in customer loyalty and operational efficiency.
Conclusion & Learnings
Working on the MensHall project taught me the importance of testing, even on smaller projects. If you don’t have a user base to test with, you can still gather valuable feedback by involving friends or colleagues who haven't directly worked on the project and giving them simple tasks. This project’s success in boosting user engagement and booking efficiency highlighted the value of a user-centric, mobile-optimized approach. A key takeaway was seeing the direct impact that a well-executed digital presence can have on customer loyalty and overall business performance.
List of screens in High-Filidey-With
Home Page
Service Page
Login & SignUp Page
Booking Step 1 - Location
Booking Step 2 - Master
Booking Step 3 - Service
Booking Step 4 - Date
Booking Step 4 - Time
Information
Confirmation
Account Page
Your Visits
Reschedule
