← All work · Barber's Friend
A sharp digital home for a grooming brand.
Web Design & DevelopmentWeb BannersSocial Media CreativesArt Direction
We designed and built barbersfriend.com and created the web banners that carry the brand across every screen.
Barber's Friend is a grooming and personal care brand with products for men and women — beard oil, shaving gels and a Batana Oil leave-in conditioner. They needed a website that felt as premium as the products and banners that could sell each line at a glance, on the site and across social media.
- Client
- Barber's Friend
- Industry
- Grooming & personal care
- What we did
- Website, web banners, social creatives
- Live site
- barbersfriend.com ↗
Chapter 1
The website
We built the site around a bold black-and-copper look that matches the packaging. The homepage opens with a full-width hero slider telling three stories — For Him & Her, Beard Oil and Smooth Shave — with pause and arrow controls, followed by a strip of the brand's promises: premium ingredients, expert formulated, daily confidence, made for men.
A clean menu takes visitors to Products, Stockists, Partners, FAQs and Enquire, while a WhatsApp button stays in the header so customers can order or ask a question in one tap.
- 01Story-led hero sliderThree slides — For Him & Her, Beard Oil and Smooth Shave — each with its own campaign banner.
- 02Order on WhatsAppA header button opens a direct chat for orders and questions.
- 03Find a stockistStockists and Partners pages show where to buy and who the brand works with.
- 04Answers up frontFAQs and an Enquire page handle questions before they become calls.
Chapter 2
Web & social banners
We created two campaign lines and adapted them for the website and social feeds. "Choose Precision, Choose Barber's Friend" sells the beard oil in moody black and white with a single teal accent. "Double the Care, Double the Results — For Him and Her" uses a warm brown-to-copper gradient and an African pattern border for the his-and-hers range and the Batana Oil leave-in conditioner.
