Web & Mobile Interface
Website Platform: Shopline
Programming Language/Script used:
Website Design & Build
Year: 2017 - Present
Berjaya EnviroParks Sdn. Bhd.
Machka & Co.
World Of Coffee
Diva De Luca
Home and Gardening
Client Needs & Requirement
Website Designing &
with design team
Handover website to client. Prepare for client feedback for further amendments.
Present design to team member for further improvement
Handover final website design to client.
Update design according to team feedback
Program used for Mobile Design:
Fictional Project: Gym Mobile App
Note: This UI design is re-invented from an existing gym mobile app to be used in Malaysia for convenience use during the Movement Control Order.
Thus the purpose of the app includes to:
Restrict and track down the number people attending
Provide information to users about the update of the gym
Make appointment on the app before going to the gym
Platform used: InvisionApp
Research/Reference App & their role to the design process of the app:
Grab - Auto location function to find the nearest gym around user
Malaysian Airline - Booking system
AirAsia - Booking system
A revised version of a Gym App's User Interface Design – focusing on a simpler, more organised conceptual structure.
Presenting a clear and concise information for user's attention and direct priority details only.
Software used: Adobe Illustrator
Colour and font are added based on the plannings made on the wireframe.
A B C D E F G H I J K L M N O P Q R S T U
V W X Y Z a b c d e f g h i j k l m n o p q r s
t u v w x y z 1 2 3 4 5 6 7 8 9 0
Typography & Colour
Program used for Web Design:
On-Going Project: Tech Web Design
Web & Mobile Design
Program used for web and mobile design:
Sample Project: Finance Web Design
* Click on the image to view prototype