Work

Cake Design & Delivery Prototype

UI/UX Design
Dashboard Design
Figma
Responsive Design

I designed a mobile app prototype for customisable cake design and delivery. I created wireframes, assets, and a functional prototype using Adobe Illustrator and Marvel. I learned key lessons in UI/UX design, earning positive feedback for concept and execution.

Iridescent ripples of a bright blue and pink liquid

Brief Overview

I created a mobile app prototype aimed at empowering customers to design and order custom cakes with ease. The app addressed the gap between cake design and delivery services by combining both functionalities in one user-friendly platform.


Objectives

Showcase a strong understanding of interactive media principles, a seamless user flow for cake customisation and delivery, and apply UI/UX design techniques.


Process and Methodology

  1. Researched interactive media principles and analysed similar apps for inspiration.
  2. Developed a moodboard for the app’s aesthetic.
  3. Created 15+ wireframes in Adobe Illustrator to outline user flow.
  4. Designed icons and cake assets in Illustrator.
  5. Imported assets into Marvel to build the app’s prototype.
  6. Tested and iterated the prototype for a seamless experience.
  7. Shared the final prototype via a link for assessment.

Infographic


Infographic


Tools

  • Adobe Illustrator
  • Marvel

Techniques

  • Import images and components.
  • Prototype creation and connection mapping.
  • Sharing prototypes via link.

Challenges and Solutions

It was my first experience with UI/UX design and Marvel so I had difficulty creating polished icons, which affected visual quality. I designed assets in Adobe Illustrator and exported them as PNGs for use in Marvel.


Outcome and Reflection

I received positive feedback from lecturers for conceptualising and analysing interactive media principles. The app’s functionality was praised despite limitations in execution tools. I was commended for research, analysis, and the overall idea development of the project. I realised the importance of using robust tools like Figma for better design flexibility. I also learned about leveraging built-in components for efficiency.