User problem

User Journey

Finding reliable, high-end grooming service providers in major urban centers like Lagos often involves fragmented searching across social media, inconsistent pricing transparency, and manual, frustrating booking interactions over messaging apps.

Design Process

Design Strategy

Discovery

Stake holder interview

Market strategy

Competitive Analysis

Colors

Design

Fonts

Wire framing

Visual Design

User Research

Describe

User Persona

Data gathering

Empathy Mapping

Brain Storming

Ideate

User Flow

Information Planning

Cart Sorting

Style Guide

User Flow

UI Style Guide are Designs and development tools that brings cohesion to a

digital products user interface and experience

A

a

Playfair Display

Name

Font Size

Line Height

Large Text Bold

Medium Text Bold

Normal Text Bold

Small Text Bold

Large Text Regular

Medium Text Regular

Normal Text Regular

Small Text Regular

28 Px

18 Px

16 Px

14 Px

50 Px

24 Px

22.4Px

19.2Px

Colors

PRIMARY

TEXT AND BACKGROUND

Colors that repersent

Brand,used as primary

color and accents.

Grayscales that made up the

background and text color.

The Style Guide was choosen to keep

the look and feel of

the website organizes.

The main focus is to make the website

accesible,so the design

is very minimalistic.

#5A341F

DARK

LIGHT

Wireframe

A wireframe is a foundational tool in the field of user experience (UX) and web design.

Essentially, it's a visual representation or blueprint of a digital interface,

serving as a skeletal framework that outlines the structure of a webpage or application screen.



Visual Design

UX CASE STUDY

Lagos Grooming service

High fidelity wireframes are often built in the advanced stages of the design process

to communicate design decisions to the development team prior to coding the

final product

Ejaz Uddin Templates

For Giving Your Precious Time

Journey Stage

Discovery

Filter

Booking

User Goal

Find a top-rated luxury salon near Lekki Phase 1 that fits her schedule.

Compare pricing transparently and see real visual proof of their work.

Secure a locked-in slot instantly without making awkward phone calls.

Mindset & Emotion

Anxious & Overwhelmed: "There are too many Instagram pages, but half don't list their prices or actual address.

Analytical: "Are these reviews real? Is โ‚ฆ20,000 the starting price or the final total?"ir prices or actual address.

Determined: "I just want to click a button and know my spot is saved."

GlamHub Solution

Unified localized search directly in the hero banner to filter by area instantly.

Niche category chips (Nails, Hair) paired with a visual "Look Book" gallery showing real transformationns.

High-contrast, unambiguous "Book Now" buttons right on the service preview cards.

Create a free website with Framer, the website builder loved by startups, designers and agencies.