UX/UI for a Desktop & Mobile Website
Disney Dishes Delivery
UX/UI for a Desktop &
Mobile Website
Disney
Dishes Delivery
UX/UI for a Desktop & Mobile Website
Disney Dishes Delivery
initial planning:
wireframes & user flow
initial planning:
wireframes & user flow
Early sketches on the various possible appearances of the interface, as well as the initial user flow to display possible user routes.
Early sketches on the various possible appearances of the interface, as well as the initial user flow to display possible user routes.
task
UX/ UI User Testing Design Research Wireframes Prototyping (Figma)
timelinE
Dec 2023 - Jan 2024
(4 weeks)
task
UX/ UI User Testing Design Research Wireframes Prototyping (Figma)
task
UX/ UI User Testing Design Research Wireframes Prototyping (Figma)
timelinE
Dec 2023 - Jan 2024
(4 weeks)
timelinE
Dec 2023 -
Jan 2024
(4 weeks)
seamless way to pay as you wish:
checkout
seamless way to pay as you wish:
checkout
Usability testing showed 40% of users want to edit orders during checkout, so we added a shopping cart navigation for easy changes.
1. Order Summary
Before checkout, users can review their cart, swap dishes, remove items, or make final adjustments to ensure their order is just right.
2. Secure Checkout
Choose a payment method- credit/debit card, cash or digital wallet with express checkout. Confirm delivery details, select a time slot, and manage marketing preferences.
3. Order Confirmation
After payment, users receive a confirmation with their order number and an order summary.
.
Usability testing showed 40% of users want to edit orders during checkout, so we added a shopping cart navigation for easy changes.
1. Order Summary
Before checkout, users can review their cart, swap dishes, remove items, or make final adjustments to ensure their order is just right.
2. Secure Checkout
Choose a payment method- credit/debit card, cash or digital wallet with express checkout. Confirm delivery details, select a time slot, and manage marketing preferences.
3. Order Confirmation
After payment, users receive a confirmation with their order number and an order summary.
match your preferences:
personalise your experience
match your preferences:
personalise your experience
Custom Set Boxes, Your Way:
When choosing a set box, you can swap dishes to suit your taste and dietary needs. Whether craving a different main course or switching a side, our customisation feature ensures your meal is exactly how you want it.
Smart Search, Effortless Choices:
With enhanced filters, narrow options by cuisine, diet, allergens. Whether craving a flavour, following a diet, or avoiding ingredients our smart search helps you find the perfect dish.
Custom Set Boxes, Your Way:
When choosing a set box, you can swap dishes to suit your taste and dietary needs. Whether craving a different main course or switching a side, our customisation feature ensures your meal is exactly how you want it.
Smart Search, Effortless Choices:
With enhanced filters, narrow options by cuisine, diet, allergens. Whether craving a flavour, following a diet, or avoiding ingredients our smart search helps you find the perfect dish.
an experience in demand:
Overview
an experience in demand:
Overview
Consumers are craving sustainable food inspired by the iconic meals from Disney films. Disney Dishes Delivery offers eco-friendly, themed dishes that bring your favourite movie meals to life.
It’s not just about ordering food; it’s an immersive experience that lets you savour the meals you’ve always dreamed of, while meeting your dietary needs and sustainability goals.
Consumers are craving sustainable food inspired by the iconic meals from Disney films. Disney Dishes Delivery offers eco-friendly, themed dishes that bring your favourite movie meals to life.
It’s not just about ordering food; it’s an immersive experience that lets you savour the meals you’ve always dreamed of, while meeting your dietary needs and sustainability goals.
an experience in demand:
Overview
Consumers are craving sustainable food inspired by the iconic meals from Disney films. Disney Dishes Delivery offers eco-friendly, themed dishes that bring your favourite movie meals to life.
It’s not just about ordering food; it’s an immersive experience that lets you savour the meals you’ve always dreamed of, while meeting your dietary needs and sustainability goals.
competitior research:
research findings
competitior research:
research findings
Researching food delivery websites; HelloFresh, Just Eat, Deliveroo, and Domino's, I explored UX/UI solutions for displaying dietary options. Their user-centered design enhances convenience and streamlines the ordering process, improving customer satisfaction. Key features contributing to better user experience include:
Easy navigation
Personalisation
Accessibility
Following this, I conducted user interviews to expand on dietary preferences and gathered key insights, which are outlined below:
Researching food delivery websites; HelloFresh, Just Eat, Deliveroo, and Domino's, I explored UX/UI solutions for displaying dietary options. Their user-centered design enhances convenience and streamlines the ordering process, improving customer satisfaction. Key features contributing to better user experience include:
Easy navigation
Personalisation
Accessibility
Following this, I conducted user interviews to expand on dietary preferences and gathered key insights, which are outlined below:
competitior research:
research findings
Researching food delivery websites; HelloFresh, Just Eat, Deliveroo, and Domino's, I explored UX/UI solutions for displaying dietary options. Their user-centered design enhances convenience and streamlines the ordering process, improving customer satisfaction. Key features contributing to better user experience include:
Easy navigation
Personalisation
Accessibility
Following this, I conducted user interviews to expand on dietary preferences and gathered key insights, which are outlined below:
"I always look for low-carb options when ordering. I struggle to filter out anything that's not keto-friendly."
"I always look for low-carb options when ordering. I struggle to filter out anything that's not keto-friendly."
"I’m vegan, so it’s helpful when places let me easily find plant-based meals."
"I’m vegan, so it’s helpful when places let me easily find plant-based meals."
"I'd love to use sustainable restaurants with eco-friendly ingredients or packaging, but its hard to find ."
"I'd love to use sustainable restaurants with eco-friendly ingredients or packaging, but its hard to find ."
"I like being able to tailor my meal depending on what I need or fancy, like something light or high-protein."
"I like being able to tailor my meal depending on what I need or fancy, like something light, spicy or high-protein."
"I like ordering from places with organic or locally sourced options, but it’s hard to find them."
"I like ordering from places with organic or locally sourced options, but it’s hard to find them."
"Filtering by dietary needs like gluten-free or vegetarian makes it easier to pick meals, instead of searching menu's."
"Filtering by dietary needs like gluten-free or vegetarian makes it easier to pick meals, instead of searching menu's."
"I'd love to use sustainable restaurants with eco-friendly ingredients or packaging, but its hard to find ."
"I like being able to tailor my meal depending on what I need or fancy, like something light, spicy or high-protein."
"I always look for low-carb options when ordering. I struggle to filter out anything that's not keto-friendly."
"I’m vegan, so it’s helpful when places let me easily find plant-based meals."
"I'd love to use sustainable restaurants with eco-friendly ingredients or packaging, but its hard to find ."
"I like being able to tailor my meal depending on what I need or fancy, like something light or high-protein."
"I like ordering from places with organic or locally sourced options, but it’s hard to find them."
"Filtering by dietary needs like gluten-free or vegetarian makes it easier to pick meals, instead of searching menu's."
"I'd love to use sustainable restaurants with eco-friendly ingredients or packaging, but its hard to find ."
"I like being able to tailor my meal depending on what I need or fancy, like something light, spicy or high-protein."
disney dishes delivery:
introducing the brand
disney dishes delivery:
introducing the brand
Where Every Meal is a Disney Adventure
Where Every Meal is
a Disney Adventure
Low Fidelity wireframe:
start shaping
Low Fidelity wireframe:
start shaping
The user experience revolves around the primary task flow of ordering a dish. I've created slight variations of the screens, establishing a smooth transition of content for a seamless experience.
The user experience revolves around the primary task flow of ordering a dish. I've created slight variations of the screens, establishing a smooth transition of content for a seamless experience.
sandbox
sandbox
disney dishes delivery:
prototypes
disney dishes delivery:
prototypes
different ways to browse:
Shop by film or food
Disney Dishes Delivery offers multiple ways to shop and browse, making it easy to find the perfect meal:
Shop by Film: Dive into a world of themed set boxes inspired by your favourite Disney movies, bringing the magic of Disney to your table.
Shop by Food: Browse a variety of individual dishes, from starters to desserts, to suit your specific cravings and preferences.
New Films: Stay updated with the latest Disney films and explore new meal options tied to fresh releases, keeping your dining experience exciting and current.
match your preferences:
personalise your experience
match your preferences:
shop by film or food
match your preferences:
shop by film or food
Custom Set Boxes, Your Way:
When choosing a set box, you can swap dishes to suit your taste and dietary needs. Whether craving a different main course or switching a side, our customisation feature ensures your meal is exactly how you want it.
Smart Search, Effortless Choices:
With enhanced filters, easily narrow options by cuisine, diet, allergens. Whether craving a flavour, following a diet, or avoiding ingredients, our smart search helps you find the perfect dish.
Disney Dishes Delivery offers multiple ways to shop and browse, making it easy to find the perfect meal:
Shop by Film: Dive into a world of themed set boxes inspired by your favourite Disney movies, bringing the magic of Disney to your table.
Shop by Food: Browse a variety of individual dishes, from starters to desserts, to suit your specific cravings and preferences.
New Films: Stay updated with the latest Disney films and explore new meal options tied to fresh releases, keeping your dining experience exciting and current.
Disney Dishes Delivery offers multiple ways to shop and browse, making it easy to find the perfect meal:
Shop by Film: Dive into a world of themed set boxes inspired by your favourite Disney movies, bringing the magic of Disney to your table.
Shop by Food: Browse a variety of individual dishes, from starters to desserts, to suit your specific cravings and preferences.
New Films: Stay updated with the latest Disney films and explore new meal options tied to fresh releases, keeping your dining experience exciting and current.
How might we empower users to easily access nutritional information, ingredients, and allergens?
How might we empower users to easily access nutritional information, ingredients, and allergens?
Key points on 'dietary-based' user experiences - results from our user testing.
Key points on 'dietary-based' user experiences- results from our user testing.
68% of users struggle to find takeaway dishes that cater to food goals and personal targets.
68% of users struggle to find takeaway dishes that cater to food goals and personal targets.
68% of users struggle to find takeaway dishes that cater to food goals and personal targets.
31% of participants find it difficult to locate allergens - not specifying allergens.
31% of participants find it difficult to locate allergens - not specifying allergens.
31% of participants find it difficult to locate allergens - not specifying allergens.
100% of users say dietary information such as allergens should be presented
100% of users say dietary information such as allergens should be presented
Observations and statistics from global studies, reports and surveys.
In the UK, a 2023 survey revealed that 64% of consumers consider highly processed foods unhealthy, indicating a preference for transparency in food labelling. - AHDB
In the UK, a 2023 survey revealed that 64% of consumers consider highly processed foods unhealthy, indicating a preference for transparency in food labelling. - AHDB
In the UK, a 2023 survey revealed that 64% of consumers consider highly processed foods unhealthy, indicating a preference for transparency in food labelling. - AHDB
"Public Health Nutrition" reported that 55% did not understand the nutritional information on food labels, and 61% consumers found the information too small to read. - SpringerLink
"Public Health Nutrition" reported that 55% did not understand the nutritional information on food labels, and 61% consumers found the information too small to read. - SpringerLink
"Public Health Nutrition" reported that 55% did not understand the nutritional information on food labels, and 61% consumers found the information too small to read. - SpringerLink
A 2023 study found that 78% of consumers are willing to pay more for products with packaging claims stating "natural" or "all-natural," - Ingredion
A 2023 study found that 78% of consumers are willing to pay more for products with packaging claims stating "natural" or "all-natural,"- Ingredion
Learn about our eco-friendly boxes and local food partnerships
Learn about our eco-friendly boxes and local food partnerships
Checkout made easy, with 3 steps
Checkout made easy, with 3 steps
seamless way to pay as you wish:
checkout
Usability testing showed 40% of users want to edit orders during checkout, so we added a shopping cart navigation for easy changes.
1. Order Summary
Before checkout, users can review their cart, swap dishes, remove items, or make final adjustments to ensure their order is just right.
2. Secure Checkout
Choose a payment method- credit/debit card, cash or digital wallet with express checkout. Confirm delivery details, select a time slot, and manage marketing preferences.
3. Order Confirmation
After payment, users receive a confirmation with their order number and an order summary.
disney dishes delivery:
Final overview
disney dishes delivery:
Final overview
Key Takeaways:
future strategies
Key Takeaways:
future strategies
The project provided valuable UX insights. While I aimed to introduce underrepresented features like smart dietary filters, I found that optimising existing processes, such as refining filters and streamlining checkout, can have a greater impact on usability and user experience.
If I were to advance the project to the next step, here are the considerations I would like to explore:
Real-time order tracking like estimated delivery time and detailed receipt.
Integrate animations, motion and possibly illustrations to elevate user engagement.
Create account settings and a profile.
Enhancing the smart filters with more options and the ability to set account preferences.
Filter films by genre, popularity or date made.
Show trending items - films and food
If I were to advance the project to the next step, here are the considerations I would like to explore:
Real-time order tracking like estimated delivery time and detailed receipt.
Integrate animations, motion and possibly illustrations to elevate user engagement.
Create account settings and a profile.
Enhancing the smart filters with more options and the ability to set account preferences.
Filter films by genre, popularity or date made.
Show trending items - films and food
Key Takeaways:
future strategies
The project provided valuable UX insights. While I aimed to introduce underrepresented features like smart dietary filters, I found that optimising existing processes, such as refining filters and streamlining checkout, can have a greater impact on usability and user experience.
If I were to advance the project to the next step, here are the considerations I would like to explore:
Real-time order tracking like estimated delivery time and detailed receipt.
Integrate animations, motion and possibly illustrations to elevate user engagement.
Create account settings and a profile.
Enhancing the smart filters with more options and the ability to set account preferences.
Filter films by genre, popularity or date made.
Show trending items - films and food
Connect to Content
Add layers or components to infinitely loop on your page.
More work More work more work
More work More work more work
