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.