Avvia un progetto Inizia
Casi di studioModello di caso · MV Agusta
Il sito del concessionario MV Agusta su un moderno MacBook nero e un iPhone, con Superveloce gialla nella pagina iniziale
MV AgustaSettore automobilistico · Design di siti per concessionari
Prima schermata iniziale: primo piano di una moto gialla su fondo rosso scuro, titolo di benvenuto e riga su disponibilità, offerte e prove su strada
Il design commissionato, realizzato dallo studio come showroom funzionante

Servizi

  • Design UX/UI
  • Design system
  • Sviluppo frontend
  • Design del movimento

Strumenti

  • Analisi di siti di marchi
  • Analisi dei concorrenti
  • Ricerca sulla localizzazione
  • Flussi degli utenti

Tecnologie utilizzate

  • HTML
  • CSS
  • JavaScript puro
  • Web Animations API

MV Agusta

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.

Due lati della concessionaria

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.

Il brief

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.

Decisioni progettuali

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.

Il nostro contributo

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.

Pagina iniziale dalla fine dell’immagine d’apertura: quattro moto disponibili con condizione, anno e prezzo, pulsante Visualizza tutte, poi schede Prova su strada e Assistenza
Moto disponibili, prove su strada e assistenza definiscono il primo percorso nello showroom

Metti le moto disponibili vicino all’ingresso.

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.

Scheda Dragster RR SCS: vista laterale della moto, frecce per cambiare angolo, campioni colore, sei specifiche e pulsante Visualizza disponibilità
I dettagli del modello portano direttamente alle moto disponibili dello stesso modello

Mantieni il prossimo passo accanto al 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.

Moto disponibili filtrate per Dragster RR SCS: una moto con prezzo, specifiche, parte del VIN, anno, chilometraggio, proprietari, colori e pulsante Richiedi informazioni
Una selezione Dragster con i dettagli di una moto in vendita

Dai a ogni moto i propri dettagli.

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.

Prima schermata di Dragster RR SCS: la moto rossa e nera in grande su fondo scuro, con il nome del modello e una breve riga di testo
La presentazione del modello ne definisce scala e carattere
Blocco editoriale Dragster: grande primo piano della carenatura gialla con il titolo Controllo di trazione per partenze fulminee e un breve testo
Un primo piano spiega in modo mirato una caratteristica tecnica

Mantieni il marchio lungo il percorso d’acquisto.

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.

Un design consegnato e uno showroom funzionante.

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.

Altri casi

IT