Affordride

Category

App Development

Year

Start 2023

Role

App Development

animation-image

Affordride

AffordRide provides a ride booking platform that is not just easily accessible but also user-friendly. Its key feature is to provide users with a platform that simplifies sending ride requests to drivers, no matter where they are. Additionally, ride tracking, drivers’ verification, ride details and emergency alert features are given to guarantee user’s safety. To make it more convenient for users, a ride-scheduling option is also available in this app.

Tasks we’ve done

We have built a ride-hailing mobile application with a striking interface that makes the process of ride booking and scheduling convenient for its users.

Deliverables

Mobile Application and Admin Dashboard

Platform

iOS, Android

Client

David Ibhaluobe

Designed a user-oriented mobile application for that enables ride-booking and scheduling with verified drivers to ensure user safety.

After ensuring the final design meets expectations and fulfils project goals, we developed a high functioning mobile application.

Conducted thorough research to identify user preferences and pain points to provide with an all-in-one solution.

1 18 scaled

App icon

The app icon features the company’s logo, creating a strong visual identity and brand recognition. Its simple and memorable design ensures easy accessibility and instant association with the app.

Frame 1686560441
Frame 1686560442

Typography

The app uses Gilroy, a modern and clean sans-serif font, ensuring readability and a sleek, professional look. Its smooth curves and balanced spacing enhance user experience, making navigation effortless.

Gilroy

Regular

12 px / 13 px / 14 px

Semibold

14 px / 16 px / 18 px

Bold

14 px / 20 px

Frame 1686560444
Frame 1686560444 1
Frame 1686560445
Frame 1686560451
Frame 1686560450
Frame 1686560449

Iconography

Stroke icons ensure a clean, modern look throughout the app, maintaining visual consistency. Fill icons are used only in the navigation bar to highlight the selected state, enhancing clarity and focus.

Frame 1686560459 1
Frame 1686560497

Flow Chart

The flowchart shows how the app works for both users and drivers. It maps out the steps from booking a ride to completing the trip, making it easy to understand the app’s process and flow.

Group 1597880487 scaled
Group 1597880489 2
6 3 1 scaled

High Fidelity Wireframes

8 2 1 scaled
9 2 scaled
Frame 1686560493 scaled
Group 1597880492 1
Frame 1686560479
Frame 1686560478
Frame 1686560477
Frame 1686560480
12 2 scaled