Loading...
Scenario

You’re a designer on a Grocery-delivery app, where customers order from multiple stores, and receive a single delivery (think Instacart). With the time you have, please work on a model for the post-purchase flow (i.e. immediately after a user has submitted their order).

Challenge

How would you handle order status, delivery, order review, item review and follow-up orders, etc?

Provided Resources

TFor this challenge, I was given a requirements document that outlined the scenario of the app. This challenge tested my ability to design with restrictions, and to focus on a specific flow of the app, and not to get too much into the weeds of what the rest of the app needs to do.

Competitors

Apart from understanding what the users needed, I looked into what tools already exist in the market that have attempted to solve the problem. In my search for grocery delivery apps, I was able to find at least 4 that worked for my location. Although, I was not already a member, and as a result, I was not able to determine how their experiences were defined in detail. However, to the best of my capabilities I analyzed each of these tools by using them, and reading user reviews. I made a list of what works and what didn't about them.

Opportunity

Based on the requirements document, I was able to determine a few opportunities that I think would help enhance the experience. Some ideas include adding more items to an existing order (post purchase - adding), notification screens to inform users when they open the app when orders are completed (delivered), canceling orders through the order details page, etc. 

Goals & Target Audience

After stepping back and reviewing my learnings, I was able to define my goal and target market. The market I'm targeting for are young professionals - millennials and "do it yourself" type people who like to save time but prepare their own meals and who lack the patience and time to go to the store. They download this app to have the ease of shopping at their fingertips. The goal of this app is to provide the ease of grocery shopping at many different stores without the hassle of actually going out to the stores.

User Flow

I created a simple user flow to help me think through the concept, and figure out what screens will be needed, and which screens interact with one another.

Design

Upon completing the ideation phase, I compared each idea against the goals and objectives I came up with. I wrote the positives and negatives of each idea I had. I also came up with a few user assumptions that I felt might help me in completing this challenge.

WireFrame

This is a simple mid- fidelity wireframe showing the post-purchase flow I came up with. I did not spend as much time as I usually would focusing on the wireframes, as I did have time constraints to consider. So I kept my wires as simple, and mostly used notes to solidify my thoughts, and flow.

Visual Design

Below are a few screens that I brought into higher fidelity from the mid-fidelty wireframes I completed.