Cosmetologist Website – Building Trust & Converting Visitors Into Clients
Role
UX/UI Designer
Tools
Figma, WordPress and Elementor
Team
Solo Project
Timeline
1 week
DESCRIPTION
This project was designed for a cosmetologist seeking to showcase her work and expertise. The design followed an existing visual identity while focusing on engaging potential clients, addressing common doubts, and creating a seamless path to direct contact. The layout prioritizes trust-building elements such as before-and-after images, detailed service descriptions, and strong calls to action.
Research & Insights
✔ Analyzed competitor websites to identify common industry patterns.
✔ Studied user expectations for service-based professionals to ensure clarity and trustworthiness.
Prototyping & Design
✔ Created low-fidelity wireframes to define key sections (services, testimonials, before & after cases).
✔ Iterated based on self-critique and industry best practices.
UI Design
✔ Developed the visual structure based on the existing brand identity.
✔ Ensured a balance between elegance and approachability to make the website feel both professional and inviting.
✔ Designed clear CTAs (Call-to-Actions) for direct engagement via WhatsApp and other channels.
Although no tracking was implemented, the design choices were aimed at:
✔ Enhancing trust – Before & after images and clear service descriptions help establish credibility.
✔ Encouraging conversions – Strategically placed CTAs guide users toward direct contact.
✔ Standing out in a competitive market – A clean, modern design differentiates the cosmetologist from generic competitors.
Color Pallet
Page layout
Goal:
Create a clean, intuitive layout that highlights promotions, simplifies navigation, and builds trust with first-time online shoppers.
Key Sections & UX Decisions:
Hero Section
A visually striking introduction with a CTA for booking appointments
Services Section
Highlights key treatments with descriptions and a call-to-action.
Testimonials Section
Builds trust with real client reviews.
Before & After Gallery
Showcases treatment results to reinforce credibility.
Value Proposition
Explains the clinic’s differentiators, such as advanced technology and personalized care.
Clinic Introduction
Features images and information about the professional and clinic environment.
Mobile-first approach
✔ Sticky navigation bar for quick access.
✔ Larger tap targets for seamless mobile interactions.
✔ Optimized scrolling experience to prioritize key content.
Desktop Enhancements
✔ Hover effects & micro-interactions to improve engagement.
