
App per la salute
UX di prodotto



Settore automobilistico · Design di siti per concessionari
Un progetto web commissionato da un concessionario MV Agusta, poi sviluppato internamente come showroom funzionante. L’esperienza mantiene il carattere visivo del marchio nella scoperta dei modelli, nella scelta delle moto disponibili e nel contatto con la concessionaria.
Settore automobilistico · Prodotto digitale
Uno spazio di lavoro per concessionari di moto per rispondere ai clienti, organizzare visite e far avanzare le vendite. Email, SMS e chat del sito si riuniscono, con responsabilità chiare e moto e prossimo passo a portata di mano.
Il sito aiuta gli acquirenti a trovare una moto e inviare una richiesta. Lo spazio di lavoro è progettato per portare quel contesto nelle attività della concessionaria. Le demo funzionano separatamente: il collegamento non è attivo.
Adattare il linguaggio visivo editoriale del marchio al sito di un concessionario. Gli acquirenti dovevano vedere la disponibilità, confrontare i dettagli di una moto precisa e trovare un passo chiaro verso la concessionaria.
Un acquirente può scrivere per email su una moto, continuare via SMS e chiedere una visita. Il concessionario deve tenere unita la conversazione, sapere chi segue il cliente e trasformare l’interesse in un passo chiaro. Abbiamo voluto unire risposte, visite e seguito in un flusso continuo.
Partendo da un brief strutturale fornito, abbiamo rielaborato stile visivo, composizione, componenti e parte dell’ordine delle pagine. Le fotografie grandi definiscono il marchio; schede delle moto disponibili, specifiche e azioni dirette sostengono il percorso d’acquisto.
Dopo aver consegnato il design, lo abbiamo sviluppato noi in un sito funzionante. Schemi comuni mantengono navigazione, presentazione dei modelli e selezione delle moto coerenti nello showroom.
Abbiamo messo al centro la conversazione con il cliente. I messaggi mantengono visibile il canale e il personale sceglie come rispondere dallo stesso posto. Le conversazioni sono collegate al record del cliente, dove referente assegnato e moto d’interesse restano chiari.
Abbiamo collegato la conversazione alla visita: il personale propone orari e l’acquirente sceglie online. Trattative e attività portano avanti l’azione successiva. Ogni moto ha il proprio record e una fase di pubblicazione separata permette di controllare cosa vedono gli acquirenti sul sito.
Abbiamo consegnato design UX/UI e componenti riutilizzabili, poi sviluppato frontend dello showroom e movimento come progetto dello studio. Identità del marchio e immagini delle moto appartengono a MV Agusta.
Abbiamo definito la direzione del prodotto, mappato relazioni e flussi, rivisto la prima versione sezione per sezione e progettato e sviluppato il frontend responsive. Il lavoro copre l’interfaccia visibile e le regole che fanno cooperare le sezioni.

01 / Priorità del concessionario
La pagina iniziale mostra le moto disponibili subito dopo l’immagine d’apertura. Condizione, anno e prezzo sono visibili insieme, così la prima scelta può riguardare una moto che il concessionario offre davvero.
Prove su strada e assistenza seguono come azioni dirette. Sono i motivi quotidiani per visitare una concessionaria e hanno un posto chiaro nella gerarchia della pagina.

02 / Esplorare il modello
Abbiamo riunito moto, viste disponibili, specifiche essenziali e Visualizza disponibilità in una scheda prodotto coerente. Gli acquirenti possono esaminare il modello mentre i dettagli pratici restano al loro posto.
Visualizza disponibilità porta il modello selezionato nel filtro d’inventario. La pagina espressiva del modello si collega così alle moto disponibili del concessionario.

03 / Selezione delle moto disponibili
Un annuncio richiede più del nome del modello. Abbiamo affiancato alla moto prezzo richiesto, anno, chilometraggio, precedenti proprietari e parte del VIN, con un’azione di richiesta.
I filtri per famiglia, modello e condizione restringono l’elenco; l’ordinamento aiuta a confrontare prezzi e anni. La vista filtrata mantiene la selezione nell’URL per poterla condividere. L’inventario mostrato contiene dati di esempio.


04 / Direzione visiva
Grandi immagini di moto, tipografia decisa e contrasto chiaro-scuro rendono lo showroom riconoscibilmente MV Agusta. Abbiamo usato le foto del marchio in una nuova composizione e un nuovo sistema di componenti.
La pagina del modello dà ai dettagli tecnici un proprio ritmo visivo: un primo piano, un titolo chiaro e una breve spiegazione. Il movimento segue questa gerarchia, con un’apertura espressiva e passaggi più tranquilli tra i dettagli.

01 / Conversazioni con i clienti
Un cliente può iniziare sul sito e continuare via SMS. Il personale deve vedere gli scambi precedenti quando risponde, qualunque canale usi l’acquirente.
Abbiamo portato richieste dal sito, email e SMS nella stessa chat, indicando il canale in ogni messaggio. Nell’esempio Carlos passa dal sito agli SMS; il personale risponde accanto alla cronologia con la moto pertinente sopra.

02 / Responsabilità sul cliente
Un contatto condiviso della concessionaria richiede responsabilità chiare. Il team può assegnare un referente a un cliente e vedere chi gestisce la relazione, insieme alla prossima azione.
Abbiamo collegato questa responsabilità al record cliente. Quando i recapiti identificano una persona già presente, la nuova richiesta si collega al record e mantiene il referente assegnato. Conversazioni e seguito restano legati alla stessa persona.



03 / Dalla conversazione alla visita
Una richiesta come «giovedì dopo il lavoro» dovrebbe portare a una visita confermabile online. Abbiamo messo gli orari suggeriti nella conversazione, così il personale organizza la visita con la richiesta davanti.
L’acquirente sceglie un orario e la scelta diventa un appuntamento collegato alla conversazione. In questa demo, l’anteprima email permette di provare il percorso dell’acquirente.


04 / Dare seguito
Dopo una risposta o una visita prenotata, il team deve sapere ancora cosa viene dopo. Ogni trattativa mantiene insieme acquirente, moto esatta e prossima azione.
Abbiamo trasformato il prossimo passo in un’attività condivisa tra trattativa ed elenco, con responsabile e scadenza. Il messaggio originale può restare allegato, così chi segue vede gli accordi. La bacheca evidenzia passaggi scaduti e trattative che ne sono ancora prive.


05 / Decisioni sull’inventario
Due moto dello stesso modello possono avere prezzo, disponibilità e permanenza sul sito diversi. Unirle nasconderebbe dettagli necessari al concessionario per decidere.
Abbiamo posto la singola unità alla base di inventario e report. Ogni moto conserva visualizzazioni e richieste proprie. L’analisi porta all’attenzione del concessionario schemi come molte visualizzazioni senza richieste, da esaminare meglio.

06 / Controllo del sito
Un nuovo prezzo o lo stato Riservato cambia l’offerta della concessionaria. Il personale deve poter rivedere insieme queste modifiche.
Abbiamo separato Salva bozza da Pubblica modifiche. I cambiamenti in attesa rimangono visibili campo per campo e la pubblicazione è un’azione deliberata. Notizie e importazioni CSV seguono la stessa regola.
Il risultato
Il design commissionato è stato consegnato. Abbiamo poi sviluppato internamente questo showroom di 28 pagine, con modelli, filtri d’inventario, prove su strada e assistenza. La versione mostrata usa contenuti di esempio; i moduli validano i dati senza inviarli.
Il risultato
Un’app funzionante su desktop, tablet e telefono che collega conversazioni con i clienti, responsabilità, prenotazioni e seguito delle vendite alla gestione di inventario e sito. Esplora i flussi con dati di esempio; le modifiche rimangono nel browser. La demo non è collegata al sito della concessionaria né ai servizi email o SMS.

App per la salute
UX di prodotto

Lips by Lara
Siti web

MV Agusta
Siti web

Traditional
Siti web

My State
UX di prodotto

Banking App
UX di prodotto

EPILMOOD
Siti web

Benelli
Siti web

SayMo
App
Mercato delle auto di lusso
Riservato
Analisi delle aste automobilistiche
Riservato
Ferrari · Mercato automobilistico online
Riservato
© 2026 SKARR.PRO
Categorie
Scegli la tua lingua