Un e-commerce per le imbarcazioni

12miglia, di proprietà di Bellini Nautica, è il primo portale di rental nel settore nautico che permette di noleggiare imbarcazioni a lungo termine. Il nostro team ha curato ogni aspetto del neonato portale, dal branding fino allo sviluppo web.

Anno

2018

Tools
  • Ruby on Rails
  • VueJS
  • Bootstrap
Cliente

Bellini Nautica

Servizi
12miglia
Sfida

È sempre un'incredibile opportunità progettare un look completamente nuovo per un marchio, dalla sua identità fino al sito web. La sfida è stata quella di combinare le caratteristiche dell'e-commerce con il particolare prodotto trattato, per ottenere il flusso perfetto per le peculiarità del mondo nautico. Con 12miglia ci siamo assicurati che la chiave fosse la coerenza, creando una struttura forte in cui tutto scorre senza soluzione di continuità.

12miglia - La pagina della scheda barca
La pagina della scheda barca
Branding

Abbiamo studiato un monogramma dalla linea elegante e sinuosa che, giocando tra spazi pieni e vuoti, unisce il numero "12", la lettera "M" e l'icona di un'imbarcazione. Per la palette ci siamo ispirati a immagini evocative di mari, laghi e spiagge; il colore primario è un verde acqua abbinato a toni che virano dall'azzurro al blu, mentre per gli elementi di call to action abbiamo utilizzato un rosa salmone.

12miglia - Concept e costruzione del marchio
Concept e costruzione del marchio
12miglia - Il marchio finale
Il marchio finale
12miglia - La palette di colori ispirata al mare e ai suoi elementi
La palette di colori ispirata al mare e ai suoi elementi
12miglia - Esempio di applicazione del branding
Esempio di applicazione del branding
Applicazione web, User Experience e User Interface

Il portale è nato da un'attenta collaborazione con il cliente, con il quale abbiamo studiato User Experience e User Interface avendo sempre ben in mente l'utente finale.  È stato realizzato un sistema visivo che permette di orientarsi tra le numerose barche offerte in modo intuitivo e di conoscerne facilmente le caratteristiche. Nelle diverse pagine del sito web abbiamo mantenuto una forte identità collegata a ogni dettaglio: dal sistema di icone fino alle pagine di errore.

Caratteristiche tecniche:

  • Sviluppato con framework moderni: Ruby on Rails per il backend e Vue.js per il frontend
  • Ricerca dinamica tra le schede delle barche con possibilità di filtrare in modo approfondito
  • Sezione di amministrazione per inserimento contenuti e creazione dinamica delle pagine
  • Creazione facilitata dei piani di rateizzazione e calcolo dinamico della rata
  • Registrazione utenti con archivio preferiti e richieste
12miglia - La ricerca delle barche è facile e intuitiva
La ricerca delle barche è facile e intuitiva
12miglia - Alcuni componenti del sistema visivo
Alcuni componenti del sistema visivo
12miglia - Pagina di errore personalizzata
Pagina di errore personalizzata
Risultati

Il portale è attualmente online e ha ottenuto già diverse richieste. L'azienda sta investendo in importanti operazioni di marketing per spingere il sistema di noleggio, totalmente nuovo nel mercato di settore.

Vai al sito

12miglia - Maglietta promozionale
Maglietta promozionale
12miglia - Versione ottimizzata per smartphone
Versione ottimizzata per smartphone

Hai un progetto da sviluppare?