Doorbell mobile app

  • ui/ux design
  • visual design
  • prototyping
  • graphic design

( Overview )

Doorbell is an exciting startup looking to dominate the door to door delivery space by connecting customers with their favorite restaurants and stores. The app boasts a set of comprehensive features: real-time order tracking, secure payment options, and a seamless communication channel with delivery agents.

At the moment, Doorbell is only available in Lilongwe, the capital city of Malawi, and promising to soon extend its services to other cities in Malawi.

‍

App Store
Google Play
Live website
Challenge

Doorbell needed a mobile app that would provide its users access to any product or item from their favorite restaurant or store.

Goal

To create an app that would transform the way customers in Malawi get what they need. Key objectives included intuitive navigation and allowing customers to place orders in a few steps.

My Role

I was hired by Doorbell as a UI/UX designer. I worked alongside two talented developers, collaborating daily to shape Malawi’s first cutting edge delivery mobile app.

My responsibilities included:

  • Creating Wireframes
  • Working on visual and interaction design
  • Creating clickable prototypes in Figma to test if users are able to place an order in a few steps
  • Creating custom illustrations to be used within the app

( creative process )

The first step was to learn from some of the best mobile apps in the delivery space. I drew inspiration from apps such as Uber Eats,  Glovo, and Instacart in shaping the visual and interaction design of the Doorbell mobile app, as well as paying to attention to good layout and grouping of items to make it easy for the user to find what they would want to order.

The next step involved creating wireframes to define key pages, layouts, and interactions, while removing the bias of visual properties and allowing me to focus on the user journey.

‍

I later made use of a simple design system to work on the visual and interaction design.

Using Figma, I created a clickable prototype that allowed us to test if our goal was achieved by assessing how the user interacted with the app.

‍

Making an order in a few steps

To simplify making an order for users, we created an app that emphasizes simple navigation, seamless browsing experience in restaurants and stores, and quick access to past orders allowing the user to reorder with one tap.

Personalization

By using trends within the app, location-based relevance and user-specific data, we made it easy for the user to access preferred options upfront by adding sections such as: popular items, restaurants and stores near you and recommended for you. This fast-tracked the ordering process.

Keeping track of your order

The app also reassures users and provides an engaging experience by allowing user to track the order they made. Connected to this is a direct and efficient communication channel between the customer and rider to allow quick resolution of queries and special order instructions to improve service efficiency.

Impact