Colors
Using three colors brings a playfulness to the palette, but the serious nature of the blue hues bring balance and warmth. The soft colors also help the app to be always inviting.
Deliverit
UX/UI - Web - Mobile & Branding
What we did
Scope the project
Naming & Branding
Design
Sprint
UX/UI
Process
Frontend & Backend
Android & iOS Development
About
Client
Deliverit is revolutionizing food delivery. By prioritizing customer experience, efficient delivery and a beautiful interface, Deliverit was eating up the competitive landscape. Offering a seamless on-boarding process for restaurants and deliverers, they were able to position themselves as an industry leader very quickly.
The goal
The challenge
Delivery options in Mexico were slow, unreliable and unoriginal. Many of them didn't have their own delivery people, didn't offer tracking and never had a good face-to-face with restaurants and stores. Customers were hungry for more.
How we help them
The solution
Deliverit offers a seamless food delivery experience that includes geolocation, recommendations, a 24/7 customer support team, beautiful UI and in-app tracking.
Insights
Which insights could we gather?
Some of the many insights we got were the ones that helped us build a better user experience.
- This is what we found:
-
1
People want to volunteer but don't know where or how.
-
2
Volunteers want to feel safe when volunteering.
-
3
ONGs can do much more but have a hard time reaching volunteers.
Structure
Wireframes
We performed iterative prototype and wireframe usability testing leading to tweaks and improvements based on user feedback.
Once our initial hypothesis was proven we began defining the Visual Design which is presented below.
THIS IS JUST A SAMPLE OF OUR MAIN USER STORY WIREFRAMES
UI Elements
Colors & Typography
Deliverit’s UI is playful but inviting at the same time.
Main
#49BFBA
Secondary
#303D47
Gradient
#EF5944
Typography
We chose one font with two different thicknesses as to reduce distractions and drive the user's attention to the right UI elements.
Headlines
Superior Title
Bold
Title
Avenir
Heavy
Body
Avenir
Roman
Product design
User interface
Deliverit’s interface uses cards, boxes and big square elements to emphasize their calls-to-action.
Take Action
Big pictures to showcase the food and a top menu with each section and how many elements per section for easy navigation.
Checkout
Payment processing with saving your credit card and automatic invoicing make checkout as easy as any ecommerce website.
Delivery man in action!
Deliverit was the first app of it's kind to offer live tracking while the courier was picking up the order. Looking at that pin reach your location is one of the most satisfying things ever!
Order Delivery
Following up on an order, re-ordering, tipping and everything in between right at your fingertips
Dashboard
Orders
With the robust admin dashboard, Bop owners can sift through tons of information and always offer the best for both Civil Organizations and Companies.
Establishments
With one single view, check out all of the activities going on in the following weeks.
Marketing
Social Media
Deliverit's advertising on social networks for brand positioning.
