Designing a grocery shopping app as part of the Flatiron UX/UI Design Bootcamp.
Sketch, InVision
Hi-Fi Prototype
Based on the user interviews provided and my own competitive analysis I decided to focus on designing a grocery shopping app that can fit into the users' cooking habits.
Amateur home cooks need a simple and efficient way to purchase their groceries reliably while enabling their culinary creativity so that they can use their time and focus on the excitement of cooking new and different recipes.
I planned to address three main user stories:
As an aspiring home cook, I want to be able to construct and edit my own meals so that I can feel excited about cooking for myself and others.
As someone who welcomes inspiration from friends, family, and the internet, I want a way to see and save recipes I and others have created so that I can easily find what ingredients to purchase.
As someone who likes to stick to their budget, I want to make sure I am aware of when I go close to or over budget so that I can adjust my purchases accordingly.
Working in low-fidelity, I built a paper prototype of a user flow from signing up to checking out.
Create a recipe
After getting some feedback on the paper prototype, I implemented a few changes when building the mid-fidelity prototype.
Users have the option of customizing their experience by including dietary preferences or favorite dishes:
Recipes can include instructions for other users to follow:
After placing an order the home page will feature the order's status to keep users up-to-date with their order:
To brainstorm for the branding and style of the app I created two completely different moodboards, and style tiles from those moodboards.
I chose to move forward with the creative, playful, and bright style in order to appeal to young and creative audiences. I changed the primary button to a solid color based on feedback to make sure the gradient isn't too overwhelming.
