Alice Rancati
- Web design, UX/UI
- Client ╱ Alice Rancati
- Date ╱ 2023
- Collabo ╱ StorieDiFoglie
Interfaccia
Lo studio del layout grafico nasce dalle linee guida progettate per il rebranding di Lune Selvatiche. Lo scopo del restyle web è quello di migliorare l’organizzazione dei contenuti (sopratutto lato mobile) per dare maggiore valenza alle offerte di Alice e comunicare in modo ottimale i benefici che il target di riferimento otterrà una volta acquistati i servizi.
Stile grafico
L’utente è immerso in un ambiente magico dove elementi grafici (come le foglie) estrapolati dal nuovo logo fanno da contorno ad elementi visivi (come titoli e paragrafi) che appaiano con un effetto fade smooth e leggero. Sono state implementate delle interazioni su cards e CTA che rendono l’utente più partecipe alla selezione dei contenuti.
Design code
Il design code che accompagna questo layout è espresso attraverso ombre leggere e desaturazione per quanto riguarda le immagini (che assumono delle forme schiacciate) ed effetti “blur” per cover e menù principale che cambia colore in base alla sezione in cui è posizionato l’utente (Blog, Servizi, Chi sono, ecc…).
Elementi grafici
Animazioni allo scrolling e transizioni al caricamento di pagina accompagnano l’utente in tutta la sua esperienza di navigazione del sito. Le foglie illustrate vengono spesso richiamate e fluttano all’interno della struttura quasi come se non ci fosse gravità, alcune si nascondono, altre spuntano da dietro le immagini.
Colori
Tutte le sfumature colore sono estrapolate tramite la regola 60-30-10 dai colori principali forniti all’interno del brand manual. Si è voluto ricreare un ambiente che richiamasse a pieno la natura ed immergesse l’utente nel magico mondo di Alice, proprietaria di Lune Selvatiche.
Responsive design
La principale richiesta (oltre a quella di rendere i contenuti fruibili in modo ottimale) era quella di concentrarsi sul layout responsive per impattare subito in modo positivo su potenziali clienti. Tramite Custom Post Type sono state realizzate le pagine realtive ai servizi proposti. Inoltre è stata progettata ua sezione Blog con template per gli articoli.
