Uomo sfocato in ombra cammina in una stanza blu con luce soffusa

DAVIDE GROPPI

Un viaggio immersivo alla scoperta di storie di luce.

Davide Groppi, produttore globale di lampade, parte di Italian Design Brands s.p.a. dal 2018 e della Fondazione Altagamma dal 2019, si è rivolta a Websolute per la realizzazione di un nuovo sito che fosse in grado di tenere insieme le due anime del brand: il lato istituzionale e tecnico dedicato alla consultazione dei professionisti e il lato esperienziale ed immersivo. L’unione delle due parti ha dato vita ad un progetto originale che si distingue dai competitors del settore.

Cliente
Davide Groppi
Settore
Home & Design
Data rilascio
Giugno 2023
Budget
Confidential
Visual identity e storytelling per sviluppo sito web Davide Groppi
ANALISI
I valori chiave

Una prima fase di analisi è stata fondamentale per intercettare i valori chiavi che costituiscono ogni progetto e ogni lampada prodotta da Davide Groppi. Per il cliente le lampade e le soluzioni progettate sono il linguaggio utilizzato per sedurre e raccontare la loro storia.

Analisi valori chiave per sito web del brand Davide Groppi
ANALISI
Gli stati fondamentali
della luce

Tre sono gli stati fondamentali della luce entro i quali possono essere ascritti e raggruppati i prodotti Davide Groppi: luce diretta (punto), luce indiretta (linea), luce diffusa (piano).

Design per esperienza immersiva del brand Davide Groppi realizzato da Websolute
COSA CI HANNO CHIESTO.
"Volevamo esplorare un nuovo linguaggio per le nostre storie di luce, che tenesse insieme in maniera complementare, le nostre due anime. Il risultato è stato un’esperienza immersiva, in sei lingue diverse, che utilizza la tecnica dello scrollytelling dove il racconto si sviluppa insieme allo scorrere delle pagine guidati dalla voce narrante di Davide Groppi."
Design web della homepage versione desktop per il brand Davide Groppi
L’ARCHITETTURA DELLE INFORMAZIONI

Per raccontare i due aspetti del brand, i contenuti sono stati divisi in due filoni complementari: da un lato tutti quelli utili alla consultazione tecnica dei prodotti, dedicati al mondo dei professionisti e progettisti in ambito illuminotecnico; dall’altro “incontroluce”, lo storytelling che racconta l’essenza stessa della luce e dei progetti, attraverso un uso mirato di immagini, luci, ombre, suoni e parole.

Storytelling visivo per il brand Davide Groppi
GLI OBIETTIVI

Il sito diventa così uno strumento tecnico di consultazione, ma allo stesso tempo, offre anche la possibilità di intraprendere 
un viaggio multisensoriale all’interno della filosofia e dei prodotti Davide Groppi.

Analisi architettura per sviluppo del sito web di Davide Groppi realizzata da Websolute
Incontroluce

La voce di Davide Groppi accompagna l’utente in un viaggio sensoriale e immersivo fatto di luce e buio, di suoni e immagini, svelando l’anima del brand in un racconto a più capitoli. La sfida è stata creare un layout che unisse armoniosamente molteplici elementi - immagini, testi, video, audio - in maniera coordinata allo scroll di pagina. Questa sfida non ha riguardato solo la versione desktop, ma anche, e soprattutto, quella mobile, garantendo un'esperienza di pari qualità su diverse risoluzioni.

Design sito web versione mobile per il brand Davide Groppi
User experience per sito web versione mobile Davide Groppi
Storytelling per la versione mobile web del sito Davide Groppi

Sito istituzionale
e catalogo prodotti

Il layout di ciascuna pagina della parte di sito pù tecnica e istituzionale, utilizza sistemi modulari per garantire una lettura chiara delle informazioni.

Sito istituzionale
e catalogo prodotti Davide Groppi
LA STRUTTURA DELLA PAGINA

Lo scorrimento verticale guida l'utente da una parte esplicativa e razionale su sfondo bianco a una parte più intima e introspettiva su sfondo scuro da cui è possibile accedere a "Incontroluce", offrendo così un'esperienza a trecentosessanta gradi.

Scheda tecnica prodtto del brand Davide Groppi
LA SCHEDA PRODOTTO

È la pagina più funzionale e commerciale. Nonostante l'abbondanza di informazioni tecniche da veicolare, tipiche del settore, ne è scaturito un design minimale e pulito, di facile lettura e usabilità ma ricco di immagini e dettagli.

Scheda prodotto versione desktop per il brand Davide Groppi
Storytelling e copywriting per scheda prodotto su sito web Davide Groppi
Dati tecnici dei prodotti sul sito web Davide Groppi in versione mobile
Design pagina web suggerimenti in versione mobile per il sito Davide Groppi
Slideshow per user experience su sito web versione desktop
Copy e storytelling realizzato da websolute per la versione mobile del sito Davide Groppi
Visual storytelling nel design web versione mobile del sito Davide Groppi
Sviluppo sito web per versione mobile Davide Groppi