Cuts and Bruises

Category: UI & UX Design, WordPress, E-commerce, Lead Generation, Content Creation

Client: Ben van Beurden

Start Date: Feb 18, 2021

Handover: Mar 09, 2021

Portfolio detail - Hero image

Build, streamline and evolve together with solution

Introduction: Embark on a transformative journey into the realm of grooming as we unravel the success story of Cuts and Bruises Barbershop, a sanctuary for those seeking more than just a haircut. This case study explores the collaboration between me, a premier development and design individual, and C&B, a distinguished barbershop dedicated to providing an unrivaled grooming experience.

Client Background: Cuts and Bruises Barbershop, affectionately known as C&B, sets the standard for unhurried, top-tier grooming services. From meticulous haircuts to invigorating hot towel shaves, every session is a fusion of skill, precision, and a touch of indulgence, ensuring clients leave not just groomed but revitalized.

Challenge: C&B's commitment to quality grooming needed a digital counterpart that encapsulated its unique atmosphere and services. The challenge was to create a website that mirrored the sophistication and charm of the barbershop, allowing clients to explore services, prices, and seamlessly book appointments online.

+ UX/UI Design

+ Wix

+ Custom Development

+ Online Booking System

+ Responsive Design

Image

Result: Results: The Cuts and Bruises Barbershop website, crafted by me, became an extension of the barbershop's commitment to grooming excellence. Clients could effortlessly explore services, understand pricing, and book appointments online, preserving the essence of C&B's traditions while embracing the digital age.

Visual and typograpy hierarchy

Image
Image

Font Type: Poppins- Visual hierarchy is the principle of arranging elements to show their order of importance. Designers structure visual characteristics—e.g., menu icons—so users can understand information easily. By laying out elements logically and strategically, designers influence users’ perceptions and guide them to desired actions. Users notice larger elements more easily can convert. Regular Medium SemiBold Bold

RegularMediumSemiBoldBold

This Is Text Message Medium Typography Just Amazing Awesome

Image
Image
Image