Final Project

SIMON KO JING LIANG
0364359
Bachelor of Creative Digital Media
Application Design 
Final Project


Instruction

Fig1
Instruction-PDF


Progression

After finished the low fidelity wireframe, I started to do the high fidelity wireframe. Everything based on the low fidelity wireframe and feedback to do. 

I added the main color, icons, text and some interactions in the high fidelity wireframe.


Fig 2
high fidelity wireframe

Key Features

Center: Booking Page(Home Page)
Left: Onboarding & register/login/forgot password Pages
Upper right:  Booking ticket process pages
Center right: Checking personal information & accessibility pages
Below: Rewards page, booking history page and notification page
Under Center right: Checking rail time

* Most of the text boxes i had add the Component.


User Interface Element

Color scheme: KTMB’s official colors (yellow and blue) are used for brand consistency.
Typography: UBER MOVE (clear and easy-to-read font for improved accessibility).
Image: High-resolution images reflecting the essence of train travel in Malaysia.
Icon: Round Fill icons that related to the application needs.


Video


Video 1
Here is the Link to take a look.