Geo-Location within a food app

Geo-Location capabilities within a delivery app

UX Design

Overview

Kitchen United MIX is the first “Multi-Restaurant Ordering” to-go experience in the US. It’s the only destination that allows foodie fans who love variety to order meals from 10+ restaurants, all on the same bill.

There was a need to include geo-location capabilities to better communicate pick up times, distances and delivery ranges to users.

This project was developed during my engagement with Zagalabs.

Challenges

- There was frustration because there was not a way for consumers to know how far the kitchen center is from their location.

- Delivery addresses need to match the delivery range for kitchen centers.

- Orders are attached to a specific kitchen center, so there is an edge case where users want to see their past orders while shopping from another location/kitchen center.

Goal

- Create an user journey that allows consumers to indicate their location and get an understanding on the relationship between location, kitchens and delivery ranges.

- Minimize the impact of the edge cases such as user is out of range and/or ordering from a different location than the one they used to place previous orders, all while allowing them explore the menu.

Finding a KU MIX Location

The menu is attached to a kitchen center, which contains multiple restaurants. There is a need to locate the user to determine which menu they will shop from.

Users would have the option to enter an address manually, activate their GPS (ideally) or choose a MIX location from the list of kitchen centers they have available throughout the US. If going with the latter, then the app is location-agnostic which allows foodies to explore the menu but they will need to indicate their location if ordering for delivery.

Users have multiple options to indicate their location or simply choose the location(kitchen center they want to shop from

If users decide to activate their GPS or type their address manually, they would be asked to pin it in the map and confirm the address. This gives them a visually aid to indicate their location. Needless to say that by having GPS active, the app will always know where they are so it will show the nearest kitchen center accordingly.

Edge case: User is not within delivery range

Even though the app is locating the user, they may be in a place outside of delivery range.

The app then will communicate that to the user and allow them to order for pickup.

Left: Outside the delivery range - Right: Within delivery range

Edge case: Entering from an URL

Many users see an ad from a restaurant on social media or get into a restaurant page using a direct link. The app wouldn't know where the user is but still show them the restaurant's page ordering for pickup by default. If the user wants to get their food delivered, they will be asked to indicate their location to determine whether or not they are able to get their food delivered.

Left to right: Recently got into the app from a link, location entered and pick up is the mode selected, out of delivery range and delivery mode is selected.

Edge case: Re-ordering

The app supports a 're-order' functionality. If an user placed an order in Pasadena's Kitchen Center, they won't be able to re-order if they are in Austin. Orders are attached to a specific kitchen center within a city.

Users can see the order details but can't re-order if they are shopping from a different kitchen center than the one the order was originally placed from.

There is a new messaging that explains why certain products are not available, and if they want to add them to the basket, they will need to change their location (i.e selecting the kitchen center attached to that order).

We have a clear message for users to know why certain products are not available.

Key takeaways

There are tons of startups that want to add features on top of features without asking if they are really providing any value to the user. At the same time, those bunch of features may have a lot of flaws when edge cases are not considered.

The "we will figure it out as we go" mindset may harm the user experience. One person that can't accomplish a task results in around 3 or 5 others that won't try the product (word of mouth is still impacting people's decisions when it comes to buy or try services and products).

When thinking of features, improvements of the flow, user journeys, we need to consider all the possible edge cases not only from the user perspective but also technical and business' constraints so we are always creating solutions instead of more problems.

Other projects

A word from people

See what they've said about my work

I’ve enjoyed working with Diego on the design of my website and broader platform business, which includes both a desktop and a mobile version. He came up to speed quickly and was able to start producing draft design outputs right away. Throughout the process, he has been focused and responsive. He has brought a good “design eye” to the work and pushed back where appropriate, both on the design and on the scope of the MVP version of the product. Overall, I am very pleased with how the work is coming out.
Jim L
Founder @PathWise
I've enjoyed working with Diego on our design project and look forward to working with him on projects in the future. The designs Diego created were excellent! I've seen a lot of design work but Diego's design skills and methodology definitely stands above the rest.  Not only is Diego excellent with design, but he's also skilled in regards to time management and has excellent customer/client facing communication skills. I would definitely recommend working with Diego to anyone looking for an experienced leader in design for your next project.
Earl Holland
Senior Software Architect @NodeAssets
I truly believe Diego's experience possesses a whole new level of creativity, uniqueness, and passion. In my company, everyone is amazed by his work and professional skills. He has a singular ability to walk you through his designs and processes which such clarity of explanation that sometimes makes you believe you are a designer just like him.
Nathalia Rueda
IT Recruiter @NativApps
Our KDS changed incredibly with Diego's help. From the beginning, he diagnosed the obstacles that we were putting our chefs on, and managed to turn everything around to leave us with a much more agile, simple and efficient interface. We managed to increase delivery times and reduce errors immediately. Very happy with his work.
Edwin Pérez
CEO @BigBites
I love Diego's ability to deliver fast and transform ideas into bright designs. His right attitude is one of many things to highlight when it comes to working with him.
Paula Avellaneda
Product Manager @DRUO
When I hired Diego, I knew he was a world-class designer and his past and present work is a case in point. He was able to successfully deliver the slick product we envisioned for so long in a little over a month. If you are building something truly awesome, Diego can do the heavy lifting with little or no input.
Mohammed
CEO & Founder @Remitfix
It's really  helpful to have someone who can take the time on getting the experience right.
Emmanuel Randon
CTO @Currnt
Diego has such a neat and excellent portfolio that made my decision very easy. He understood my concept, contributed his experience, advised me and made me feel very confident about what I needed. He is a patient, calm and flexible person who really listens to the client and he designed my wishes precisely. I recommend him 100%, it was a dream to work with him.
Genesis Morales
CEO & Founder @Genesis Morales
Diego is one of a kind when it comes to his design mind. We are lucky to have him as our lead product guy because in truth he is so well rounded that he can work on mobile-web, desktop-web, mobile apps (both ios and android), admin portal, email templates etc I can go on. You normally don't find designers who can delievery quality work across this range consistenly. Thanks for being part of this team"
Windsor Kitaka
CEO & Founder @TransferX
It was a pleasure to work with Diego. My partner and I felt guided all the way through the project. Diego has a great ability for design thinking and for user friendly business. I highly recommend Diego if you want a webpage designed perfectly for the specific public you desire.
Camila Luque
CEO & Cofounder @MILA
Diego has a vast knowledge in managing customers and creating value on a fast pace with a short amount of direction and great results both in design and UX/UI. Great experience working with him!
Daniel Martin
CEO @Equity Advisors
Limitless creative mind is the phrase that comes to mind when I think about Diego. I’ve had the pleasure of knowing Diego for 3 years, during which we built together great digital products. Above all, I was impressed with Diego’s ability to make eye-catching designs out of nothing. And, of course, his high commitment. Diego would be a true asset for any positions requiring creative skills and comes with my heartfelt recommendation.
Farid Delgado
Senior Software Engineer at Center for AI & Cognitive Computing @Thomson Reuters
Diego totally nails the world of UX/UI. He is a strategic thinker with brilliant execution.
Manuel Gutiérrez
CTO @DRUO
I highly recommend Diego, he is an excellent professional. I highlight his ability to produce simple and visually appealing user interfaces and also his ability to give direction when managing projects. A design strategist that always focus on user needs, I would work with him again without hesitation.
Brian Angulo
Product Designer

Do you think we should be working together?

Let’s talk