IN BREVE: Un progetto che va oltre il semplice sito: un’esperienza LED immersiva, curata in ogni dettaglio da Jessica Franconieri. Dalla visione iniziale ai pulsanti luminosi, fino al configuratore dinamico, il lavoro combina design, sperimentazione e tecnologia. Ogni scelta — animazioni, glow, interazioni — contribuisce a raccontare l’essenza delle insegne LED. Il risultato è stato un e-commerce vivo, luminoso e sorprendente: guardalo subito!
Il racconto di un progetto intenso, curato nei dettagli e disegnato per far vivere l’essenza delle insegne LED.
Il progetto OnlyLED non è stato un semplice esercizio di web design: è stato un percorso immersivo, quasi artigianale, che ha unito estetica e tecnologia per costruire un’esperienza capace di raccontare la luce già dalla prima schermata.
Un lavoro complesso e affascinante guidato da Jessica Franconieri, nostra web designer, che ha trasformato un e-commerce in un ambiente visivo dinamico, luminoso e inaspettatamente “vivo”.
La visione: un sito che non si visita, ma si percepisce
Prima ancora di mettere mano ai layout, l’idea era chiara:
non creare semplicemente un e-commerce, ma costruire una esperienza LED.
Come racconta Jessica: “Desideravo che il sito trasmettesse la sensazione di entrare in una stanza illuminata da insegne: un’atmosfera di luce e piccoli movimenti, più che un semplice tema grafico.”
Gli elementi chiave della visione includevano:
- pulsanti che si “accendono” come piccoli neon,
- gradienti in movimento che richiamano la profonditĂ delle luci LED,
- glow, micro-sfarfallii e transizioni morbide,
- un’interazione che avesse un ritmo visivo proprio.
Tutto per dare la sensazione di essere immersi nel mondo delle insegne luminose.
La fase creativa: studio, tentativi e… tanta sperimentazione
Prima del risultato finale c’è stato un lungo lavoro nascosto, fatto di:
- analisi dei competitor del settore,
- studio delle estetiche neon,
- prototipi dinamici,
- test di micro-interazioni,
- palette luminose provate e riprovate.
Una parte del progetto che Jessica ricorda così:
“Molte delle cose che ora scorrono con naturalezza sono nate dopo decine di tentativi. La semplicità è quasi sempre la cosa più difficile da raggiungere.”
Un’affermazione che racchiude perfettamente lo spirito dell’intero processo.
Pulsanti LED: l’elemento identitario
Uno degli aspetti più riconoscibili del sito è il sistema di pulsanti personalizzati.
Due tipologie, due stili, entrambi profondamente caratterizzanti.
1) Pulsanti LED per sfondi scuri
- glow progressivo,
- micro-sfarfallii,
- animazioni CSS create ad hoc.
Sono pulsanti che non imitano le insegne luminose: le evocano.
2) Pulsanti con bordo dinamico
Perfetti per gli sfondi chiari:
- cornice animata con gradienti in loop,
- palette derivata dai colori del brand,
- reazioni luminose in hover.
Un equilibrio tra energia, modernitĂ e pulizia visiva.
Uno sfondo vivo e dinamico
Per dare profondità , è scelto un background che non fosse statico ma che si muovesse come una luce morbida in continua evoluzione:
- un gradiente animato,
- sfumature tra blu e viola,
- movimento fluido ma mai distraente
Il configuratore LED: la vera sfida tecnica e creativa
Il cuore del sito è il configuratore interattivo, dove l’utente può vedere in tempo reale la propria insegna prendere forma.
Dal punto di vista tecnico, è possibile modificare:
- testo, font, allineamento,
- colore del LED, spessore della luce,
- materiali della base,
- modalitĂ di montaggio e alimentazione,
- lunghezza del cavo trasparente,
- dimensioni complessive.
Ogni scelta, di conseguenza:
- aggiorna l’anteprima,
- ricalcola il prezzo,
- modifica le opzioni disponibili.
Dal punto di vista del design, le sfide su questo fronte sono state molteplici:
- mantenere leggibilitĂ e ordine nonostante la complessitĂ ,
- rendere lo scroll fluido,
- uniformare tutte le interazioni allo stile LED,
- garantire un’esperienza intuitiva anche su mobile.
“Invia il tuo design”: un form che diventa esperienza
Anche la sezione dedicata all’invio dei design personalizzati è stata ripensata in coerenza con l’estetica LED:
- progress bar personalizzata,
- selettori colore custom,
- dimensioni integrate nel layout,
- pulsanti neon.
Non un semplice form, ma un passo aggiuntivo dell’esperienza creativa, per mantenere viva la sensazione di centralità dell’utente.
Schede prodotto dinamiche e personalizzabili
Le schede dei prodotti predefiniti non sono state trattate come pagine “statiche”, ma come micro-configuratori:
- opzioni di colore,
- alimentazione,
- montaggio,
- prezzo aggiornato in tempo reale.
Anche qui, design e sviluppo si intrecciano per creare un’esperienza fluida e coerente.
Il risultato: un e-commerce che racconta la luce
OnlyLED è il risultato di:
- settimane di studio,
- prove, ripensamenti, rifiniture,
- un dialogo continuo tra creativitĂ e sviluppo,
- una visione chiara: rendere la luce un’esperienza.