Un smartphone posé contre une grille en fer forgé, dans une lumière rasante de fin de journée, affiche l’accueil du site Lisière : « Corriger ce que la lumière souligne, rien de plus. »

Étude de cas · Site de médecine esthétique · 2026

Lisière

Le site d’un cabinet de médecine esthétique fictif, pensé pour la personne qui hésite : qui la reçoit, ce qui est possible, ce qui ne l’est pas, combien et quand.

Cadre
Projet personnel, d’après un exercice de recrutement de 2018
Année
2026
Rôle
Direction artistique, identité, design d’interface, prototype
Livrables
Identité, site prototypé, maquettes et design system Figma
01 · Le point de départ

Garder la consigne,changer la question.

En 2018, l’agence Antipodes m’avait soumis un exercice de recrutement : une nouvelle page d’accueil pour le site d’une médecin esthétique parisienne. En 2026, j’ai repris ce sujet de zéro, avec un cabinet fictif, Lisière, et un site complet.

La consigne d’origine est restée. La question, elle, a changé : à quoi doit répondre ce site pour la personne qui hésite à consulter ?

La consigne, gardée

  1. 01Une page moderne, ergonomique, qui reste médicale.
  2. 02Une grille de douze colonnes.
  3. 03Garder la couleur dominante, le rose.
  4. 04De nouvelles fonctions, si elles servent.
02 · Les partis pris

Six partis pris,une seule page.

L’accueil du site Lisière : « Corriger ce que la lumière souligne, rien de plus. », une photo de profil en lumière latérale, les boutons Prendre rendez-vous et Ce qui vous amène
  1. La promesseCorriger ce que la lumière souligne, rien de plus.
  2. Les imagesUne médecin, une salle, une consultation.
  3. La confianceCe que le cabinet déconseille, écrit noir sur blanc.
  4. L’entréeDes préoccupations : on arrive avec « mes cernes », pas avec un nom de produit.
  5. Le prixDes tarifs publiés, un rendez-vous en quatre étapes.
  6. La couleurLe rose de la consigne, passé dans la lumière.
03 · Trois territoires

Trois directions,puis un médecin.

Avant de dessiner le site, j’ai ouvert trois pistes très éloignées les unes des autres.

Territoire A : le mot lisière en relief dans une matière couleur peau, éclairé de biais
Lumière rasante. Le nom en relief dans une matière couleur peau, éclairé au pointeur. Retenu
Territoire B : « 0,1 ml » en très grand corps au-dessus d’une graduation de seringue
Le dixième. La précision du geste, une graduation au centième.
Territoire C : « Qu’est-ce qui vous gêne, vraiment ? » sur fond rose, et une fiche « ce que nous déconseillons »
Avant de dire oui. Une question franche, et une fiche de ce que le cabinet refuse.

La lumière rasante l’a emporté, avec une exigence : c’est le site d’un médecin, pas d’une marque de cosmétiques.

Le grand mot en relief volait la première seconde, celle où une patiente cherche un médecin, un prix et un rendez-vous. Il a disparu. La lumière est devenue un système discret : une direction photographique, un reflet unique à l’arrivée, un trait dans le logotype.

De la troisième piste, j’ai gardé la fiche « Ce que nous déconseillons ». C’est devenu l’argument le plus crédible du site.

04 · L’identité

Un nom, un accent,une lumière.

lisiere

médecine esthétique · Paris

Lisière, c’est la frontière entre l’ombre et la lumière, celle que la lumière rasante révèle sur la peau. L’accent grave devient ce trait de lumière, et la seule couleur de la marque.

Funnel Display pour les titres, Funnel Sans pour le texte, toutes deux libres. Une grotesque ouverte, qui reste lisible à 13 pixels dans les tarifs et les mentions.

Le rose de la consigne, gardé et ramené à la peau

  1. Rose de la consigne#EFA2C2 · point de départ
  2. Rose matière#E6C3C9 · aplats
  3. Porcelaine#F7F2F3 · fond
  4. Prune#8C2F4F · action, 7,9:1
  5. Encre#2B1D23 · texte, 15,6:1
Une salle de consultation claire aux stores roses : la médecin, en blouse blanche, auprès d’une patiente allongée
05 · La photographie

Une médecin, une salle,des gestes.

La médecin examine le visage d’une patiente, la main posée sous la pommette

Pas de modèles souriants : le lieu, la médecin, et ce qui se passe pendant une consultation.

  1. Une lumière latérale douce, qui montre la texture sans la creuser.
  2. Des peaux réelles, des âges variés, des hommes aussi, sans retouche lissante.
  3. La médecin en consultation, jamais en portrait publicitaire. Aucune seringue en gros plan.
Deux mains gantées de rose posées sur le front d’une patiente aux yeux fermés
Un fauteuil de consultation dans une salle claire

Série cottonbro studio et autres photos Pexels, étalonnées ensemble : saturation retenue, noirs relevés, une pointe de rose. Le cabinet et la médecin sont fictifs ; un reportage au cabinet prendrait leur place.

06 · L’expérience

Informeravant de vendre.

La personne qui consulte compare, hésite, et craint surtout d’avoir l’air « faite ». Le site répond dans l’ordre de ses questions.

Qui me reçoit ?

Une salle claire, une médecin, et le temps d’une vraie consultation : 45 minutes, sans soin le même jour.

Un ordinateur portable sur un meuble blanc, entre des plantes retombantes, affiche la section du lieu en plein écran : la médecin auprès d’une patiente
Un ordinateur portable près d’un vase blanc et d’une bouteille verte affiche la fiche « Cernes et creux sous les yeux »

Que peut-on faire pour moi ?

On entre par sa préoccupation, pas par un nom de produit. Huit entrées, chacune avec son visage ; les causes d’abord, puis les soins et leurs limites.

Fiche Cernes et creux sur téléphone : une femme aux lunettes, le titre, une explication des causes

Et ce qui ne marchera pas ?

Une bonne partie d’une consultation consiste à dire non. Le site le dit aussi.

  1. On nous demande souvent

    Combler un cerne foncé

    Un cerne pigmentaire est une question de couleur, pas de volume. L’injecter ne l’efface pas.

    À la placeUn peeling ou un laser pigmentaire, après examen.

  2. On nous demande souvent

    Effacer toutes les rides du front

    Un front figé se remarque plus qu’une ride. Le mouvement est gardé, seul ce qui marque au repos est adouci.

    À la placeUne dose légère, revue après deux semaines.

  3. On nous demande souvent

    Retoucher huit jours avant un mariage

    Un léger gonflement ou un bleu peut durer plusieurs jours.

    À la placeVenir un mois avant, ou après l’événement.

Contenu de démonstration, à valider par un médecin. La publicité des médecins est encadrée : ni avant-après promotionnel, ni avis de patients.

Combien, et quand ?

Les tarifs sont publiés. Le rendez-vous tient en quatre étapes, avec de vrais créneaux, des erreurs claires et une confirmation qui dit quoi préparer.

Un smartphone posé contre une grille en fer forgé, dans des ombres de feuillage, affiche le choix d’un créneau : vendredi 30 octobre, 9 h 45
Page Tarifs sur téléphone : consultation 90 €, contrôle à deux semaines inclus
Tarifs
Rendez-vous, étape 1 : qu’est-ce qui vous amène ? Cernes et creux sélectionné
Rendez-vous · 1 / 4
Rendez-vous confirmé : récapitulatif de la consultation, date, durée et prix
Rendez-vous · 4 / 4
07 · Les livrables

Un site prototypé,un système partagé.

Un ordinateur portable affiche la séquence « Le geste vient après. Jamais le même jour. » : des mains gantées de rose sur le visage d’une patiente
Figma, page Fondations : variables de couleur par rôle, espacements, rayons et styles de texte
Figma · Fondations
Figma, page Composants : boutons, champs, choix de motif, fiche déconseillons, ligne de prix, étape
Figma · Composants
Prototype
Cinq pages navigables, en 1440 et 390 pixels, du premier écran à la confirmation du rendez-vous.
Figma
Seize écrans en 1440 et 390 pixels. Boutons, logotype et choix de motif y sont des instances des composants, nommés comme dans le code.
Accessibilité
Tout le texte au niveau AA, l’essentiel au niveau AAA ; cibles de 44 pixels, navigation au clavier, mouvement réduit respecté.

Une page d’accueilest devenueune consultation.

De la consigne, il reste le rose, la grille de douze colonnes et l’envie d’un site moderne qui reste médical. Le reste est neuf.

L’accueil du site Lisière sur un ordinateur portable, entre des plantes retombantes

Lisière, 2026.

Conception et design
Franck Fibleuil
Exercice d’origine
Recrutement de l’agence Antipodes, mars 2018
Cabinet
Lisière est fictif, comme sa médecin, ses tarifs et ses textes
Photographies
cottonbro studio et autres auteurs Pexels ; Negative Space (CC0)
Typographies
Funnel Display et Funnel Sans (OFL) ; Geist pour le portfolio
Mises en situation
MacBook Dresser et Smartphone on the Ground, mockups-design.com