CAENES
Let's talk
Work · Case study

Clínica García & Quiroga

First, who will care for you.

Web designDigital identityWordPress developmentHealth 2023
The clinicagarciaquiroga.com home page on a laptop and a phone: the two doctors in black scrubs on a white background and the sage green header band
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 design decision

Trust starts with showing who you are.

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.

The project in numbers

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)

The appointment starts before the consultation.

The home page puts people and the appointment button first; the site then separates the two specialities and gives each treatment its own page. The sequence shows how trust is built through clarity, a visible team and an easy next step.

  1. See who will care for you
  2. Understand the specialities
  3. Book from your phone
The clinic home page: sage green menu with the PIDE CITA button, a visible phone number and the portrait of Dr Quiroga and Dr García on a light background
Booking an appointment is one click from any page.
The team page with the profiles of Dr Mariana Quiroga, aesthetic medicine, and Dr Gastón García Zeolla, trichology and hair surgery
Two doctors, two specialities, one clinic.
Three phones showing the clinic home page, the facial aesthetics page and the hair surgery page
The consultation starts on the phone.
More images from the project 5 ↗
The facial aesthetic medicine page with its neuromodulation, biostimulation and bioplasty treatments
Every treatment gets its own page.
The hair surgery page explaining hair transplants, with a photograph of Dr García examining a patient with a trichoscope
The clinic’s second speciality.
The hair medicine page with capillary biostimulation and mesotherapy, the non-surgical route
Not everything ends up in the operating room.
A cream band with the quote “Nos destacamos por ofrecer una experiencia profesional y personalizada” and, below, the two treatment families with clinic photography
One hundred per cent of the focus on the patient.
A phone showing the hair surgery page of the García & Quiroga clinic
Sage green and rounded edges, in portrait too.
"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 →