GreenC

A Mobile App for Custom Online Cake Ordering

Overview

Many Australians are suffering from overweight and often struggle with managing their diet habits, especially when it comes to eating sweets. This project provide an innovative solution by allowing people to modify food ingredients based on their diets preferences, especially for those people who are obsessed with cake. Ordering the cake online and pickup in the store.

My roles
Product Designer (solo)

Design tools
Sketch, Figma

Duration
October 2021 - November 2021

Problems

Currently, two-thirds of Australian adults are overweight or obese.

People are obsessed with cake and dessert due to their sugar addiction. And the fact that cake has a range of delicious flavours that make them the perfect companion of any cuisine. However, a cake is high in sugar and saturated fat, that’s one of the main ingredients that makes it unhealthy. Since cake shop and supermarket only sells ready-made cake, consumers cannot change the ingredients that meet their own preferences.

Screen Shot 2021-11-13 at 6.41.44 pm.png

Before diving into the design, I wanted to understand how people felt about ordering a cake but end up way with the fact that it's way too sweet. I conducted a few research methods to better understand the exact user needs.

Interview findings

In order to target pain points and solve the problem, I conducted 2 interviews with uni students.

They both have similar concerns:

1. Consumers cannot change the sugar level, as result, the cake they bought could be too sweet.

2. They are not allowed to change the serving size, which might lead to waste.

3. They always want to find a cake that has a reasonable price but also tastes good!

4. Compare prices between shops in just one click, instead of clicking into each cake shops to check prices.

I am looking for a cake that can meet all of my preferences.

I DON;T LIKE EATING SWEETS. For me, sugar is the biggest concern when i ordering cake.

Quotes I got from interviews

How might we help people who are obsessed with cake to maintain a healthy diet?

Personas

I created two personas as target users to meets the design needs.

It's hard to meet individuals' diet preferences.

Experience
Map

Based on the findings, I created an experience map to better understand the user flow of the project.

Advanced UX Janice - User journey map_edited.jpg

Storyboard

Lastly, the above research findings defines a clear problem to solve the issues of managing diets habits, it serves as the guiding light for the rest of the project.

Ideation
Process

I started generating ideas for the concept of the project.

These are the initial ideas for this project. I wrote down some of the key features as I think this would highly meet user needs.

Iterations

I did a lot of sketching and experimentation to test usability of the flow.
And the iterative process showcases the development of the project.

Crazy 8‘s

I did crazy 8's at the beginning of the project. It helps build my innovative ideas and think openly and creatively. Like Buxton said crazy 8's is way of “doing rather than reading” (Buxton 2011, p.5).

Improvement made

I added on additional info to improve the design. For example, the app aims to improve trust from users and the levels of reliability.

I started creating wireflow. This is the first attempt.

At this stage, I have already built up a clear image of how my design works, and it’s the time to test the flow and see if any changes needs to be made.

The feature ‘community’ is replaced with

‘shop recommendation’. Because people want to compare the prices of cake shops rather than reviews.

Usability
Test

I conducted a low fidelity usability testing with friends and made up a scenario for her to complete the task. From signing up an account to successfully placing the order, the flow is smooth and easy to understand. The suggestion I received from the participant is, instead of only having one option “add to basket” on the product page, a ”process to order is also needed. So that user can go straight to the checkout page.

Then, I made improvements based on the feedback from low fidelity test; and deliver a high-fidelity prototype for second round of usability test to validate the design decision. The goal of doing the test is to identify problems and areas of improvement early so that I can make the necessary changes prior to the final development which meets their exact needs.

Screen Shot 2021-11-09 at 5.40.19 pm.png.png

I conducted a first click test to examine what a participant would click on first. There are nearly half of the users answered “cake”, which means the hierarchy of the interface needs to be fixed.