Elevating web experience
Bellahairsandwigs | Launching the Brand's First Website
COMPANY
Bellahairsandwigs
ROLE
Web Designer
EXPERTISE
UX/UI Design
YEAR
2024
Timeline
3 weeks (November 2025)
Project Type
Solo
Project description
Bellahairsandwigs is a Nigerian hair vendor specializing in affordable wigs, extensions, and hair products for women seeking stylish, budget friendly options.
As the UX/UI Designer, I led the branding and design of their first ever website an e-commerce platform built from scratch to establish an online presence, enhance navigation, and drive sales by making product discovery and purchasing seamless. Previously, the owner relied solely on social media like WhatsApp, TikTok, and Instagram for customer interactions and sales, which was inefficient and limited business growth.
The Objective
The goal was to design the first website for Bellahairsandwigs that:
Showcases products effectively with high quality visuals
Improves navigation and user flow for easy browsing and buying
Builds trust through professional branding and testimonials
Encourages conversions like add to cart and purchases
The challenge was that Bellahairsandwigs had no website and used social media (WhatsApp, TikTok, Instagram) for customer service and sales which was time consuming and inefficient. Issues included frequent refunds from overselling the same item multiple times, delayed responses leading to ignored customers during high traffic, missed messages, and even WhatsApp bans due to excessive activity. The owner needed a seamless, centralized platform to handle sales more efficiently.
Target User
The website was designed for:
Women in Nigeria seeking affordable hair products
Busy shoppers (e.g., students, young professionals) who value variety, low prices, and quick online purchases
First-time buyers needing clarity and reassurance before committing
People interested in budget friendly hair solutions but frustrated by scattered social media interactions or inefficient ordering processes.
Website Strategy
Instead of a generic e-commerce layout, the structure guides users through:
Awareness → Discovery → Trust → Purchase
The site educates on product affordability and quality, reassures with testimonials and clear info, and converts via intuitive CTAs focusing on visual storytelling and simplicity to overcome social media limitations and create an efficient sales channel.
Information Architecture
The experience was structured across key pages:
Home
Shop/Products
About
Contact
Cart/Checkout
Each page supports the user journey, with a clean navigation bar for easy access and product categories for quick filtering essential for streamlining sales from social media chaos to a organized platform.
Wireframes
Early layouts explored:
Content hierarchy (hero first, then products)
Grid balances for mobile/desktop
CTA placements for conversions
Page Breakdown
Home
Introduces the brand and products through:
Hero section with branding and CTA
Product highlights/grid
Testimonials
Featured categories
Shop/Products
Facilitates browsing with:
Category filters
Detailed product views (images, descriptions, prices)
Add-to-cart functionality
About
Builds credibility by sharing the brand story, mission, and focus on affordability key for establishing trust in a new online presence.
Contact
Provides easy inquiry forms and support info.
Cart/Checkout
Ensures smooth purchasing with secure, step by step flow to prevent overselling and refunds.
Visual Direction
The visual system was designed to feel:
Elegant and feminine
Approachable and trustworthy
Vibrant yet professional
Using a palette of maroon, pink, gold, white, and black, with Playfair Display for headings and Inter for body text to evoke accessibility and readability tailored to appeal to budget-conscious users and differentiate from casual social media visuals.
Final Design
The final website delivers:
Visually appealing branding with high-fi elements
Intuitive navigation and product showcases
Trust-building features like testimonials
Conversion-optimized flows to handle high traffic efficiently
Impact
The design launches Bellahairsandwigs' first website as an efficient e-commerce destination helping users discover and purchase affordable products effortlessly, reducing refunds and response delays, boosting engagement beyond social media limitations, and enabling seamless sales for business growth.
