(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.
- Interface problems such as a broken visual hierarchy and inefficient navigation paths
- Lack of features like loyalty cards and memberships, essential for customer engagement and retention.
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: Engaged with the client to understand the product vision, business objectives, and anticipated features.
- Research and Understanding: Analyzed the existing website to identify areas for improvement and opportunities to enhance the user experience.
- New Booking Flow Development: Redesigned the booking and rebooking process to be 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 and Sitemap Building: Reworked the site navigation and information hierarchy to ensure users can find what they need with ease.
- Usability Testing: Conducted tests with low-fidelity prototypes to collect user feedback and identify any usability issues early on.
- Iterative Redesign Based on Feedback: Implemented changes and refinements to the design based on insights gathered during usability testing.
- Design System Creation: Developed a cohesive design language to ensure consistency across the website, making it aesthetically pleasing and functionally robust.
- High-Fidelity Prototyping: Created detailed prototypes that closely represented the final design, allowing stakeholders to visualize the end product.
- Documentation and Hand-Off: Compiled comprehensive documentation and managed the hand-off to the developer.
Challenges & Conclusion
The primary challenge was modernizing the MensHall website to align with contemporary brand guidelines while enhancing its functionality to meet current user expectations. This project underscored the importance of aligning design with modern brand identity and user needs, achieving marked improvements in customer loyalty and operational efficiency.
Conclusion & Learnings
Tackling the MensHall redesign revealed the challenge of working with client explaninng all intricasies of design that will help business achieve their goals. The project's success in enhancing user engagement and booking efficiency underscored the value of a user-centric, mobile-optimized approach. Key learnings include direct impact of a well-executed digital presence on customer loyalty and 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
