Website Revamp
SIBERIAN BARBERSHOP
Background
Siberian Barbershop, a small company with just two branches, faced challenges with their outdated website, siberianbarbershop.ru. The site was not responsive on mobile devices, making it difficult for potential customers to navigate and access essential information. With a limited budget and tight deadlines, there was a critical need to modernize the website to improve accessibility and user engagement.
Problem Statement
The existing website presented several usability issues, including non-responsive design on mobile screens, unclear pricing information, and inconvenient map locations showing both branches simultaneously. These issues needed to be addressed within the constraints of a free version of WordPress, which limited customization possibilities.
Goals
Enhance Mobile Accessibility: Ensure the website is fully responsive across all devices, particularly mobile phones, to cater to the majority of users.
Update Visual Design: Modernize the website's aesthetic while retaining the existing logo, transforming it from an outdated look to a contemporary and visually appealing interface.
Improve User Interaction: Simplify navigation, clarify pricing information, and optimize location mapping to enhance user experience and encourage appointment bookings.
Tools
Wordpress, Figma, Photoshop, Double Diamond Design Thinking Model
Discover
User Analysis
Conducted user surveys and analyzed website analytics to determine the ratio of mobile users versus desktop users.
Identified specific pain points through usability testing, focusing on mobile usability and user comprehension of pricing and location information.
Constraints and Challenges
Limited Budget and Resources: Optimized design solutions to maximize impact within the constraints of a restricted budget and the capabilities of the free WordPress platform.
Deadline Pressures: Efficient project management and prioritization of tasks were crucial to meet project deadlines without compromising quality.
Design Solutions
Mobile Optimization
Implemented responsive design principles using CSS and HTML adjustments to ensure the website functioned seamlessly across all devices, prioritizing mobile usability.
Enhanced user experience by implementing a toggle switch for the price table, allowing users to navigate and understand pricing information easily.
Visual and Functional Enhancements
Modernized the website's visual design while maintaining brand identity, incorporating contemporary typography, color schemes, and imagery.
Made the navigation menu sticky, ensuring it remains accessible and visible as users scroll through the website.
Improved accessibility of the image gallery by adding alternative text descriptions, enhancing usability for visually impaired users.
Optimized the location map to display both branches clearly, providing convenient access to address details for potential customers.
Created two versions of the background—one for summer and one for winter in Siberia—to resonate with seasonal aesthetics and enhance user engagement.
Results
Impact on User Experience:
Improved Accessibility: Enhanced mobile responsiveness and streamlined navigation led to increased user engagement and reduced bounce rates.
Enhanced Visual Appeal: Positive feedback on the updated design, reflecting Siberian Barbershop's professional image and attracting more visitors to the website.
Conclusion
Despite facing the challenges of a tight budget and limited resources, the redesign of siberianbarbershop.ru successfully addressed usability issues and improved the overall user experience. By leveraging strategic design solutions and optimizing functionality within the constraints of a free WordPress platform, the website now effectively supports business goals by simplifying user interaction and encouraging online appointments. This project underscores the value of user-centric design in achieving tangible business outcomes, even with constrained resources.