WheelCart

Grocery on wheels

Team Member

Shuchun Hu

My Role

Concept design

UX research

User testing

App UI design

Project Time

3 months

Tools

Miro

Figma

Balsamiq

Canva

Why you need WheelCart?

Shopping for groceries is often time-consuming and can be crowded during peak hours. For those with a busy schedule, going to the supermarket can be tiresome and tiring. Moreover, during the Covid-19 period, people who are inconvenient to go out to purchase have increased significantly, leading to the demand for delivery services has increased. Although there are already many online shopping and delivery services in the market, most of them have some problems, product freshness, punctuality, and delivery service problems.

Design Brief

WheelCart aims to offer a reliable and user-friendly grocery shopping platform utilizing fully automated vehicles for doorstep delivery. Users will receive notifications via our app upon the vehicle's arrival and can track its real-time location for better time management.

In the vehicle, customers can conveniently pick up pre-ordered items from our website, eliminating the need to carry heavy bags or interact excessively in public spaces. This innovative service promotes a healthier, safer, and more efficient grocery shopping experience, ultimately enhancing users' overall quality of life.

Design Method

01 User Research

Industry and users background research.

Use ONLINE ETHNOGRAPHY to gather insights about target user groups and needs.

04 Usability Testing

Do heuristics test to identify potential usability issues. Observing real users as they interact with the design to identify issues and gather feedback to inform future iterations.

02 Competitor Analysis

Analyse competitors’ products to identify strengths, weaknesses, and opportunities for differentiation.

05 Reflection

Explore the future development and improvement space.

03 Prototyping

Developing low-fidelity sketches, high-fidelity or interactive models to visualize the user interface and experience.

User Research

Industry Background Research

01 What is the grocery industry trend ?

High demand for groceries in Australia.
Increasing demand for delivery service.
Great potential for AVs in transportation.

02 What is the grocery issue ?

Most grocery spending still happens in-store.
Shortcomings of grocery delivery service still exist.

Opportunities

Prospect of autonomous vehicle grocery

Combining autonomous vehicle technology with online grocery shopping can enhance product availability and delivery.
Consumers can enjoy in-store experiences from home, reflecting strong market potential for mobile grocery services.

User Needs

We use online ethnography analysis to find out our target user groups and their needs.

And from the competitors analysis, we design a new innovative grocery shopping service to really meet the needs of users.

Design Process

01. Sketch

Through online ethnography survey to determine the needs of target users, and start to make preliminary design, including sketches(lo-fi) and wireframes.

02. Beta Components and Styling

Initially, we established the colors and fonts to ensure consistency across all devices. Our primary color is now green, replacing the previous orange after a heuristic evaluation revealed that green better aligns with the theme of fresh product shopping. Most text are dark blue, while some icons use a brighter orange for clear contrast against the main green color.

The main iteration component is in the colour from orange to green. Because from the result of heuristic evaluation, the green, which is more visually suitable for our theme. Also, the adjustment of the button width, because the previous ones were too big and wide.

03. Testing and Iterations

04. High-Fidelity

From lo-fi to hi-fi, we have many iterations and we improved some designs through heuristic evaluation.

Second iteration high-fidelity prototype

Final iteration high-fidelity prototype

Home page

Provide users with browsing products, and the overall layout is consistent with the website, so that users will not feel unfamiliar.

Orders page

Provide users with a switch tab to view the list of ongoing and completed orders, with a simple list of order dates and ordered items, also allowing users to click in to view detailed information on each order.

Order details page

In order status part will tell the current status of the order (e.g. We are delivering this order to you). And provide the car number, which is convenient for users to confirm when the car arrives.

Track location button and products in car button are set prominently so that users can easily go to any page.

Order products below to show what items are in this order.

Track location page

A clear map tells the user where the car is now.

Below tell the user estimated arrival time and remaining time.

View Products in car button provide users another way to go to Products in car page.

Products in car page

A simple filter list allows users to select products of the category they want to view.

Click the heart icon, when the car arrives, and if users want to see which hearts have been clicked before, they can go to favourites category to see it, a faster screening function increases convenience.

Click the products box and view the product details.

Notification page

Colours at the background represent unread messages.

Click to open the unread message, in addition to the text message, I also provide two buttons(track location and view products in car), which are the two pages that users will use most often.

Preview

Reflection and What's Next

We apply the convenience and immediacy of automatic shopping carts in the supermarket industry, solving the shopping problem of people who are difficult to go out or have busy schedules and cannot match supermarket time.

What's more, after many user usability tests on the system, it helped us present the interfaces more perfectly. We simplify redundant processes and steps, and even delete unnecessary functions, so that the overall interface is presented simpler and cleaner, and improves the satisfaction of our target users.

However, in the future, it is still necessary to integrate the interfaces of mobile phones and websites to be more consistent, so that users can experience the entire shopping process more comfortably.