12miglia

Chi

Bellini Nautica

Cosa

App web
Brand identity
Logo design
User experience
User interface

Un brand per il lancio di un progetto e-commerce

12miglia è un brand di proprietà di Bellini Nautica, sviluppato per lanciare 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.

Quando

2018

Come

Ruby on Rails
VueJS
Bootstrap

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