Una Digital Product Designer con esperienza di
UX Design, UI Design, e Web Design
Valutazione Euristica
Tipologia
Progetto indipendente
Durata
2 settimane
Ruolo
UX Design
UI Design
Piattaforma
Presentazione
Responsive Website
Problem Space
The Anatomy of Therapy è un Enrol Hub progettato per aiutare le persone a dire addio al mal di schiena e alleviare il disagio attraverso una semplice routine di esercizi giornalieri della durata di 10 minuti.
L'influencer stava conducendo una campagna digitale su Instagram per promuovere il programma "RIP Back Pain" e incoraggiare i follower a iscriversi.
Sebbene esistesse già una landing page dedicata a questa iniziativa, ho voluto effettuare una valutazione dell'UX e UI della pagina web - come esercizio di design - per identificarne i punti di forza, le debolezze e proporne suggerimenti di miglioramento.
Valutazione euristica
Per esplorare un approccio diverso, ho scelto di effettuare una Valutazione Euristica della landing page esistente. La valutazione mi ha permesso di individuare sia i punti di forza che le debolezze della pagina web.
Una Valutazione Euristica è una metodologia utilizzata da UX Designer per valutare un prodotto digitale rispetto a dei principi di usabilità consolidati, spesso denominati euristici. Questo approccio, introdotto da Jakob Nielsen, comprende 10 principi di usabilità.
Risultati dello studio
Tra i punti di forza degni di nota ci sono la navigazione senza intoppi, l'utilizzo di un linguaggio realistico, ordine logico e la presenza di due opzioni di pagamento.
D'altro canto, le debolezze identificate includono l'assenza di una chiara CTA nella schermata iniziale, incongruenze nell'uso di colori e font, e una disparità complessiva tra l'aspetto della campagna social e la landing page.
Campagna social in quel momento: (da Instagram @anatomyoftherapy):
Colori
Poiché i colori erano così discordanti fra campagna social e landing page, ho lavorato a creare una palette colori coerente.
Tipografia
Ho poi fatto lo stesso con la tipografia. Ho cercato di identificare i font usati nella campagna social in modo da creare una gerarchia tipografica coerente per il mio nuovo design.
Ho utilizzato quindi due font in diversi pesi: Montserrat e Open Sauce One.
Wireframes
Ho iniziato a concetualizzare il prodotto finale attraverso degli sketch a mano.
Ho poi selezionato i più promettenti in un wireframe completo che ho traportato in Figma creando un prototipo mid-fidelity.
Nel farlo, ho affrontato le problematiche evidenziate durante la valutazione euristica, garantendo un'interfaccia più curata e user-friendly.
Design Hi-fidelity
Sono stata così pronta per creare il design high-fidelity del sito web in Figma.
Di seguito alcuni esempi oppure visualizza il prototipo.
Key takeaways
Condurre una valutazione euristica su una landing page di una campagna per la prima volta è stato molto interessante.
Mentre il nuovo design è un work in progress e potrebbe sicuramente essere elaborato attraverso diversi approcci, aderendo alla stessa palette colori, a font, immagini e linee guida linguistiche di una campagna digitale, possiamo esplorare modi diversificati e creativi per ottenere una presenza online coerente ma distintiva, che si identifichi con l'essenza della campagna, migliorando la brand reputation, le conversioni e l'usabilità dell'intera esperienza.