Branding UX/UI
As part of the assignment, I developed a digital menu for a vending machine that invites users into a fairytale world and a magical taste experience, allowing them to choose or customize a unique yogurt creation.
As part of the assignment, I developed a digital menu for a vending machine that invites users into a fairytale world and a magical taste experience.
allowing them to choose or customize a unique yogurt creation.
About The Project
As part of the course, I designed a digital user interface for a yogurt ordering system, focusing on a self-service tablet experience that enables full personalization. Through product and competitor research, I aimed to create a clear, intuitive interface that simplifies the ordering process without limiting user choice.
Branding Concept
The brand is inspired by fairy tales and magic, transforming yogurt ordering into a playful, imaginative experience. The menu features character-driven creations and allows full personalization through enchanting toppings like glitter, fairy dust, and gold leaves. A vibrant pink, whimsical visual identity reinforces the magical atmosphere from the very first interaction.
As part of the course, I designed a digital user interface for a yogurt ordering system, focusing on a self-service tablet experience that enables full personalization.
Through product and competitor research, I aimed to create a clear, intuitive interface that simplifies the ordering process without limiting user choice.
The brand is inspired by fairy tales and magic, transforming yogurt ordering into a playful, imaginative experience.
The menu features character-driven creations and allows full personalization through enchanting toppings like glitter, fairy dust, and gold leaves.
A vibrant pink, whimsical visual identity reinforces the magical atmosphere from the very first interaction.
Research
Steps To Make Yogurt
Dish Creation Steps
Competitor Research
Competitor Research
Main conclusions
Based on my competitor research, I identified key principles that can enhance the user experience in my interface
-
Accessible interface with readable text and clear icons.
-
Step-by-step assembly with interactive progress display.
-
Real-time visual of customized yogurt via animation or graphics.
-
Options for pre-designed cups and full customization.
-
Topping filters by categories like nuts, chocolate, fruits.
-
Final summary screen with yogurt image and ingredient list.
Based on my competitor research, I identified key principles that can enhance the user experience in my interface
Information Structure
App Map
Information Structure
User scenario
Design Process
Wireframes
Serving Process Visual
Final UI Design
UI Kit
Logo
In designing the logo, I embraced a fairy and magic-inspired theme. I incorporated a subtle sparkle element and chose a soft pink and light blue color palette to evoke a sense of calmness, wonder, and celestial magic.
In designing the logo, I embraced a fairy and magic-inspired theme.
I incorporated a subtle sparkle element and chose a soft pink and light blue color palette to evoke a sense of calmness, wonder, and celestial magic.
Typography
Color Palette
Buttons
Icons
Yogurt Concept Dishes
In designing the concept dishes, I used AI tools through Adobe Firefly. I focused on creating magical yogurt designs inspired by fantasy and fairy-tale color palettes, while carefully refining the visual presentation of each ingredient.
Yogurt
Concept Dishes
In designing the concept dishes, I used AI tools through Adobe Firefly.
I focused on creating magical yogurt designs inspired by fantasy and fairy-tale color palettes, while carefully refining the visual presentation of each ingredient.