Application de santé
UX produit
Études de casModèle d’étude de cas · Lips by Lara
Lips by LaraBeauté · Site web
Services
Outils
Technologies utilisées
Beauté · Site web
Lips by Lara
Un site pour l’activité esthétique de Lara, réunissant design expressif, personnage animé et configurateur. Les visiteurs explorent les zones, consultent ouvertement les prix et préparent un plan à discuter avec elle.
Offrir au cabinet une expérience en ligne complète
Lara répondait aux mêmes questions par messages privés et souhaitait afficher ses tarifs sans demande séparée. Nous avons développé un site pour présenter son activité, rendre une liste détaillée de soins accessible et donner une place permanente aux réponses récurrentes.
Notre contribution
Nous avons structuré contenu et site, conçu le langage visuel, créé le personnage généré par IA et son animation, puis développé le site adaptatif et le paiement. Le travail relie direction artistique, mouvement et choix des soins.
Nous avons organisé les soins par zone et conçu personnage, cartes et plan comme une expérience. Nous avons aussi créé des pages de tarifs, préparation, suites et FAQ que Lara peut partager directement.
La direction visuelle
La direction visuelle associe une typographie à empattements expressive, un fond rose poudré et des accents bordeaux. Un grand portrait ancre la composition d’ouverture, entouré d’espace et de cartes de soins soigneusement placées. Le configurateur y appartient dès le départ : panneaux, tarifs et commandes reprennent le langage visuel pour prolonger le caractère du site dans les aspects pratiques.
01 / Personnage et mouvement
Créer un personnage pour une interface en mouvement.
Créer le personnage demandait de développer son apparence et son mouvement. Nous avons généré modèle et animation, choisi des séquences cohérentes et construit une longue boucle pour ne pas répéter un petit geste toutes les quelques secondes.
Le mouvement devait aussi fonctionner avec l’interface. Les transitions s’appuient sur des points choisis dans la boucle et les cartes de soins suivent leurs zones lorsqu’elle bouge. Ce court extrait montre le personnage et les cartes dans la scène finalisée.
02 / Configurateur de soins
Gardez la zone, la sélection et le prix dans un même plan.
La liste de Lara comprenait plus de 40 soins classés par type. Nous les avons regroupés par zone pour voir ensemble choix et prix concernant une partie du visage ou du corps.
Changer de zone actualise scène et liste en conservant les choix. Ajouter un soin relie carte, sélection, nombre d’articles et total. Dans l’image d’ouverture, deux soins du visage restent sélectionnés quand un soin du cou est ajouté ; les trois apparaissent dans le panier.
Nous avons connecté le paiement au compte Stripe de Lara et clarifié la suite : le plan lance une conversation ; payer ne réserve pas de rendez-vous et ne remplace pas son évaluation.
03 / Contenu et conseils
Donnez aux questions récurrentes une réponse que Lara peut envoyer.
Nous avons examiné des questions publiées sur d’autres sites de spécialistes des injections et recueilli les réponses de Lara avec un brief structuré. Ce travail est devenu une FAQ consultable de 50 questions sur cinq thèmes, avec préparation et soins après traitement.
Chaque réponse possède son propre lien. Lara peut envoyer l’explication pertinente par message et les visiteurs peuvent la retrouver sans chercher dans une ancienne conversation. Les pages de référence reprennent le langage visuel de l’accueil.
Le résultat
Un site complet, de la direction visuelle au paiement.
Le site publié associe design original, animation du personnage généré, configurateur relié, conseils et paiement Stripe, avec versions ordinateur, tablette et téléphone.
