Descriptions
Siprabu is a mobile application aimed at helping create an online queue for users who want to make a driving license. In this application, users can submit new application documents according to the driving license they want to make until they get a queue barcode.
Objectives
Currently, users who want to get a driving license have to come to the police station to take a queue number. This means that the user has to come on the same day to take the queue and get a driving license. With this, an application was created that can set the user's arrival date on the queue number, so users can have a queue number before they come to the police station.
Tasks & Responsibilities
Collaborate with the product owner regarding the implementation of the brief into the design.
Create low-fidelity and high-fidelity designs according to the direction of the product owner.
Apply the SIPRABU system color and style to the design system that will be used.
Tools
Figma
Design Foundation and Component
For the color system I took it from the company logo after that it was generated for its derivatives, For the typography the font type was taken according to the brief from the product owner. For the design system I used the Legion design system because the developer and I had already used it for the UI components of the design and the components were already available to use, just change the color according to the company brand.
Design System: Legion
Typhography
Montserrat
Montserrat
Montserrat
Color System
Primary
High Fidelity
Login & Registration
On the login page, users must enter the email and password they registered during registration. On the registration page, users must also input their identity data such as name, gender, place of birth, and others.
Navigation Menu
On the home page there is a new application menu and information about it. The history page will contain a list of application documents that the user has created. The notification page will contain notification of documents that have been submitted and on the profile page the user's identity data will be displayed which was filled in when they registered.
New Application
In this menu, the user must enter the date of arrival, driving license class, and identity card. After the user sends the document, the user must wait for the approval process. If approval is received, a barcode will appear on the details page.
Regarding Information
In this menu, users can get information in the form of registration flow, administrative requirements, operational hours, and cost details.
View more design files?
Visit Figma File
CONTACT ME
