eCabs-Logo
Soft-Star

A start-up that disrupted the local cab industry in 2009 and evolved into a technology company with the invaluable asset of 24/7 operational excellence and wisdom.

Card-1-1
Card-2-1

About eCabs

eCabs is Malta's leading and largest ride-hailing platform operating a fleet of hundreds of cabs across Malta and Gozo, ready to service both on-demand and scheduled rides 24 hours a day, 7 days a week.

Problem & Task

The main goal is to create absolutely new user interface with both georgeous visual side and create cool user experince.

Booking-–-Create-Booking

Illustrations

There were no goal of using or creating unique and special illustrations, the main task here task was to use something very easily understandable and quite intuitive

illustaration-5
illustaration-2
illustaration
illustaration-4
illustaration-3
illustaration-6

Design process

Following the design process doesnt just give the users on intuiitive and nice experience, it poses an opportunity for designers to impove their designs.

01
2-1
3
4

Part of the information architechture

Site maps is as a design project deliverable is a document that demonstrate the navigation.

Group-50
part-of-the-site-map

Styleguide

When creating an app and website, it is important to follow the guidelines outlined in the style guide. This allows for greater transparency and organization of the elements that the design team uses.

Снимок-экрана-2023-07-12-в-16.23.27
Снимок-экрана-2023-07-12-в-16.24.13
Снимок-экрана-2023-07-12-в-16.25.55
Снимок-экрана-2023-07-12-в-16.16.49-1

Colors

Primary 1

 

RGB: 25, 50, 115
HEX: #193273

Primary 2          

 

RGB: 50, 96, 218. 
HEX: #3260DA

Primary Opacity

 

RGB: 231, 239, 255
HEX: #E7EFFF

Primary 3          

 

RGB: 248, 249, 249
HEX: #F8F9F9

Mono 1                    

 

RGB: 7, 8, 13            
HEX: #07080D

Typography

Typography-1
Typography-2

Icons

Icons-1
Icons-2
Icons-3
Icons-4

Components

Component-1
Component-2
Component-3
Component-4
Component-5
Component-6
Component-7
Component-8
Component-9

Grid & Wireframes

Creating wireframes pushes usability to the forefront in showcasing page layouts at their core. It forces everyone to look objectively at a website's ease of use, conversion paths, naming of links, navigation placement and feature placement.

Group-5433333
Booking-list-Details
Internal-resources-–-Parking-lots
Shifts
Group-55

User Interface

The goal of effective UI is to make the user's experience easy and intuitive, requiring minimum effort on the user's part to receive maximum desired outcome.

Booking

Booking-–-Create-Booking-1
Booking-Summary

Celebro

Celebro-–-Shifts-1
Celebro-–-Bookings-1

Drivers management

Drivers-management-–-Drivers-Edit-driver_full-time_add-language
Drivers-management-–-Drivers-1

Shifts

Vehicles-management-–-Vehicle-details
Shifts-–-Allocations

Admin

Automatic-dispatch-settings
Dispatch-Areas_create

What now?

As a result, a design was developed for a platform where drivers and administrators can manage trips, drivers, their wallets, etc. Currently in the process of web development.

Soft-Star-1
Ribbon-1
Ribbon-2
Hope

Thank you for watching

💙