Work · Case study

Clínica García & Quiroga, a website where the doctors are the ones who show their faces

Web designDigital identityWordPress developmentHealth 2023
Clínica García & Quiroga, a website where the doctors are the ones who show their faces
clinicagarciaquiroga.com · Barcelona · 4 specialities
The brief

Clínica García & Quiroga opened on Gran Via with two doctors and two specialities: aesthetic medicine and hair surgery. Treatments people search for at night and do not mention at the office. Patients arrive embarrassed and afraid of the result, and a website can make both worse in two seconds.

They gave us the whole project, from scratch: digital identity, design, website and development. With one condition underneath: that the clinic should look like what it is — two doctors who see patients themselves — and not a touch-up centre with a seasonal offer.

What we did

We took out the before-and-afters. There is not a single one on the site. In aesthetic medicine that photo is the automatic move, and it is what turns a patient into a case. We put the doctors there instead: the home page is their portrait, every speciality carries the face of whoever performs it, and the catalogue is one of people.

A digital identity that does not smell of the operating theatre. Sage green as the base colour, body text included, plus cream and sand gold, and a brand typeface used only for the name and the headings. Light Manrope for everything else. Not one sharp corner: capsule buttons, rounded fields and a green wave where a straight line would go.

Four specialities ordered into two families. Facial aesthetics, body aesthetics, hair medicine and hair surgery, each with its own page and its own language. On top, a contact layer that does not push: “PIDE CITA” fixed in the header, phone, WhatsApp and a short form with consent.

Development on WordPress with our own child theme. No off-the-shelf install: colour, type and components were defined by hand on top of the theme, and that is why the site holds up page by page. Then five explainer articles, so there was something to say that was not a promotion.

The key

The decision that orders the whole project was not to show results. Someone considering a hair graft does not need to see a stranger’s head: they need to know who is going to operate on them. That is why the social proof on this site is two names and two faces, not a gallery.

2
doctors who show their faces on the home page
4
specialities in two treatment families
5
explainer articles in six weeks
How it's built

Underneath there is WordPress with our own child theme on top of The7 and Elementor Pro: the commercial theme provides the skeleton and our code provides the system. The brand colours do not live in a panel setting but in global variables — #9ab19f for the base green, #f0ddc3 and #efca97 for the light tones — and that is what stops every page from ending up painted its own way.

The typeface for the name does not come from Google Fonts: it is loaded as an @font-face on our own server, with no third-party calls. And the radii are normalised — 40 px on the buttons, 30 px on the fields — so that the feeling of “no sharp edges here” belongs to the system and not to one particular page.

The appointment form carries explicit consent and its own redirect after sending; WhatsApp is a floating button and not a widget that hijacks the screen. Small decisions, but exactly the ones that decide whether somebody ends up booking.

How it went
01IdentitySage, cream and a typeface used only for the name
02StructureFour specialities in two families
03WebsiteWordPress with a child theme and our own components
04ContentExplainers, so as not to depend on promotion
Gallery · the project in pictures (click to enlarge)
Booking an appointment is one click from any page. Every treatment gets its own page. The clinic’s second speciality. The consultation starts on the phone. Not everything ends up in the operating room. Two doctors, two specialities, one clinic. One hundred per cent of the focus on the patient. Sage green and rounded edges, in portrait too.
Concept & system · moodboard, typography, components and composition
Clínica García & Quiroga, a website where the doctors are the ones who show their faces Clínica García & Quiroga, a website where the doctors are the ones who show their faces Clínica García & Quiroga, a website where the doctors are the ones who show their faces Clínica García & Quiroga, a website where the doctors are the ones who show their faces Clínica García & Quiroga, a website where the doctors are the ones who show their faces
This is how we design every case →
"Nuestro objetivo es potenciar no sólo tu apariencia, sino tu autoestima y seguridad en ti mismo."clinicagarciaquiroga.com

Want a result like this for your project?

Next project

Club Natació Vallirana, the noticeboard of a club its own committee keeps up to date