Flexi Parking App R&D

User Interface (UI) Design

Research

Project:
Research

App Selected: Flexi Parking

App Usage:
Flexi Parking is developed by Leading Innovative Technologies and Systems (LITS) in 2016, it was created
to save the environment by reducing the usage of paper.
What is Flexi parking?
In addition to hourly street parking payments, LITS has enabled monthly pass purchases, parking com-
pound (summons) payments as well as paying for gated parking facilities (off-street parking) by scan-
ning QR codes and using license plate recognition (LPR).
Once you register with Flexi Parking, your vehicle number will also be registered with MPAJ Parking,
Smart Selangor Parking, and Wilayah Parking.
These services will be enabled via one single login and one credit wallet.

Number Of Downloads: 100k+ on Google Play Store

Play Store Rating: 3.2 by 2,284 users

Councils Covered: Councils in Selangor, Wilayah Persekutuan, Terengganu, and Kelantan

Features: Pay for off-street parking

Project:
Research

Problem/Issue of the App:
Confusing to use
Hard to find where the functions is
Poor UI Layout
No Instructions
Poor Transition of the Functions.

Solution:
Creating an app UI suitable for the
app to make look not only look
better, but also enhance the user
experience with Flexi Parking. All
the functions will now be easier to
find and get through.

Project:
Research

Project:
Research

Concept Board

Project: Illustration Style for the UI:
Research

The Original Colours of the Flexi Park-
ing App used is Primary Colours, which
are red, yellow, and blue.
I want to stick with the theme using
the primary colour palette but with
different hue and saturation.

Colours Selection:

Project:
Research

List of Onboarding and UI Selected:

1. Register Account Page (New Account/Sign In)
2. Onboarding Page 1 (Next)
3. Onboarding Page 2 (Next)
4. Onboarding Page 3 (Next)
5. Onboarding Page 4 (Finish)
6. Home Page (Car Number Plate, Area, Credit Balance, Time Remaining)
7. Pay Parking Fee Page (Parking Duration, Rates, Selected Car Number Plate, Selected Area)

Development

Project: Character and Vehicle Sketching:
Research

Drafting UI Design:

Project:
Research

3D Illustration Progress:

Project:
Research

UI Design Progress:

Project:
Research

1st Look of 3D Illustration:

Project:
Research

1st Look of Semi Final UI Design:

Project:
Research

New Logo Design Versions:

Selected



Research & Development

by Jalexa Hayden