Deliverit

UX/UI - Web - Mobile & Branding

What we did

Scope the project

Naming & Branding

Naming & Branding

Design sprint

Design
Sprint

UX/UI Process

UX/UI
Process

Frontend Backend

Frontend & Backend

Android Apple

Android & iOS Development

About

Client

Deliverit

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.

Deliverit
Deliverit

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.

Wireframe

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.

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.

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.

SF Compact Display

Headlines

Superior Title

Bold

Century Gothic

Title

Avenir

Heavy

Century Gothic

Body

Avenir

Roman

Product design

User interface

Deliverit’s interface uses cards, boxes and big square elements to emphasize their calls-to-action.

Deliverit

Take Action

Big pictures to showcase the food and a top menu with each section and how many elements per section for easy navigation.

Deliverit screen

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!

Deliverit

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.

What’s your next project?
Let’s build it together.

Whether you want to talk about the next big thing or simply say hello, we’d love to hear from you.