Project: Collaboration

Role: Generalist

Tools: Figma , Figjam

Duration: 2 weeks

We recognize the paramount importance of speed and personalization in the food delivery experience. With this project, our goal was clear: to enhance user satisfaction by streamlining the process of getting food swiftly and tailored to individual preferences. Join us on this journey as we introduce a feature designed to revolutionize your dining experience.

Uber Eats Video.mp4

Problem Statement

In the competitive realm of food delivery, both Uber Eats and To Good To Go Meals encounter significant challenges that undermine customer satisfaction and trust. Uber Eats struggles with providing adequate customer care and flexibility, leading to frustration when attempting to cancel orders or adapt to market changes. Conversely, To Good To Go Meals grapple with concerns regarding product safety and quality, resulting in customer hesitancy. Moreover, frequent delivery delays contribute to meals arriving cold, disappointing eagerly awaiting customers.

These obstacles transcend mere inconveniences; they erode the fundamental trust and satisfaction upon which these services thrive. Left unaddressed, these issues pose existential threats to the viability of these platforms in an already fiercely competitive market landscape.

Affinity Diagram

The next step was to gather feedback and insights from stakeholders and users alike. To make sense of all this valuable input, I turned to the trusty affinity diagram. Picture this: a room filled with sticky notes, each representing a different observation or idea. I grouped similar notes together based on common themes or patterns, creating clusters of related insights. This process helped me distill a wealth of information into clear, actionable insights. It's like solving a puzzle, piecing together disparate pieces of feedback to reveal the bigger picture. By visually mapping out the key takeaways, I gained a deeper understanding of user needs and pain points, which in turn informed future iterations of the design. The affinity diagram was instrumental in turning feedback into meaningful improvements, ensuring that the final product truly resonated with users.

Interview, Survey and App Reviews

To ensure the feature was meeting user needs and expectations, I employed a multifaceted approach to gather feedback. First up, I conducted interviews with a diverse range of users, probing into their experiences, pain points, and desires. These interviews provided invaluable qualitative insights, allowing me to uncover nuanced user perspectives and uncover areas for improvement.


Next, I launched a survey to cast a wider net and gather quantitative data. The survey covered various aspects of the feature, from usability to aesthetics, giving me a more comprehensive understanding of user preferences and satisfaction levels.


But that's not all - I also combed through app reviews with a fine-tooth comb, mining them for nuggets of wisdom. By analyzing user feedback directly from the app store, I gained real-time insights into what users loved, what they found challenging, and what they wished to see improved.


Together, these three methods provided a 360-degree view of user sentiment, helping me identify trends, prioritize enhancements, and ultimately shape the feature into something that truly resonated with users.

Overview Uber Eats App

So, when we dug into the Uber Eats app, we really wanted to get inside the heads of its users. We ordered food, tracked deliveries, and felt the highs and lows right along with them.

Our focus wasn't just on the design and features; it was about how the app made people feel. We wanted it to be like a friend, not just a tool.

We also checked out the competition, seeing what they were doing well and where they were falling short. But at the end of the day, our mission was clear: to make the Uber Eats app a place of warmth and understanding in the world of food delivery.

UX Lean Canvas & Hypothesis Prioritization

Alright, so after diving deep into the Uber Eats app, we took a step back to really look at the big picture. We wanted to make sure we were on the right track, you know? So, we came up with this thing called the UX Lean Canvas. It's like a roadmap for our journey to make the app better.

We didn't just want to throw ideas around randomly, though. We wanted to be smart about it. So, we prioritized our hypotheses. We asked ourselves, "What are the most important things we need to test and validate?" We wanted to focus on the stuff that would make the biggest difference for users.

It wasn't easy, though. We had so many ideas floating around, but we had to stay focused. We had to think about what would have the most impact with the least amount of effort. That's where the empathy came in. We put ourselves in the shoes of the users and thought about what would really make their lives better.

And you know what? It worked. By staying true to our empathy-driven approach and prioritizing our hypotheses, we were able to come up with a clear plan of action to make the Uber Eats app even more awesome.

So, yeah, that's how we rolled with the UX Lean Canvas and Hypothesis Prioritization. It wasn't just about being efficient; it was about being empathetic and making sure every step we took was in the best interest of the users.

Swot Analysis

So, we did this thing called a SWOT analysis. It's basically where you lay out the strengths, weaknesses, opportunities, and threats for each company. It helped us get a clearer picture of what each of them brings to the table.

When it came to strengths, Uber Eats had this massive network of restaurants and a really slick app. But it wasn't all rainbows and sunshine. There were some weaknesses too, like delivery delays and occasional mix-ups with orders.

Then, we looked at opportunities. With the rise of food delivery, there were tons of opportunities for growth and innovation. And of course, we couldn't forget about the threats. Competition was fierce, and there were always new players entering the game.

When we compared Uber Eats to Wolt and Lieferando, we saw some interesting patterns. Each company had its own unique strengths and weaknesses. Wolt, for example, had a reputation for quality and reliability, while Lieferando had a strong presence in certain markets.

But at the end of the day, the SWOT analysis helped us see where Uber Eats stood in the grand scheme of things. It gave us a better understanding of its competitive landscape and where there might be opportunities for improvement.

So yeah, that's how we rolled with the SWOT analysis, comparing Uber Eats to Wolt and Lieferando. It was all about seeing the forest for the trees and figuring out how Uber Eats could stay ahead of the game.

Feature analysis

let's talk features! So, we took a closer look at Uber Eats, Wolt, and Lieferando to see what they bring to the table in terms of features. It was like comparing apples to oranges, you know?

With Uber Eats, they had this whole smorgasbord of features. From customizable orders to real-time tracking, they really had it all. But hey, Wolt and Lieferando weren't slouches either. Wolt, for example, had this cool feature where you could schedule deliveries in advance, which was a hit with busy folks. And Lieferando? They were all about convenience, with features like easy reordering and quick payment options.

But it wasn't just about the flashy features. We also had to dig deeper to see how these features actually stacked up in terms of usability and effectiveness. Sure, Uber Eats might have had all the bells and whistles, but were they easy to use? Did they actually make the ordering process smoother for users? These were the questions we had to ask ourselves.

And you know what? The answers weren't always black and white. Each platform had its own strengths and weaknesses when it came to features. But by doing this feature analysis, we were able to get a clearer picture of what users really wanted and how we could make Uber Eats even better.

So yeah, that's how we broke it down with the feature analysis. It wasn't just about ticking off boxes; it was about really understanding what makes a feature great and how we could use that knowledge to take Uber Eats to the next level.

User persona Data

Meet Omar, the ultimate foodie with a passion for life. At 31 years old, he's not just any social worker; he's a guy who loves to live life to the fullest. Residing in the vibrant city of Berlin with his loving wife and adorable kid, Omar's always on the lookout for new culinary adventures.

Food isn't just sustenance for Omar; it's an experience. Whether it's exploring trendy restaurants, trying exotic cuisines, or whipping up gourmet meals at home, Omar's palate knows no bounds. But hey, he's not just about the food. When he's not indulging in gastronomic delights, you'll find him hitting the gym, cheering on his favorite sports team, or catching the latest concerts and live music gigs.

Now, Omar's got a little confession to make: when hunger strikes, he can easily transform into a bit of a drama queen. That's right – he hates waiting around for his food, especially when he's using a food delivery service. For Omar, every minute feels like an eternity when he's eagerly anticipating his meal. That's why he's all about efficiency and reliability when it comes to food delivery – because ain't nobody got time for drama when there's food on the line!

So, in Omar's own words: "When I'm hungry, I can easily turn into a drama queen, therefore I hate to wait longer time on my food than the estimated time when I'm using a food delivery service." Ain't that the truth?



User Journey

Omar, our food-loving social worker from Berlin, finds himself hungry one evening and decides to explore his options on Uber Eats. He opens the app, eager to discover what culinary delights await him. With a few taps, he begins browsing through the plethora of restaurant options available in his area, his mouth watering at the sight of delicious dishes displayed on the screen.


After some deliberation, Omar settles on a mouthwatering meal from one of his favorite local spots. With a few more taps, he places his order and proceeds to checkout, his anticipation growing with each passing second. He's very hungry and can practically taste the food already.


However, as he eagerly awaits the arrival of his meal, he notices that the estimated delivery time has come and gone. Concerned, he checks the app for updates, only to discover that there's been a delay with the delivery. Feeling frustrated and increasingly hangry, Omar attempts to reach out to the delivery driver but finds it difficult to communicate effectively.


As minutes turn into what feels like an eternity, Omar's hunger turns to anger. He's waited patiently, but now he's reached his limit. Despite his efforts to assist the driver with directions, it becomes apparent that the address is too obscure, and the road is too narrow for the delivery vehicle to navigate.


Frustrated and hungry, Omar's user journey on Uber Eats takes an unexpected turn. What started as an exciting culinary adventure has left him feeling disappointed and irritable. For Omar, the experience highlights the importance of timely and reliable delivery, especially when hunger is at stake.


Feature options

Imagine if our app made ordering with friends easy. And what if we had more choices for special diets, like gluten-free or vegetarian?

We could offer food options tailored to events like sports games or concerts. And users could share their favorite dishes and dining experiences with each other.

Subscriptions could give loyal customers perks like free delivery or exclusive discounts. Plus, we could partner with chefs for virtual cooking classes.

Highlighting eco-friendly options could attract users who care about sustainability.

These ideas could set our app apart and keep users coming back for more.

User Flow

Select Delivery Vehicle:

Imagine you're ordering your favorite meal through the app. You've picked out everything you want, and now it's time to choose how it gets to you. When you're at the checkout stage, the app gives you options for delivery. You can choose whether you want your food delivered by car, bicycle, or scooter. Once you've made your selection, you just confirm it, and your order is good to go.


Translate Description Feature:

Alright, picture this: you're scrolling through the app, checking out all the delicious dishes available. But wait, you come across one with a description in a language you don't understand. No worries! With this feature, you just tap on the dish to get more details. Then, you'll see a button that says "Translate." You tap that, and voila! The app translates the description into your preferred language. Now you can read all about the dish and decide if it's something you want to try.


Add Favorite & Find Favorite:

So, let's say you stumble upon a dish that's absolutely amazing. You know you'll want to order it again in the future. With this feature, it's super easy to save it to your favorites. You just tap on the dish to view more details, and there's an option to "Add to Favorites." You click that, and the dish is saved for later. Then, when you're craving it again, you just head to the "Favorites" section in the app. There, you'll find the dish waiting for you, ready to be reordered with just a tap.

Mood Board – Uber Eats

We start by gathering inspiring images that represent Uber Eats' brand essence – vibrant food, sleek interfaces, and urban scenes. We curate these into a cohesive mood board, noting recurring colors like bold reds, energetic yellows, and fresh greens.


From the mood board, we extract primary and secondary colors, refining them for harmony and vibrancy. Each color is documented with its identifier, ensuring consistency across designs.


Reviewing our work, we ensure the palette captures Uber Eats' energy and excitement, setting it apart in the food delivery market.

This process, though detailed, is crucial for crafting Uber Eats' vibrant visual identity. Let me know if you need further assistance or have any questions!

Style Tile

To craft a style tile for Uber Eats, we first draw inspiration from the mood board we've curated. We select colors that resonate with the brand's vibrant personality, such as bold reds, energetic yellows, and fresh greens. These colors will form the basis of our palette, injecting life and energy into the design.

Next, we turn our attention to typography. We choose fonts that reflect Uber Eats' modern and user-friendly ethos. A bold and eye-catching headline font commands attention, while a clean and legible sans-serif font ensures readability across various devices and screen sizes.

As for interface components, we envision sleek and intuitive designs that enhance the user experience. Buttons are inviting and easy to tap, navigation bars are intuitive and easy to navigate, and cards present information in a visually appealing manner. Each component is carefully crafted to maintain consistency and cohesion throughout the app.

The style tile serves as a visual reference for the design direction of Uber Eats, capturing its vibrant energy and user-centric approach. It's a snapshot of the brand's personality, ready to be translated into engaging and visually stunning interfaces that delight users at every touchpoint.

00 - Style Guide – Cover page.pdf

Style Guide

With the high-fidelity designs in place, it was time to create a comprehensive style guide. This document serves as the blueprint for maintaining consistency throughout the design process and beyond. I meticulously documented every aspect of the design, from color palettes and typography to iconography and button styles. Consistency is key here - by establishing clear guidelines, we ensure that every element across the platform adheres to the same visual language. This not only enhances the user experience but also reinforces brand identity. Plus, having a style guide streamlines collaboration with developers, making it easier to translate designs into code. It's like giving everyone involved a roadmap to follow, ensuring that the end result is cohesive and polished. Creating the style guide was all about setting the stage for a seamless and harmonious user experience.

Low Fidelity

I took was diving into low-fidelity wireframes. This is where the magic begins! Picture this: I grabbed my trusty sketchbook and started scribbling away. It's all about getting those initial ideas down on paper without worrying too much about the details. I focused on the basic layout and functionality, keeping things rough and ready. This stage is crucial for nailing down the overall flow and structure of the feature. Plus, it's super efficient since you can iterate quickly without getting bogged down in fancy visuals. It's all about capturing the essence of the idea and getting it out there for feedback. And trust me, there's something strangely satisfying about seeing your ideas take shape on paper!

Mid Fidelity

After getting a solid grasp of the concept through low-fidelity wireframes, it was time to level up to mid-fidelity. This is where things start to get a bit more real, you know? I translated those rough sketches into digital form using design software like Sketch or Figma. Now, instead of squiggly lines on paper, I had a clearer representation of the feature. 

I focused on refining the layout, adding more detail to the UI elements, and fleshing out interactions. It's like giving your idea a bit of polish while still keeping it flexible enough to tweak based on feedback. This stage is all about finding that sweet spot between functionality and aesthetics. You want users to understand how the feature works while also making it visually appealing and easy to use. It's a delicate balance, but that's what makes it exciting!

High Fidelity

Now we're getting to the exciting part - high-fidelity designs! Here's how we can discuss it:

So, after fine-tuning the mid-fidelity designs, it was time to kick things up a notch with high-fidelity designs. This is where the feature really starts to come to life! I poured all my attention into adding the finishing touches, refining every detail to perfection. Think crisp visuals, vibrant colors, and sleek animations. I paid close attention to typography, iconography, and spacing, ensuring everything was pixel-perfect. This stage is all about creating a polished and professional look that's ready to wow users. I also made sure to test the designs on different devices and screen sizes to ensure a seamless experience across the board. It's all about bringing the vision to reality in a way that's not just functional, but downright delightful to use. And let me tell you, seeing those high-fidelity designs come together was nothing short of exhilarating!