Fixin Food Delivery App

Fixin is the new food delivery app that stands out from the competition. This new delivery app concept is both modern and informative with a dark mode that won’t strain your eyes when you’re checking where your delivery driver is late at night.

This project was inspired by the Adobe Creative Challenge where we were given the task of designing the user experience and user interface for a food delivery app.
Project Type
Personal
My Role
UI / UX Designer
Graphic Designer
Tools Used
Adobe After Effects
Adobe Illustrator
Adobe XD
Year
2019

The Home Screen

User research revealed that users tend to leave the home screen within 30 seconds of opening the app. I had to find a way to keep them engaged longer.
To keep users engaged while on the home screen of the app, I featured a section for promotions running at the time.

I also added a Favorites section as a way for users to quickly and easily view the food and restaurants they visit most often.
Fixin Home | Toby Everett

Search

Users need a way to search for specific types of food in their area as well as filter for different price ranges and dietary options. Users can easily search for food and filter results. They can also easily see which filters they have applied.

Orders

Users need a place to view past and current orders. They also need a way to view the progress of their order and the details of the driver that will be delivering the order.
Fixin Orders | Toby EverettFixin Orders | Toby EverettFixin Receipt | Toby EverettFixin Map | Toby Everett
Users are able to view order status, receipts, and report an issue all in one screen.
Users can also view a map of the route the delivery driver is on and the details of the vehicle they are in to keep the user safe.
Fixin Map | Toby Everett

Fixin in Action

Design

When deciding on a logo for Fixin I knew it needed to be both modern and convey the brand's goal. This led me to use the Avenir typeface for the letters in the logo due to its geometric, sans-serif design. The green color was chosen to indicate the food aspect of the brand along with the color contrasting well on the dark UI. To convey the brand's goal of people eating together I created a table from the X with the lowercase I's creating people.

Logo

Fixin Logo | Toby Everett
I decided on a dark UI so the app would not be hard on users' eyes. When deciding on a text heading color I chose the green from the logo to create consistency.

Color

Fixin Colors | Toby Everett
#9EC224
Fixin Colors | Toby Everett
#5A5A5A
Fixin Colors | Toby Everett
#454545
Fixin Colors | Toby Everett
#000000

Final Thoughts

Fixin was a fun experience that provided a creative outlet for me and forced me to think of how a food delivery app could be made more useful for the user. The end product gives users the ability too quickly order food and safely see who has their order. Designing this concept helped me build my UI design skills in Adobe XD. The process also challenged me to think about the best way to show users their favorite orders and where their food was during the delivery process.