WillMore Communication
- Web design, UX/UI
- Client ╱ WillMore Communication
- Date ╱ 2022
Interfaccia utente
L’interfaccia utente del portale è stata studiata per massimizzare le conversioni e risultare il più user-friendly possibile; i pulsanti presentano un colore di accento molto evidente rispetto al resto della palette cromatica del portale che vira su delle tonalità più pastello.
Design e stile grafico
Sono state utilizzate illustrazioni a tema 3D in tutta la comunicazione visiva per trasmettere un senso “giocoso” ed approcciarsi in modo migliore ad un target di riferimento prevalentemente giovane che naviga con una discreta frequesta il sito web.
Elementi grafici
Le copertine dei vari prodotti (like e followers) sono state disegnate mantenendo una certa sfumatura campionata dalla palette colori che si rimanda alla bandiera francese; anche le copertine prodotti presentano elementi a tema 3D, così come tutte le icone dalla homepage al check-out.
Personalizzazione CSS
Sono state aggiunte micro-interazioni, animazioni ed effetti allo scrolling per migliorare la fruibilità e l’approccio del cliente con il portale. Queste animazioni migliorano la navigazione ed in molti altri casi oltre ad avere una funzione prettamente estetica, indirizzano l’utente nella giusta direzione.
Snippet PHP
L’implementazione di diversi snippet PhP hanno permesso di perfezionare il processo di acquisto; essi permettono di indirizzare l’utente direttamente al check-out una volta che decide di cliccare sul pulsante “Acquista” senza passare dal classico carrello.
Checkout
Il check-out è stato progettato partendo dallo shortcode fornito da WooCommerce e di conseguenza modificato tramite codice CSS. È stato inoltre implementato Stripe come metodo di pagamento, con supporto a tutti i più moderni gateway per effettuare le transizioni.
