Transportation Service

Mobile Application
Project Overview
B2B transportation service mobile application. This internal app enable drivers to easily and conveniently track their day-to-day pick-up/drop-off jobs, as well as providing a platform for passengers to request booking and scheduling for their pick-up/drop-off.
My Contributions
Moodboard, Sitemap, Userflows, Wireframing, UI Design, Prototyping
‍
To provide a neat and simple mobile app UI design and admin panel wireframe.
Moodboard /
Style Guide
An overall look and feel before getting started on the UI designs. According to the client, black and white was their preferred colour choice. Added in greys that has blue tones in it to brighten up the overall look so its less dull.
Sitemap
To further understand and confirm the pages needed according to the functional specification that was given by the client.
Userflow
With the sitemaps confirmed, we move on to the userflows to determine how the app and admin panel will flow together. Making sure every step is user friendly not just towards the passengers and drivers, but towards the admins that will be handling the backend as well.
Wireframing
After we defined the flow and what screens are needed, I proceeded with creating the wireframes of the Passenger & Driver first to explore the experience in more detail on a screen-by-screen level.

Note: Due to NDA, admin panel wireframes will not be shown
Mock Ups
Simple black, white, grey UI design. The targeted audience are mostly in their 40s and above, so rounded corners are used throughout the app as it is easier on the eyes. The mobile devices have the option to increase their overall font size to the maximum, so fonts are designed to be smaller and lots of breathing space are given.
Component Guideline / Design System
Component guidelines meant for frontend developers, as well as myself to to keep consistency & prepare for any changes in the future.
BACK TO TOP