Stefano Lampugnani
Advertiser & strategist
Stefano è un advertiser e strategist che innesca strategie di crescita attraverso i suoi servizi per liberi professionisti e aziende locali.
Dark UI / Piattaforma e-commerce, effetti di luce e gradienti — Software per le prenotazioni W/ area clienti. Illustrazioni isometriche.
UX / UI Design
Il sito web di Stefano partiva da una condizione non ottimale ed un interfaccia “fai da te” che si trascinava dietro svariati problemi di progettazione ed usabilità. È stata completamente riprogettata per rispecchiare a pieno il tone of voice inciso dalla nuova brand identity.
Stile grafico
L’interfaccia assume dei toni scuri contornati da bagliori di luce ed effetti di sfocatura fra gli elementi presenti sui diversi livelli. L’obiettivo era quello di veicolare il mood della Visual ID in un ambiente prettamente scuro per innescare visivamente elementi grafici con colori d’accento scintillanti.
User friendly
L’utente viene posto al centro del flusso di navigazione, ogni dettaglio è studiato per agevolarlo ed indirizzarlo nelle varie sezioni del portale. I box assumono delle linee molto morbide, bordi e sfondi traslucidi che lasciano vedere quasi attraverso e danno la possibilità di creare effetti con la luce e diffonderla in modo uniforme attraverso dei bagliori.
Animazioni
Si è voluto ricreare un mood quasi rilassato con effetti fade-in del testo allo scrolling ed animazioni smooth al caricamento di pagina. Gli elementi grafici e i contenuti che popolano l’interfaccia sono immersi in un’ambiente di gradienti radiali che riescono a comunicare leggerezza attraverso punti luce quasi impercettibili.
Illustrazioni
Sono state disegnate partendo da un pack stock, delle illustrazioni isometriche, adattate con la brand palette ed inserite nel contesto dell’interfaccia scura. Il loro scopo è quello di identificare e comunicare in modo accattivante l’area/sezione in cui si trova l’utente.
Isometria e luci
Le illustrazioni vengono utilizzate anche per rappresentare i tre servizi principali che offre il cliente. La composizione grafica infatti richiama i giochi di luce ed è composta da elementi che identificano il nome del servizio (Propulsione, Illumina e Scintille).
Prenotazione delle consulenze
È stato implementato e customizzato un software per la gestione delle consulenze (appuntamenti) che offre al cliente la possibilità di effettuare step by step una prenotazione in completa autonomia sulla base delle disponibilità, orari lavorativi e slot liberi. È gestibile dal back-end del portale come un vero e proprio ufficio virtuale.
Area riservata
Il software è completamente automatizzato e collegato a Google Calendar e comunica con quest’ultimo. È in grado di aggiungere l’evento “Consulenza” in calendario e generare in automatico un link per l’accesso alla call (Google Meet) che il cliente riceve tramite mail. Inoltre si ha la possibilità di gestire le proprie prenotazioni all’interno dell’ Area Clienti.
Progettazione delle icone
Per questa interfaccia sono state progettate ad hoc delle icone che si amalgamano perfettamente alla comunicazione visiva del brand con outline morbide e sfondi semi-trasparenti. Esse riprendono infatti gli effetti luminosi proposti nell’interfaccia e spiccano su sfondi scuri grazie ai colori d’accento presenti in palette con sfumature su tinte verdi.
Tag di appartenenza
Le icone vengono utilizzate oltre ad agevolare la navigazione, anche all’interno dei Tag (associate al testo) per organizzare al meglio le sezioni dell’interfaccia. Sono utili ad esempio in fase di acquisto per indicare gli step per concludere un ordine o ancora per indicare la categoria di appartenenza di un determinato prodotto presente nello store online.
In questo progetto
Accedi al tuo account.
Gestisci i servizi acquistati.