Product
Grocery Assistant
Grocery Assistant
Grocery Assistant
DATE
December 2022
(14 days)
The Project.
The Project.
The Project.
I designed this app for my Computer Interface Design class. The assignment was to create an app for a grocery store chain to help customers organize their grocery lists and discover new products.
I designed this app for my Computer Interface Design class. The assignment was to create an app for a grocery store chain to help customers organize their grocery lists and discover new products.
I designed this app for my Computer Interface Design class. The assignment was to create an app for a grocery store chain to help customers organize their grocery lists and discover new products.
The Process.
The Process.
The Process.
My first goal was to identify the core features of the app. These were:
Make grocery lists
Shop for products
Input allergies and dietary restrictions
I divided these into four main pages: Home, Shopping, Lists, and Profile.
With these basic structural elements, I made a rough flow map and added sub-features.
My first goal was to identify the core features of the app. These were:
Make grocery lists
Shop for products
Input allergies and dietary restrictions
I divided these into four main pages: Home, Shopping, Lists, and Profile.
With these basic structural elements, I made a rough flow map and added sub-features.
I started with bare bones wireframes of five screens.
I started with bare bones wireframes of five screens.
Next I created a style guide/inspiration board with the colors, fonts, and icon types I wanted to use. I also included representations of the types of grocery stores this app would be for, as well as examples of similar apps that I liked.
Next I created a style guide/inspiration board with the colors, fonts, and icon types I wanted to use. I also included representations of the types of grocery stores this app would be for, as well as examples of similar apps that I liked.
After lots of designing and redesigning, this is my final mockup.
After lots of designing and redesigning, this is my final mockup.
The Result.
The Result.
The Result.
Here is the MVP prototype to show how I envision the interactions and animations on the frames. Click around and see what my app can do!
Here is the MVP prototype to show how I envision the interactions and animations on the frames. Click around and see what my app can do!