← Back to all work
UX/UI CASE STUDY

MyFaceClinic: a full redesign, prototyped end to end

A full redesign taken all the way to a clickable prototype, so every gap in the logic had to be resolved, not just drawn.

Role
UX/UI redesign
Client
MyFaceClinic (EDIT project)
Year
2024

The problem

MyFaceClinic is a multidisciplinary aesthetics clinic with 1,944 procedures behind it, reputation was never the issue. But Capillus, its hair-transplant sub-brand, had almost no real visibility on the main site: no dedicated space, no clear path for someone trying to evaluate a clinic for a procedure like this. Built as "Project 360" during the EDIT UX/UI programme, this was a full redesign taken all the way through to an interactive Figma prototype rather than stopping at static screens.

Briefing slide: two black-and-white portrait photos next to the brief text, improve Capillus's online visibility on the MyFace website
Dark stat slide: 'A total of 1944 successful procedures'

The brief and the clinic's own scale going in: reputation was never the problem, findability was.

My role & approach

End-to-end: research, IA, wireframes, UI and the final clickable prototype, working the double-diamond rather than jumping straight to screens.

About MyFace Clinic slide: a marble reception desk photo next to text describing the multidisciplinary team and their goal of natural, elegant results
Methodology slide showing the Design Thinking Process arced diagram: Empathize, Define, Idealize, Prototype, Test, Implement, grouped under Understand, Explore, Realize

The client, and the double-diamond process used to get from brief to prototype.

Research

The interviews and survey converged on the same thing: people considering a hair transplant want transparency before anything else, clear information, real results, an honest sense of what to expect, and MyFaceCapillus wasn't giving them that. That surfaced most clearly in a persona built to keep the rest of the process honest.

User interviews slide: 7 interviews and 45 questionnaire answers, with stats on what users value, want and prefer
Persona slide: Roberto Silva, 34, Lisbon architect with androgenetic alopecia, quoted as very skeptical about aesthetic procedures

Seven interviews and 45 survey answers distilled into a persona: Roberto, skeptical and looking for transparency.

Problem slide: Roberto wants to choose a clinic for a hair transplant, but struggles to find one with clear, transparent information, risking reluctance and lost clients

The problem statement that guided every decision after.

User journey slide: five stages from Search to Frustration, each with an emoji mood and description of Roberto's growing distrust

Roberto's journey from search to frustration: five stages of a broken experience.

Benchmark against Portuguese competitors Insparya and MediCapilar: public-figure endorsements and clear iconography
Benchmark against international clinics NimClinic and Dr.Cat: interactive detail and external reviews
Benchmark against luxury brands Fendi and Balmain: minimalist layout and professional photography

Three tiers of benchmark, three different levers: national competitors leaned on public-figure endorsements, international clinics on interactive detail and reviews, luxury brands on minimalist, editorial photography.

Usability testing slide on the original site: 3 out of 7 users did not find MyFaceCapillus, with quotes calling it confusing and outdated

Usability testing on the live site confirmed the problem was real: 3 of 7 users couldn't even find MyFaceCapillus.

Why a full prototype, not just screens

A static set of screens can hide a lot of unresolved decisions behind pretty layouts. Building the full clickable flow meant confronting edge cases and secondary paths early: what happens after this action, what does an empty state look like, how does someone get back if they change their mind, rather than deferring those questions to a later handoff stage.

Proposal slide: transforming the clinic's website into one with an elegant, sophisticated look and clear information

The proposal: an elegant, sophisticated look, paired with clear information.

Before and after comparison of the homepage: the original dark, corporate design versus the redesigned light, elegant hero

Homepage before and after: lighter colors read as more relaxed without losing the clinic's elegance.

Redesigned hero banner split into two services, Aesthetic Medicine and Hair Medicine, with Capillus now a top-level menu item

The hero splits into the clinic's two main services, and Capillus becomes a first-class item in the main menu instead of being buried.

Four-step hair transplant process panel: Consultation, Pre-procedure, Procedure, Post-procedure

The transplant process broken into four plain-language steps, so people know what to expect before ever booking.

Before-and-after results slider for a real patient, alongside a customer review card with a 4.5 rating from 474 external reviews

A before/after slider for real results, plus reviews pulled in from external platforms for outside credibility.

AI pre-diagnosis tool: upload a scalp photo, the AI analyzes hair loss type, and returns a personalized report

An AI pre-diagnosis tool lets people photograph their scalp and get an initial read on hair loss before ever booking a visit.

Appointment booking form with date and time pickers, contact preferences and a privacy consent checkbox

Booking closes the loop: pick a date and time, choose how to be contacted, and send.

Outcomes

Retesting the prototype with the same kind of users closed the loop on the original research:

Retest slide: users completed all tasks much more quickly, with quotes praising the clearer hierarchy and sticky menu
Conclusions slide: user-centered approach, easier navigation, organized and hierarchized information, transparency in content, next to a laptop showing the final Capillus homepage

Retested after the redesign: users completed every task faster, confirming the four conclusions the whole process pointed to.

Reflection

Working the full flow through to a clickable prototype, instead of stopping at a handful of key screens, is what forced the real decisions to surface, every state had to exist, not just the happy path. Going back to the original research at the retest stage, rather than just trusting that the redesign "looked right," is the habit from this project I've carried into every case study since.

OTHER PROJECTS
01

EDIT Case Study

UX/UI · EDIT Bootcamp
02

Mammoth: Settings

UX Research & Product Design

Let's create something worth remembering.

Available for selected freelance projects and full-time opportunities across Belgium and the EU.