About

JPJ Portal is Malaysia's Official Portal of Road Transport Department. It is a government department under the Malaysian Ministry of Transport.

JPJ has more than 90 branches and offices nationwide, the function of JPJ branches is to examine and issue the Malaysian driving license, road tax, vehicle registration and relevant documents for its users.

For this project, I will revamp the visual appearance of the JPJ Portal Website to enhance user experience and convenience.

About

This is your About Page. It's a great opportunity to give a full background on who you are, what you do, and what your website has to offer. Double click on the text box to start editing your content and make sure to add all the relevant details you want to share with site visitors.

Project Overview

Problem statement

- The design of the website is outdated.

- The layout content of the website is messy and is quite unpleasant to see.

- Confusion as to finding the item user wants on the website.

Goals:

- To make the visual appearance of the website more appealing.

- To increase the user and functional experience and make it more user-friendly to use.

- To improve user pain points and improve overall usability of the app.

My Story

This is your About page. This space is a great opportunity to give a full background on who you are, what you do and what your site has to offer. Your users are genuinely interested in learning more about you, so don’t be afraid to share personal anecdotes to create a more friendly quality. Every website has a story, and your visitors want to hear yours. This space is a great opportunity to provide any personal details you want to share with your followers. Include interesting anecdotes and facts to keep readers engaged. Double click on the text box to start editing your content and make sure to add all the relevant details you want site visitors to know. If you’re a business, talk about how you started and share your professional journey. Explain your core values, your commitment to customers and how you stand out from the crowd. Add a photo, gallery or video for even more engagement.

User Research: Pain Points

Below are the pain points that were found during a user research:-

- "I often have a hard time to search for the list of driving institutes and workshops on the website. It is located somewhere in the website that I did not expect to find."

- "I prefer the mobile app of JPJ and not so much on the website version. I find it unpleasant to read the website content and the design layout is too cluttered with a lot of information they have."

- “I wish the website layout is cleaner so that I can find information that I need quickly and less confusion when browsing the website.”

User Research: Personas

We have included two personas from the user research study. The two personas are as follows:-

35 years old

Ipoh, Perak

Business owner

“I regularly use the portal website to apply for tender projects. I wish the website will be cleaner and simpler.”

GOALS

Easy login into the website.
To easily applies for tender projects.

FRUSTRATIONS

The look of the website is not user-friendly.
The portal website is cluttered with other information.

Ryan is a business owner who accepts tender projects from the government. He regularly uses the portal website to apply for tenders. He finds the portal website messy and full of unnecessary features included. He wishes the website has a simpler and cleaner look.

19 years old

Ampang, Kuala Lumpur

Student

“I’m thinking of applying for a driving license so I searched for relevant information on the website. It took me a while to find the information I needed.”

GOALS

FRUSTRATIONS

To apply for a driving license.
To find the information of authorized driving institutes.

Hard to find the information of authorized driving institutes.
The list is placed somewhere that is hard to remember.

Amealia is a university student. She wants to drive a car to her classes for her convenience. She wanted to make sure the driving institute is approved by the Ministry of Transport Malaysia before she agrees to proceed. However, she found that the list of driving institutes is placed somewhere inconvenient.

Information Architecture

User Journey Map

After figuring out a way to make the JPJ Website Portal to have a cleaner and more organized look, we gathered and created our thoughts into digital wireframe. We added connections between screens and created a low-fidelity prototype. Image on the left shows the low-fidelity prototype and image on the right shows the high-fidelity prototype.

Check out the high-fidelity prototype here

Sketches and Prototypes

This is what our early sketches looked like. The images show the wireframes that demonstrate five different versions of the same main page screen.

Key Takeaway

By redesigning the JPJ Portal web app, I realized that creating a visually appealing with good architectural design is important to create a good user experience. Incorporating a simple functionality in the app by eliminating user pain points can increase the number of end-users.