Adam Grooming Atelier

Old-world craftsmanship & grooming rituals, updated for the modern world!

Work carried out

UX Design

UI Design

Launched in May 2019

Adam is rooted in the time-honoured expertise of Turkish barbering, and the skills and scents of the mediterranean region infuse every aspect of who we are. Our expertise stretches back to the very earliest roots of modern barbering in Istanbul, learned through generations and apprenticeship.

The brief

Adam Grooming Atelier had the objective of revamping their website to enhance both the user experience and user interface. Additionally, they aimed to incorporate an online store to sell their products. The primary focus of the project was to enhance the online booking process, ultimately leading to a higher number of visitors at their barbershop.

The Adam Experience

The ADAM Experience

A refined & developed range of barbering services!

The experienced barbers at Adam Grooming Atelier are true artisans of their craft. They have mastered the traditional Turkish barbering techniques that have been passed down through generations. From precise haircuts to meticulous beard trims and traditional hot towel shaves, barbers deliver flawless results tailored to your individual style and preferences.

Whether you’re preparing for a special occasion, refreshing your look, or simply indulging in self-care, Adam Grooming Atelier is committed to providing an unforgettable grooming experience. Step into our world of Turkish barbering traditions and let skilled barbers take care of your grooming needs with precision, style, and a touch of Turkish hospitality.

After Cut Shot

Understanding the users

Who makes the cut!

An analysis using a heatmap was conducted to examine the existing website and determine user paths and points of abandonment. By examining the journeys of users on both desktop and mobile devices, it was possible to identify specific user paths that required streamlining, as well as information that users had difficulty finding. Upon initial inspection, it became evident that there was a lack of clear distinction between purchasing a gift voucher and booking a specific haircut.

Heatmap

The New Structure

The Sitemap

A new sitemap was created to provide clear structure to the new website with the aim of improving both the site navigation and user experience. It serves as a blueprint that outlines the structure and organisation of all webpages and content. By establishing a clear and logical hierarchy, the sitemap ensures an intuitive and user-friendly navigation experience.

Furthermore the sitemap contributes to search engine optimisation efforts. Search engines rely on these sitemaps to understand the structure and relevance of website content. By providing a comprehensive and accurate sitemap I was able to help search engines index and rank the site’s pages more effectively, resulting in improved visibility and traffic.

Sitemap

The Blueprint

Wireframing the webpages

After conducting a thorough analysis of the shortcomings of the current site, a new wireframe was meticulously designed to provide a significantly improved user experience. This wireframe served as a foundation for testing and refining the newly defined user journeys, aiming to enhance their functionality. The ultimate objective was to minimise the number of clicks required for users to transition from landing on the site to achieving their desired conversion, optimising the overall conversion process.

Adam Wireframe example

The Adam Look

Use of imagery

To maintain brand consistency across all media platforms, professional photographs were captured at each Adam Grooming Atelier location and subsequently utilised in all brand materials. Filtering guidelines were developed to ensure ongoing consistency. It was crucial for these photographs to not only reflect the visual identity of the brand but also embody its values and principles.

Adam Photography

Unveiling the New Website

The finest barbering experience

Introducing the new website designed to revolutionise your experience and boost bookings and footfall like never before. The user-friendly interface and intuitive navigation make it effortless to explore the services and offerings. With just a few clicks, you can easily browse available appointments, select your preferred date and time, and secure your booking with convenience.

Whether you’re seeking a haircut, grooming services, or a rejuvenating treatment our website ensures a seamless and efficient booking process, allowing you to take control of your schedule and secure your spot. The website serves as a virtual gateway to the exceptional experience that awaits you. 

Homepage Desktop

Easily navigate through a comprehensive menu of treatments and services. From haircuts and styling to facials, massages, and more, the website offers detailed descriptions of each service, ensuring you make an informed choice.

Finding the nearest atelier to you is now effortless. The website will display the closest ateliers with their addresses, contact information, and operating hours. Whether you’re at home or on the go, you can easily locate and connect with our ateliers for your convenience.

Homepage Mobile
Locations Mobile
Treatments Desktop

Unleash Your Style

Addition of the shop

Welcome to our online shop, your gateway to an unparalleled grooming experience from the comfort of your own home. With our user-friendly website, browsing and shopping for premium grooming products has never been easier.

Discover a carefully curated selection of top-quality grooming essentials, ranging from haircare products and styling tools to beard oils, skincare items, and more. Each product in the online shop has been thoughtfully chosen to meet the diverse needs and preferences of the valued customers.

Shop Desktop

Experiments

Social

Misc

Contact Information