App per la salute
UX di prodotto
Casi di studioModello di caso · Lips by Lara
Lips by LaraBellezza · Sito web
Servizi
Strumenti
Tecnologie utilizzate
Bellezza · Sito web
Lips by Lara
Un sito per l’attività estetica di Lara che riunisce design espressivo, personaggio animato e configuratore dei trattamenti. Si esplorano zone, vedono prezzi apertamente e prepara un piano da discutere con Lara.
Dare allo studio un’esperienza online completa
Lara rispondeva alle stesse domande nei messaggi diretti e voleva rendere disponibili i prezzi senza una richiesta separata. Abbiamo sviluppato un sito che presentasse la sua attività, rendesse accessibile un elenco dettagliato di trattamenti e desse una sede permanente alle risposte ricorrenti.
Il nostro contributo
Abbiamo definito contenuti e struttura, progettato il linguaggio visivo, creato il personaggio generato con IA e l’animazione e sviluppato sito responsive e pagamento. Il lavoro collega direzione artistica, movimento e scelta dei trattamenti.
Abbiamo organizzato i trattamenti per zona e progettato personaggio, schede e piano come un’esperienza unica. Accanto, abbiamo creato pagine dedicate a prezzi, preparazione, cure successive e FAQ, collegabili direttamente da Lara.
La direzione visiva
Abbiamo costruito la direzione visiva su una tipografia serif espressiva, un fondo rosa tenue e accenti bordeaux. Un grande ritratto ancora la composizione iniziale, con ampio spazio e schede dei trattamenti disposte con cura intorno alla figura. Il configuratore appartiene alla composizione fin dall’inizio: pannelli, prezzi e controlli usano lo stesso linguaggio, portando il carattere del sito negli aspetti pratici.
01 / Personaggio e movimento
Creare un personaggio per un’interfaccia in movimento.
Creare il personaggio significava svilupparne aspetto e movimento. Abbiamo generato modello e animazione, scelto sequenze coerenti e costruito un ciclo lungo perché un gesto breve non si ripetesse ogni pochi secondi.
Anche il movimento doveva funzionare con l’interfaccia. Le transizioni sono state costruite intorno a punti scelti del ciclo e le schede dei trattamenti seguono le rispettive zone mentre lei si muove. Questo breve estratto mostra il personaggio e le schede insieme nella scena finita.
02 / Configuratore dei trattamenti
Mantieni zona, selezione e prezzo in un unico piano.
Il listino di Lara conteneva oltre 40 voci organizzate per trattamento. Le abbiamo raggruppate per zona, così chi esplora una parte del viso o del corpo vede insieme scelte e prezzi pertinenti.
Cambiare zona aggiorna scena ed elenco dei trattamenti mantenendo le selezioni precedenti. Aggiungere un trattamento collega scheda, stato selezionato, numero di voci e totale. Nell’immagine iniziale due trattamenti viso restano scelti quando si aggiunge quello del collo; tutti e tre compaiono nel carrello.
Abbiamo collegato il pagamento all’account Stripe di Lara e chiarito il passo successivo: il piano avvia una conversazione; pagare non prenota un appuntamento né sostituisce la valutazione di Lara.
03 / Contenuti e indicazioni
Dai alle domande ricorrenti una risposta che Lara può inviare.
Abbiamo esaminato domande pubblicate su altri siti di professionisti dei trattamenti iniettabili e usato un brief strutturato per raccogliere le risposte di Lara. Il risultato è una sezione FAQ ricercabile con 50 domande in cinque argomenti, affiancata dalle indicazioni di preparazione e cura successiva.
Ogni risposta ha un proprio link. Lara può inviare la spiegazione pertinente in un messaggio e i visitatori possono ritrovarla senza cercare in una vecchia conversazione. Le pagine di consultazione usano lo stesso linguaggio visivo della pagina iniziale.
Il risultato
Un sito completo, dalla direzione visiva al pagamento.
Il sito pubblicato unisce design visivo su misura, animazione del personaggio generato, configuratore collegato, indicazioni pratiche e pagamento Stripe, con layout per desktop, tablet e telefono.
