Design case study · Beauty & Personal Care
Treatment information with room for a considered enquiry.
A website experience for people exploring beauty and personal-care treatments.
- Client
- Haarfreiheit Wiesbaden
- Industry
- Beauty & Personal Care
- Scope
- Website Design & Lead Generation
The challenge
Give the right information a clear place.
Treatment-related pages need to balance visual identity with understandable information. The design should help visitors explore the service context and prepare consultation questions.
Our design focus was treatment education, trust & consultation enquiries. The project brings the opening message, supporting content and next-step actions into a connected website presentation.
Project goals
What the website needed to do.
Introduce the treatment offering
Make supporting information readable
Keep consultation enquiries approachable
Visitor journey
From a question to a clear next step.
The content sequence follows the decisions a visitor needs to make while exploring Haarfreiheit Wiesbaden.
- 1
Explore the treatment direction
→ - 2
Read the service information
→ - 3
Review the supporting context
→ - 4
Prepare a consultation enquiry
Design decisions
The decisions behind the design.
Set a clear service identity
Use the hero presentation to establish the subject and tone of the experience.
Create a calm information hierarchy
Give service and supporting content distinct sections with consistent visual cues.
Keep the consultation in context
Connect the next-step action with information that helps visitors ask useful questions.
Design system
One visual language across the experience.
Supporting detail in readable sections.
Prepare a consultation enquiryHeadings · content · next stepA clear reading order
The opening establishes the subject; the following sections build the detail.
Repeatable content patterns
Related information uses familiar headings, spacing and section structures.
A distinct primary action
The visual hierarchy keeps “prepare a consultation enquiry” recognizable as the next step.
Website in motion
Explore the website in motion.
A closer look at the Haarfreiheit Wiesbaden page experience through the available scrolling films.
The page experience
A closer look at the finished presentation.
Explore the project imagery alongside the full portfolio presentation.
Responsive presentation
Clarity on a smaller screen.
The device imagery presents the visual direction. The priorities for smaller screens are simple navigation, readable information and a recognizable next step.
Simple navigation
Keep the route to relevant information short and understandable.
Readable content
Preserve the order of headings and supporting detail.
Clear contact paths
Give the primary next step a visible, consistent place.
What we delivered
A connected website experience.
The documented project brings together the following design work and presentation assets.
- Website UX/UI
- Service Education
- Responsive Design
- Lead Generation
- Portfolio imagery
- Scrolling website showcase
Design outcomes
What the design brings together.
A connected page story
Introduce the treatment offering.
A repeatable content system
Make supporting information readable.
A recognizable next step
Keep consultation enquiries approachable.
These are qualitative design outcomes. Business performance, conversion changes and client results are not quantified in this case study.
More project stories
Explore more case studies.
Your next project
Could your website make the next step clearer?
Let’s create a focused website experience around your audience and goals.