Calligaris

Responsabilità
UX/UI Designer
Team
1 persona
Durata di sviluppo
3 mesi
Anno
2024
Piattaforma
Figma
Panoramica
Calligaris non aveva ancora un’app ufficiale dedicata, quindi ho progettato un’esperienza mobile che permette agli utenti di esplorare l’intero catalogo del brand in modo semplice e coinvolgente.

Il progetto si è focalizzato sull’integrazione della realtà aumentata (AR) per offrire una nuova modalità di interazione con i mobili, consentendo di provarli virtualmente nella propria casa prima dell’acquisto. L’app unisce funzionalità avanzate di shopping online e supporto in negozio, migliorando l’esperienza complessiva del cliente.

Caratteristiche

Virtual Living

L’app Calligaris consente agli utenti di sfogliare facilmente il catalogo, filtrare prodotti per categoria e accedere a descrizioni dettagliate, misure e opzioni colore.

Grazie alla realtà aumentata, ogni mobile può essere visualizzato virtualmente nello spazio reale, con possibilità di personalizzare colori e configurazioni per verificarne l’adattabilità all’ambiente. L’esperienza di acquisto è completata da un carrello intuitivo, metodi di pagamento sicuri e diverse opzioni di spedizione, come consegna a domicilio o ritiro gratuito in negozio.
Tre interfacce dell’app Calligaris progettata da Davide Molea mostrate su iPhone: homepage, pagina dettaglio prodotto e interfaccia di realtà aumentata (AR).

Processo

Colori

Per l’identità visiva ho scelto il bianco e nero come colori primari e secondari per mantenere eleganza e semplicità. Il verde successo conferma le azioni positive, mentre il rosso Calligaris, usato come colore d’accento e per le notifiche di allerta, richiama l’identità del brand e guida l’attenzione sulle interazioni principali.
Palette colori per app Calligaris: colore primario bianco #FCFCFC, secondario nero #171717, accento rosso Calligaris #FF4F5B, verde per conferme positive e rosso per avvisi. Sistema cromatico pensato per e-commerce arredamento e realtà aumentata. Palette colori per app Calligaris: colore primario bianco #FCFCFC, secondario nero #171717, accento rosso Calligaris #FF4F5B, verde per conferme positive e rosso per avvisi. Sistema cromatico pensato per e-commerce arredamento e realtà aumentata.

Font

Ho definito il font Manrope come carattere principale, assicurando leggibilità e modernità. Ho creato tutti gli stili di testo necessari per garantire coerenza tipografica nelle varie sezioni dell’app, dalla navigazione ai dettagli prodotto.
Font Manrope utilizzato per l’app Calligaris: in foto sono mostrati H1, H2, H3 e H4, tutti nel peso Light con dimensioni da 40px a 20px. Tipografia pensata per garantire leggibilità e coerenza visiva su interfacce e schede prodotto. Font Manrope utilizzato per l’app Calligaris: in foto sono mostrati H1, H2, H3 e H4, tutti nel peso Light con dimensioni da 40px a 20px. Tipografia pensata per garantire leggibilità e coerenza visiva su interfacce e schede prodotto.

Componenti

Ho creato i componenti strutturandoli in modo modulare per garantire coerenza e scalabilità. Ogni elemento è stato organizzato con varianti e valori booleani, ottimizzando usabilità e manutenzione.
Varianti
Le varianti gestiscono le diverse configurazioni dei componenti; analizzarle con attenzione aiuta a capire cosa può coesistere e cosa deve essere separato.
Booleani
I valori booleani semplificano il sistema, riducendo il numero di varianti e rendendo i componenti più leggeri e facili da gestire.