Pro-Beauty Wellness Center
Website redesign
Role
Role
UX Generalist
Disciplines
Disciplines
IA • User Design Flow • Wireframing • UI/ Visual Design • Responsive Design • Photo Art Direction
Type
Type
Self-directed concept project
Project background
I'm a client of Pro Beauty, a wellness center in Palo Alto run by Maria Tkachenko - a certified lymphatic drainage specialist trained under Beverly Hills expert Rebecca Faria. The service is exceptional. The digital experience isn't. The website lacked clear service structure, key information about massage types was scattered between the main site and a disconnected third-party booking system, and the booking flow itself was confusing enough that I nearly abandoned it as a paying customer. I redesigned the full experience as a self-directed project - grounded in my own frustration as a real user.
I'm a client of Pro Beauty, a wellness center in Palo Alto run by Maria Tkachenko - a certified lymphatic drainage specialist trained under Beverly Hills expert Rebecca Faria. The service is exceptional. The digital experience isn't. The website lacked clear service structure, key information about massage types was scattered between the main site and a disconnected third-party booking system, and the booking flow itself was confusing enough that I nearly abandoned it as a paying customer. I redesigned the full experience as a self-directed project - grounded in my own frustration as a real user.
Three problems. One cohesive redesign.
Replace the old brand site
Replace the old brand site
Build a new site that actually represents the center's quality — not a simple, visually inconsistent placeholder with no brand identity.
Clarify the services structure
Clarify the services structure
Develop clear information architecture for all service offerings — so users instantly understand what's available and can navigate with confidence.
Develop clear information architecture for all service offerings — so users instantly understand what's available and can navigate with confidence.
Bring booking in-house
Bring booking in-house
Replace the disconnected third-party booking tool with a seamless, on-brand booking flow built directly into the site experience.
Replace the disconnected third-party booking tool with a seamless, on-brand booking flow built directly into the site experience.
Replace the old brand site
Build a new site that actually represents the center's quality — not a simple, visually inconsistent placeholder with no brand identity.
Clarify the services structure
Develop clear information architecture for all service offerings — so users instantly understand what's available and can navigate with confidence.
Bring booking in-house
Replace the disconnected third-party booking tool with a seamless, on-brand booking flow built directly into the site experience.
Brand Direction: Natural Forces + Client's Sensation
The visual direction drew from the physical materials of wellness itself — water, stone, sand, wood. Every color choice, texture, and typographic decision maps back to the sensory experience of the treatment room.
The palette was deliberately warm and muted: nothing jarring, nothing clinical. Calm authority.
The visual direction drew from the physical materials of wellness itself — water, stone, sand, wood. Every color choice, texture, and typographic decision maps back to the sensory experience of the treatment room. The palette was deliberately warm and muted: nothing jarring, nothing clinical. Calm authority.
Structure First
Information Architecture: Every page earns its place.
Information Architecture: Every page earns its place.
User Flow
The Pro Beauty booking flow guides users through six intuitive steps — from selecting a service and location to choosing a therapist, picking a time, and completing payment. A correction loop is built in after the service selection, allowing users to revise their choice without losing progress. The flow is designed to feel effortless, reflecting the calm and considered experience of the Pro Beauty brand.
The Pro Beauty booking flow guides users through six intuitive steps — from selecting a service and location to choosing a therapist, picking a time, and completing payment. A correction loop is built in after the service selection, allowing users to revise their choice without losing progress. The flow is designed to feel effortless, reflecting the calm and considered experience of the Pro Beauty brand.
Wireframing
KEY INSIGHT
Wireframing revealed that the original site lacked visual hierarchy for service categories. By restructuring the navigation into clear sections — Signature Massages, Body, Facial, Machine, Wraps, Add-ons — the booking journey became intuitive, directly reducing friction in the path from discovery to checkout.
KEY INSIGHT
Wireframing revealed that the original site lacked visual hierarchy for service categories. By restructuring the navigation into clear sections — Signature Massages, Body, Facial, Machine, Wraps, Add-ons — the booking journey became intuitive, directly reducing friction in the path from discovery to checkout.
1
1
Research & Content Audit
Research &
Content Audit
1. Research & Content Audit
Mapped existing services, client goals, and navigation structure
Mapped existing services, client goals, and navigation structure
2. Sketch Exploration
Rapid hand sketches across mobile & desktop to explore layout options
3. Lo-Fi Wireframes
Greyscale digital wireframes defining spacing, hierarchy and component placement
4. Hi-Fi Wireframes
High-fidelity layouts with typography, imagery placeholders and final structure
2
Sketch Exploration
Sketch Exploration
Rapid hand sketches across mobile & desktop to explore layout options
3
Lo-Fi Wireframes
Lo-Fi Wireframes
Greyscale digital wireframes defining spacing, hierarchy and component placement
4
Hi-Fi Wireframes
Hi-Fi Wireframes
High-fidelity layouts with typography, imagery placeholders and final structure
From Lo-Fi to Hi-Fi Prototype
Lo-fi and hi-fi prototypes allowed iterative refinement of the booking flow and service architecture.
Lo-fi and hi-fi prototypes allowed iterative refinement of the booking flow and service architecture.
Three goals delivered. One coherent product.
Brand site - replaced.
Brand site - replaced.
Clean structure, clear visual identity, and a consistent experience across desktop and mobile - replacing a site that undermined the brand.
Services structure - clarified.
Services structure - clarified.
Full IA map structured around how clients think - treatment type first, then specifics. No dead ends, no confusion.
Full IA map structured around how clients think - treatment type first, then specifics. No dead ends, no confusion.
Booking - brought in-house.
Booking - brought in-house.
Six-step booking flow - treatment, location, therapist, time, payment, confirmation - fully on-brand and conversion-optimized.
Three goals delivered. One coherent product.
Brand site - replaced.
Clean structure, clear visual identity, and a consistent experience across desktop and mobile - replacing a site that undermined the brand.
Services structure - clarified.
Full IA map structured around how clients think - treatment type first, then specifics. No dead ends, no confusion.
Booking - brought in-house.
Six-step booking flow - treatment, location, therapist, time, payment, confirmation - fully on-brand and conversion-optimized.
Outcome
One site.
Every client touchpoint.
The redesign addressed every friction point between a potential client and a booked treatment: from first impression through to confirmation. Clear structure, integrated booking, and a visual language that feels as calming as the service itself.
The result supports the center's growth by turning a neglected website into a brand asset that works.
The redesign addressed every friction point between a potential client and a booked treatment: from first impression through to confirmation. Clear structure, integrated booking, and a visual language that feels as calming as the service itself.
The result supports the center's growth by turning a neglected website into a brand asset that works.
