a lab

Design per il catalogo di un marchio di moto

Il design del catalogo online di un marchio di moto: apertura a tutto schermo, gamma dei modelli con filtri e schede, modulo per prenotare il test ride, per desktop e per mobile.

Apertura desktop: foto a tutto schermo con titolo e due pulsanti, sotto il testo di presentazione su due colonne.

L'apertura

Una foto a tutto schermo porta il titolo e due pulsanti: uno per scoprire la gamma, l'altro per prenotare un appuntamento. Sotto, il testo di presentazione si divide in due colonne, con la frase d'apertura a sinistra e i dettagli a destra.

Apertura su mobile: titolo sulla foto e i due pulsanti a tutta larghezza, uno sotto l'altro.

L'apertura su mobile

Il titolo resta sulla foto e i due pulsanti si impilano a tutta larghezza, uno sotto l'altro, facili da raggiungere con il pollice.

Modelli desktop: filtri per famiglia e schede con foto, serie, nome, due dati tecnici, prezzo di partenza e link alla scheda tecnica.

La gamma

Accanto al titolo stanno i filtri per famiglia: Tutti, Adventure, Roadster, Heritage e Urban mobility. Ogni scheda riporta la foto, l'etichetta della serie, il nome del modello, due dati tecnici, il prezzo di partenza e il link alla scheda tecnica.

Modelli su mobile: filtri scorrevoli in orizzontale e schede dei modelli in colonna.

La gamma su mobile

I filtri per famiglia scorrono in orizzontale sotto il titolo e le schede vanno in colonna, con gli stessi dati del desktop.

Test ride desktop: a sinistra il testo di invito, a destra il modulo con modello, nome e cognome, recapito, città o concessionaria e pulsante di invio.

Il test ride

In fondo alla pagina, accanto al testo di invito, il modulo per prenotare la prova chiede quattro dati: il modello di interesse, nome e cognome, il recapito e la città o la concessionaria. Un solo pulsante invia la richiesta di contatto.

Test ride su mobile: il testo di invito e sotto il modulo con i campi e il pulsante di invio a tutta larghezza.

Il test ride su mobile

Il modulo scende sotto il testo di invito e i campi prendono tutta la larghezza, con il pulsante per richiedere il contatto in chiusura.

Contattami

Se devi presentare online una gamma di prodotti, con schede, filtri e un modulo di contatto, raccontami di cosa si tratta.

1 / 4

oppure scrivimi a: andrea.l.casiraghi@gmail.com
Non sono riuscito a inviare il messaggio. Riprova, o scrivimi direttamente a andrea.l.casiraghi@gmail.com.