Una Digital Product Designer con esperienza di
UX Design, UI Design, e Web Design
EatApp
Tipologia
Progetto indipendente
Durata
1 mese
Ruolo
UX Design
UI Design
Piattaforma
Mobile app
Problem Space
Ho curato l'interfaccia utente di questa app, creata per assistere gli utenti nell'organizzazione della propria dispensa in modo efficiente, offrendo spunti di ispirazione in cucina che possano diminuire lo spreco di cibo.
Ho identificato il mio brand come:
​
Stimolante, eco-friendly, efficiente, minimalista, and consapevole.
​​
​
​
Per creare una moodboard, ho approfondito la mia ricerca concettuale, ricercando immagini che non solo rappresentassero visivamente questi aggettivi ma che risuonassero con l'essenza di un utente consapevole che debba riorganizzare la sua dispensa in maniera eco-friendly.
Moodboard
Colori
La moodboard ha ispirato i colori del mio brand.
​
​
Ho considerato una palette colori pulita e strutturata, incorporando colori vivaci e energici che evochino creatività e consapevolezza, impostando un tono stimolante, con tonalità terrose e verdi ispirate alla natura per riflettere la sostenibilità e la natura eco-friendly del prodotto.
Tipografia
Ho deciso di usare due fonts nella mia app.
​
Staatliches: un carattere audace e d'impatto che trasmette un forte senso di attenzione. Con un design condensed e maiuscolo, emana un'estetica moderna e industriale, rendendolo adatto per titoli, banner e frasi di impatto.
Tsukimi rounded: un sans-serif amichevole e accattivante che combina modernità con un tocco di calore.
Logo
Il logo abbraccia un'estetica accogliente e amichevole attraverso l'uso degli stessi font. Viene utilizzato un logo non troppo ricco di artefatti per garantire una presenza visiva minimalista ed efficace, mentre un tocco di "vibrante e stimolante" viene introdotto attraverso una ponderata miscela di elementi orizzontali e verticali, aggiungendo un tocco di creatività e dinamismo.
Wireframes
Dopo aver creato una moodboard e scelto colori e font, ho iniziato a fare degli sketch degli elementi dell'interfaccia, esplorando una serie di potenziali concetti e idee che potessero diventare il mio prototipo finale. Dopo aver disegnato su carta, ho trasformato i miei schizzi in greyscale mid-fidelity wireframe in Figma.
Prototipo high-fidelity
Sono stata quindi in grado di creare il prototipo hi-fi dell'app in Figma.
Key takeaways & next steps
Questa è stata la prima app su cui io abbia lavorato. E' stata una sfida, nonostante avessi esperienza con siti web responsive, capire tutti i vari dettagli che vanno considerati quando si crea un'app. E' per questo che è stato fondamentale testare ripetutamente i prototipi per assicurarsi che non stessi tralasciando nulla.
I prossimi step saranno di testare nuovamente i prototipi e reiterare il design per creare una nuova versione dell'app.