Back to all work
eSticker
A streamlined platform for Selangor OKU citizen to register vehicle stickers hassle-free.
June - July 2023
Responsive Website
Internal Dashboards
Figma
Introduction
The Majlis Bandaraya Petaling Jaya (Petaling Jaya City Council) is the city council which administers the city of Petaling Jaya in the state of Selangor, Malaysia. This council was established after the city was officially granted city status on 20 June 2006.
Our project focused on creating a user-friendly online experience for registering vehicle stickers, catering specifically to disabled Selangor citizens.
Additionally, develop an internal staff dashboard for seamless request list management and monitoring.
My role
I'm the designer for this project, collaborating with web developer (Syafiq Nazim) through this project.
Problem
The standard procedure for Selangor OKU citizens to apply for a vehicle sticker is to go MBPJ office to fill in a form and come back a few days once the request has been approved.
MBPJ realizes that is a very tedious and troublesome process, especially for disabled citizens. They need an online platform where users can fill in the form and view application status anywhere, anytime via their browser.
For the first phase, they planned that users still need to self-pick up the sticker once the application is approved and return the old sticker (if they have an existing sticker). Further improvement that can be done is to fully implement a contactless process, which doesn't require for user physically pick up the sticker.
Goal
The goal is to create an efficient and user-friendly online platform that allows Selangor OKU citizens to apply for a vehicle sticker, eliminating the need to visit the MBPJ office and enabling them to track their application status conveniently through their web browsers.
Furthermore, we aim to develop an internal dashboard to empower stakeholders in managing user applications and generating reports efficiently.
Process
Started the design process by understanding given brief then proceed with creating a simple user flow and wireframe:
Design system
For this project, I'm using Preline design system on figma to speed up my design process.
Challenges
Designing for disabled users involves many crucial decisions, like ensuring excellent color contrast and incorporating voice search/control features. To go extra mile, I proposed to my developer partner the addition of screen readers and alternative text for images.
Initial design
In the initial stages of the project, we created draft designs to showcase our ideas to stakeholders and gather their valuable input. These designs served as a starting point, reflecting our vision and understanding of the project requirements.
We presented these drafts to key stakeholders, including clients, team members, and end-users, to get a comprehensive range of perspectives. Their feedback was essential in shaping the direction of the design and ensuring it aligns perfectly with the project goals and user needs.
Final design
Based on the valuable feedback collected, we took the necessary steps to refine and perfect the design. We carefully considered all the input from users and stakeholders to identify areas for improvement. With their insights in mind, we made thoughtful adjustments to address any issues and enhance the overall user experience.
By incorporating these changes, we were able to finalize the design, ensuring that it aligns perfectly with the needs and preferences of our users. The iterative process of gathering feedback and making improvements played a crucial role in achieving a well-crafted, user-centric product. We're excited to unveil the enhanced design, confident that it will deliver an exceptional experience to our users.
Internal dashboard:
Users flow:
Final thoughts
I am genuinely content with my design for this project. The journey of this UX project has been incredibly enriching, as it has allowed me to enhance my skills as a UI/UX Designer significantly. Although I recognize that my design may not be the ultimate solution, I embrace the learning process that comes with it.
Designing for users with disabilities posed a fresh challenge for me, but I am proud to have taken it on and grown through the experience. The beauty of design lies in its perpetual evolution, constantly adapting to solve new and unseen problems. This continuous improvement and problem-solving aspect of design is what truly fuels my passion for UI/UX, and I'm thrilled to keep exploring and refining my craft in this ever-evolving field.
Back to all work
eSticker
A streamlined platform for Selangor OKU citizen to register vehicle stickers hassle-free.
June - July 2023
Responsive Website
Internal Dashboards
Figma
Introduction
The Majlis Bandaraya Petaling Jaya (Petaling Jaya City Council) is the city council which administers the city of Petaling Jaya in the state of Selangor, Malaysia. This council was established after the city was officially granted city status on 20 June 2006.
Our project focused on creating a user-friendly online experience for registering vehicle stickers, catering specifically to disabled Selangor citizens.
Additionally, develop an internal staff dashboard for seamless request list management and monitoring.
My role
I'm the designer for this project, collaborating with web developer (Syafiq Nazim) through this project.
Problem
The standard procedure for Selangor OKU citizens to apply for a vehicle sticker is to go MBPJ office to fill in a form and come back a few days once the request has been approved.
MBPJ realizes that is a very tedious and troublesome process, especially for disabled citizens. They need an online platform where users can fill in the form and view application status anywhere, anytime via their browser.
For the first phase, they planned that users still need to self-pick up the sticker once the application is approved and return the old sticker (if they have an existing sticker). Further improvement that can be done is to fully implement a contactless process, which doesn't require for user physically pick up the sticker.
Goal
The goal is to create an efficient and user-friendly online platform that allows Selangor OKU citizens to apply for a vehicle sticker, eliminating the need to visit the MBPJ office and enabling them to track their application status conveniently through their web browsers.
Furthermore, we aim to develop an internal dashboard to empower stakeholders in managing user applications and generating reports efficiently.
Process
Started the design process by understanding given brief then proceed with creating a simple user flow and wireframe:
Design system
For this project, I'm using Preline design system on figma to speed up my design process.
Challenges
Designing for disabled users involves many crucial decisions, like ensuring excellent color contrast and incorporating voice search/control features. To go extra mile, I proposed to my developer partner the addition of screen readers and alternative text for images.
Initial design
In the initial stages of the project, we created draft designs to showcase our ideas to stakeholders and gather their valuable input. These designs served as a starting point, reflecting our vision and understanding of the project requirements.
We presented these drafts to key stakeholders, including clients, team members, and end-users, to get a comprehensive range of perspectives. Their feedback was essential in shaping the direction of the design and ensuring it aligns perfectly with the project goals and user needs.
Final design
Based on the valuable feedback collected, we took the necessary steps to refine and perfect the design. We carefully considered all the input from users and stakeholders to identify areas for improvement. With their insights in mind, we made thoughtful adjustments to address any issues and enhance the overall user experience.
By incorporating these changes, we were able to finalize the design, ensuring that it aligns perfectly with the needs and preferences of our users. The iterative process of gathering feedback and making improvements played a crucial role in achieving a well-crafted, user-centric product. We're excited to unveil the enhanced design, confident that it will deliver an exceptional experience to our users.
Internal dashboard:
Users flow:
Final thoughts
I am genuinely content with my design for this project. The journey of this UX project has been incredibly enriching, as it has allowed me to enhance my skills as a UI/UX Designer significantly. Although I recognize that my design may not be the ultimate solution, I embrace the learning process that comes with it.
Designing for users with disabilities posed a fresh challenge for me, but I am proud to have taken it on and grown through the experience. The beauty of design lies in its perpetual evolution, constantly adapting to solve new and unseen problems. This continuous improvement and problem-solving aspect of design is what truly fuels my passion for UI/UX, and I'm thrilled to keep exploring and refining my craft in this ever-evolving field.
Back to all work
eSticker
A streamlined platform for Selangor OKU citizen to register vehicle stickers hassle-free.
June - July 2023
Responsive Website
Internal Dashboards
Figma
Introduction
The Majlis Bandaraya Petaling Jaya (Petaling Jaya City Council) is the city council which administers the city of Petaling Jaya in the state of Selangor, Malaysia. This council was established after the city was officially granted city status on 20 June 2006.
Our project focused on creating a user-friendly online experience for registering vehicle stickers, catering specifically to disabled Selangor citizens.
Additionally, develop an internal staff dashboard for seamless request list management and monitoring.
My role
I'm the designer for this project, collaborating with web developer (Syafiq Nazim) through this project.
Problem
The standard procedure for Selangor OKU citizens to apply for a vehicle sticker is to go MBPJ office to fill in a form and come back a few days once the request has been approved.
MBPJ realizes that is a very tedious and troublesome process, especially for disabled citizens. They need an online platform where users can fill in the form and view application status anywhere, anytime via their browser.
For the first phase, they planned that users still need to self-pick up the sticker once the application is approved and return the old sticker (if they have an existing sticker). Further improvement that can be done is to fully implement a contactless process, which doesn't require for user physically pick up the sticker.
Goal
The goal is to create an efficient and user-friendly online platform that allows Selangor OKU citizens to apply for a vehicle sticker, eliminating the need to visit the MBPJ office and enabling them to track their application status conveniently through their web browsers.
Furthermore, we aim to develop an internal dashboard to empower stakeholders in managing user applications and generating reports efficiently.
Process
Started the design process by understanding given brief then proceed with creating a simple user flow and wireframe:
Design system
For this project, I'm using Preline design system on figma to speed up my design process.
Challenges
Designing for disabled users involves many crucial decisions, like ensuring excellent color contrast and incorporating voice search/control features. To go extra mile, I proposed to my developer partner the addition of screen readers and alternative text for images.
Initial design
In the initial stages of the project, we created draft designs to showcase our ideas to stakeholders and gather their valuable input. These designs served as a starting point, reflecting our vision and understanding of the project requirements.
We presented these drafts to key stakeholders, including clients, team members, and end-users, to get a comprehensive range of perspectives. Their feedback was essential in shaping the direction of the design and ensuring it aligns perfectly with the project goals and user needs.
Final design
Based on the valuable feedback collected, we took the necessary steps to refine and perfect the design. We carefully considered all the input from users and stakeholders to identify areas for improvement. With their insights in mind, we made thoughtful adjustments to address any issues and enhance the overall user experience.
By incorporating these changes, we were able to finalize the design, ensuring that it aligns perfectly with the needs and preferences of our users. The iterative process of gathering feedback and making improvements played a crucial role in achieving a well-crafted, user-centric product. We're excited to unveil the enhanced design, confident that it will deliver an exceptional experience to our users.
Internal dashboard:
Users flow:
Final thoughts
I am genuinely content with my design for this project. The journey of this UX project has been incredibly enriching, as it has allowed me to enhance my skills as a UI/UX Designer significantly. Although I recognize that my design may not be the ultimate solution, I embrace the learning process that comes with it.
Designing for users with disabilities posed a fresh challenge for me, but I am proud to have taken it on and grown through the experience. The beauty of design lies in its perpetual evolution, constantly adapting to solve new and unseen problems. This continuous improvement and problem-solving aspect of design is what truly fuels my passion for UI/UX, and I'm thrilled to keep exploring and refining my craft in this ever-evolving field.
Back to all work
eSticker
A streamlined platform for Selangor OKU citizen to register vehicle stickers hassle-free.
June - July 2023
Responsive Website
Internal Dashboards
Figma
Introduction
The Majlis Bandaraya Petaling Jaya (Petaling Jaya City Council) is the city council which administers the city of Petaling Jaya in the state of Selangor, Malaysia. This council was established after the city was officially granted city status on 20 June 2006.
Our project focused on creating a user-friendly online experience for registering vehicle stickers, catering specifically to disabled Selangor citizens.
Additionally, develop an internal staff dashboard for seamless request list management and monitoring.
My role
I'm the designer for this project, collaborating with web developer (Syafiq Nazim) through this project.
Problem
The standard procedure for Selangor OKU citizens to apply for a vehicle sticker is to go MBPJ office to fill in a form and come back a few days once the request has been approved.
MBPJ realizes that is a very tedious and troublesome process, especially for disabled citizens. They need an online platform where users can fill in the form and view application status anywhere, anytime via their browser.
For the first phase, they planned that users still need to self-pick up the sticker once the application is approved and return the old sticker (if they have an existing sticker). Further improvement that can be done is to fully implement a contactless process, which doesn't require for user physically pick up the sticker.
Goal
The goal is to create an efficient and user-friendly online platform that allows Selangor OKU citizens to apply for a vehicle sticker, eliminating the need to visit the MBPJ office and enabling them to track their application status conveniently through their web browsers.
Furthermore, we aim to develop an internal dashboard to empower stakeholders in managing user applications and generating reports efficiently.
Process
Started the design process by understanding given brief then proceed with creating a simple user flow and wireframe:
Design system
For this project, I'm using Preline design system on figma to speed up my design process.
Challenges
Designing for disabled users involves many crucial decisions, like ensuring excellent color contrast and incorporating voice search/control features. To go extra mile, I proposed to my developer partner the addition of screen readers and alternative text for images.
Initial design
In the initial stages of the project, we created draft designs to showcase our ideas to stakeholders and gather their valuable input. These designs served as a starting point, reflecting our vision and understanding of the project requirements.
We presented these drafts to key stakeholders, including clients, team members, and end-users, to get a comprehensive range of perspectives. Their feedback was essential in shaping the direction of the design and ensuring it aligns perfectly with the project goals and user needs.
Final design
Based on the valuable feedback collected, we took the necessary steps to refine and perfect the design. We carefully considered all the input from users and stakeholders to identify areas for improvement. With their insights in mind, we made thoughtful adjustments to address any issues and enhance the overall user experience.
By incorporating these changes, we were able to finalize the design, ensuring that it aligns perfectly with the needs and preferences of our users. The iterative process of gathering feedback and making improvements played a crucial role in achieving a well-crafted, user-centric product. We're excited to unveil the enhanced design, confident that it will deliver an exceptional experience to our users.
Internal dashboard:
Users flow:
Final thoughts
I am genuinely content with my design for this project. The journey of this UX project has been incredibly enriching, as it has allowed me to enhance my skills as a UI/UX Designer significantly. Although I recognize that my design may not be the ultimate solution, I embrace the learning process that comes with it.
Designing for users with disabilities posed a fresh challenge for me, but I am proud to have taken it on and grown through the experience. The beauty of design lies in its perpetual evolution, constantly adapting to solve new and unseen problems. This continuous improvement and problem-solving aspect of design is what truly fuels my passion for UI/UX, and I'm thrilled to keep exploring and refining my craft in this ever-evolving field.