![Uomo sfocato in ombra cammina in una stanza blu con luce soffusa](/api/_image/oven/media/uomo-sfocato-stanza-blu-luce-soffusa-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAFgoMAXkbA08QFBpPXhYAEk4VF0gQTAFFCVUABEEeTwkFEBIPeQwEVhoRCw0UFxsDUAZYDwJHVhU%3D)
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.
![Visual identity e storytelling per sviluppo sito web Davide Groppi](/api/_image/oven/media/visual-identity-storytelling-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAFQwSGzUESEkXEABUGhENXlMbGRcLVBEECUkNBkEJQRkKAQRDMxoKUAMcQEoDAlYO)
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](/api/_image/oven/media/valori-chiave-brand-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGlZFXV4CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDwIJCU8RCEEOSAYCEwRDNhoEThdYCkEFDBAWDQgECgJQHUYPUARDEQ%3D%3D)
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](/api/_image/oven/media/esperienza-immersiva-design-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGlZFXV4CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDxEbFUURCAkDWg5ODAwDMRoWSQUUQ0QWFh0UTkISBARJEA1IRxEOHB1JQQkVBkwp)
![Design web della homepage versione desktop per il brand Davide Groppi](/api/_image/oven/media/design-web-homepage-desktop-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGltEV14CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDxANFkkED0EaRQ1ODQ4DMRgERxZYCkUADgAcUEISBARJEA1IRxEOHB1JQQkVBkwp)
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](/api/_image/oven/media/design-storytelling-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGlhDVV4CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDxANFkkED0EeVAARHBULOAQMThRYCkEFDBAWDQgECgJQHUYPUARDEQ%3D%3D)
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](/api/_image/oven/media/architettura-sviluppo-sito-web-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAAhcCBj0cAFQHABxBXhYCGkwaBhUdDQcBEU9OFgkPDQsCEwgKMUUCUhwFHkldDwQUAhI%3D)
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](/api/_image/oven/media/sito-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEAwVAXkfAEJeGAFCGgkRXkQOAAwWRVkPF08TEQVDSh8ERxw%3D)
![User experience per sito web versione mobile Davide Groppi](/api/_image/oven/media/ux-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAFh1MGTEKSE0cFwdMFkgQElYGEgBfRwYHFVAKTwYdR00e)
![Storytelling per la versione mobile web del sito Davide Groppi](/api/_image/oven/media/storytelling-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEBEOHC0cAEwfHABHXhIREQ0CGQcbTBFFAUEVCAgIDQgRChEePUYPUBRXEw%3D%3D)
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](/api/_image/oven/media/Sito-istituzionale-e-catalogo-prodotti-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGltEV14CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDycBEU9OCB8ZSRsWHwgBOgkJRV4QQ0MSERUfTwgZSAJSGwwKVBcIQQlBGQoBBEMzGgpQAxxASgMCVg4%3D)
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](/api/_image/oven/media/scheda-tecnica-prodotti-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGlhDVV4CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDwcLDUUHAEEZRQwNDAIPeRgXTxcaGlQaSBASVgYSAF9HBgcVUApPBh1HTR4%3D)
È 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](/api/_image/oven/media/scheda-prodotto-web-desktop-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEAYJCzAJSFABGgpPBxEbXlcKFEgWRQcDEU8TTAgMVgYHAEwJJgcVUBpbBFAURwk%3D)
![Storytelling e copywriting per scheda prodotto su sito web Davide Groppi](/api/_image/oven/media/storytelling-prodotto-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEBEOHC0cAEwfHABHXhUGHEQAAhEdDQMNBw0ODg4ETApOAQAYPQwADRQHAVADDFoZUAhUGA%3D%3D)
![Dati tecnici dei prodotti sul sito web Davide Groppi in versione mobile](/api/_image/oven/media/dati-tecnici-prodotti-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFABwQVB3kcAEMdHA1JXhUGHEQAAhEbDRkHB0kPBEEJQRkKAQRDMxoKUAMcQEoDAlYO)
![Design pagina web suggerimenti in versione mobile per il sito Davide Groppi](/api/_image/oven/media/pagina-web-suggerimenti-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEwQGBzoJSFcWF0NTBgITFlIGGwAcVB1FCE8BCAAIDQsCEwgKMUUCUhwFHkldDwQUAhI%3D)
![Slideshow per user experience su sito web versione desktop](/api/_image/oven/media/user-experience-slideshow-davide-groppi%20(1).jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRxxRGltEV14CDEpfFVNNThQCVVZVTUwlSl8ZQ1lMUwEGVkkCBwIRAlNOR0pXFBZCGkUNEAoNGyANS0McGEFPBQAaXE0KEgwTDwEbAFJOBBQdRR0KAA8NMUUWTBoRC1MbCgNeRA4ADBZFWQ8XTxMRBUgSX0tUSEA%2BGAICDg%3D%3D)
![Copy e storytelling realizzato da websolute per la versione mobile del sito Davide Groppi](/api/_image/oven/media/copy-storytelling-sito-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAAAoRF3kbEU8BDBpFHwkdHUdCBQwGT1kfAEJODAMPSQMGSAUPIgEBRV4SHE8DFR1dSh8RRw8%3D)
![Visual storytelling nel design web versione mobile del sito Davide Groppi](/api/_image/oven/media/visual-storytelling-sito-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAFQwSGzUESFMHGhxZBwAYH0kBEUgBSQAHSE0MAwUBRUIHBBcHMA1IRwEaHlAaSx4DR00L)
![Sviluppo sito web per versione mobile Davide Groppi](/api/_image/oven/media/sviluppo-sito-web-mobile-davide-groppi.jpg?origin=https%3A%2F%2Fwww.websolute.com&search=&t=L0oSAklCWxBfRwVRGlZGSVBTBgtHGkEJGBlQHFlKThkjH0tXFhcdTx8QABYODBkIXU8CDQsPDgQIBEFAEBMIAiEYFU9eBgdUHEgDFkJCGwoQSRgNSEQCFwUJRUIEFw4eJAFLSgMSTF0%3D)