Blank®
London
Hello@blank.com
%201%20(1).png){kind=tracking}
%201%20(2)%20(1).png){kind=tracking}
%201%20(1).png){kind=tracking}
.png)
.png)
Affinity Mapping:
Using Miro, I began to synthesize all of the feedback that I received in interviews and through online surveys, in order to make sense of the large & valuable input from potential users. With this, I was able to start making connections in user needs and values.
.png)
.png)
Problem Statement and Feature Set:
To begin the process of conceptualizing the Greenify app, I started with Point of View & How Might We statements to help decipher fitting design solutions. From there, I began to write down all the features I’d like to see in the app.
.png)
Hand Sketches:
Before taking things to Figma, it was helpful to draw out a few concepts. I call this my “chicken scratch” design work as it is always a bit chaotic and messy, but gives me a solid idea of how to move forward.
Since this app would be a new concept, I knew I wanted to do a broad strokes product introduction to help users understand its purpose.
.png)
There were a lot of pages to cover: since it was one of the more elaborate ideas, one of the first things I set about sketching was how the barcode scan page would work, as well as how the results would be presented to the user.
I wanted to offer some visual harmony across all pages, as there would be seemingly endless amounts of information to share, so one of the first design challenges was deciding how I would visually unify the details of activity feed, impact information, and food product information while not making them so similar it that it became confusing to look at. I explored many, many different variations, but ultimately felt like one design pattern stood out against the rest
.png)
Lo-Fi Wireframes:
Now it was time to start to move my design work into a digital space. The original name idea for my project was “Foodprint,” which I sadly later learned belonged to a heavily trademarked company!
.png)
.png)
Testing and Revisions:
Two tests were performed throughout this capstone project: an unmoderated Maze test on the lo-fi wireframes (5 participants), and a moderated user test on the hi-fi wireframes (5 participants). The unmoderated Maze results identified several problem areas before I went too deep into designing the UI, while the moderated test gave me more of a qualitative experience with users, showing additional trouble spots, such as confusion over the wording of a button (even though they ended up making the right choice, this wouldn’t have been apparent in unmoderated testing), and frustrations over too many confirmations or steps.
.png)
.png)
