Il tuo cubo

Branding, UI design, React ecommerce

logo Il tuo cubo

Il Tuo Cubo grazie alla qualità dei suoi prodotti e del servizio clienti, è da 10 anni il leader italiano nella realizzazione e vendita di gadget ricordo e pubblicitari come i cubi di Rubik fotografici. 

Ecommerce su misura con React, Snipcart e DatoCMS

Quando Stefano ci ha contatto ci ha spiegato subito la necessità di ripartire con una nuova identità visiva, e realizzare un ecommerce che permettesse ai suoi utenti personalizzare i cubi con le proprie foto direttamente dal proprio computer e smartphone.

Dopo una fase di analisi approfondita la scelta tecnologica è stata utilizzare un'applicazione client side statica con Gatsby con contenuti gestiti tramite DatoCMS, una serie di funzioni Lambda su AWS per l'elaborazione delle immagini degli utenti e dei file di stampa, e il carrello di Snipcart in combinazione con Stripe e Paypal per la gestione del flusso di acquisto.

Un nuovo brand

Oltre ad un sito totalmente nuovo, si è reso necessario un rebranding e quindi la creazione di una nuova identità visiva.

Nel design del logo, il cubo è presentato in modo tridimensionale, rivolto verso l’alto e con la rappresentazione di una immagine che sta per essere posta su una delle sue facce.

1556114316 logoanimation
1556116332 logo1
1559235262 logo2
1559235397 logo3

Tipografia e palette colori

Il font utilizzato nel sito è Rubik, un font sans serif con angoli leggermente arrotondati e ben leggibile in ogni dimensione e peso.

La palette colori consiste in due colori di base, blu e rosso, utilizzati nei lockup colorati del logo, più un colore di accent aggiuntivo utilizzato sia nel configuratore che nelle illustrazioni delle icone.

1556044537 web 1920 2
1556044529 web 1920 1

Ui design

Il layout del nuovo sito è totalmente responsive e permette di configurare e personalizzare il cubo da ogni tipo di dispositivo, con la possibilità di fare l'upload diretto delle proprie foto da smartphone.

1559223791 iphones
1556273410 ipadanimation
1559223805 desktops

Un sistema di icone

Abbiamo illustrato un sistema di icone che abbiamo usato sia nel configuratore sia nelle pagine delle features

1559227583 features

Il team di Cantiere del progetto

Daniele Cavoli

Daniele Cavoli

Designer
Lorenzo Ponticelli

Lorenzo Ponticelli

Mobile & Web Developer
Irene Oppo

Irene Oppo

Developer
Marco Zampetti

Marco Zampetti

Responsabile HR, Product Owner, Frontend Developer
I nostri progetti ti convincono?Contattaci