How can we make a custom cupcake in 2 minutes?
RESPONSIVE WEBSITE FOR BAKERY
The goal of the project was to design a responsive website for Callisto.
Two initial research exercises were performed:
This research revealed that users saw buying premium cupcakes as a happy experience to treat themselves or loved ones. They wanted to see something special, and feel that they were buying a premium product.
Users needed a way to customise cupcakes in order to make a special gift for their loved ones.
Users often ordered cupcakes while travelling. The need for a responsive design which delivered an equally amazing experience on mobile devices was crucial.
Users needed to be able to choose a collection date in advance so that they could plan ahead for events.
Initial ideation generated a number of significantly different layouts. The ideas were reviewed and the best elements of each design identified. The idea with a main hero image, seasonal and popular cupcakes, as well as a "Build your own cupcake" options was chosen.
Based on testing of the paper ideas and wireframes, digital wireframes were created.
Based on testing of the paper ideas and wireframes, digital wireframes were created.
Here we can see the evolution from the digital wireframes through to hi-fi mockup and subsequent prototype flow.
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups.
The second study used a high-fidelity prototype and revealed the aspects of the mockups which needed to be refined.
Users requested the ability to edit quantities directly within the basket. This was added to the next iteration of prototype.
43% of users in the study wanted
Users needed to be able to choose a collection date in advance so that they could plan ahead for events.
