NDA
A governmental digital platform designed to facilitate the legal employment of temporary and seasonal workers across Saudi Arabia. The project aimed to simplify complex hiring processes, merge couple platform in one, and provide a more transparent workforce solution for businesses nationwide.
my role
Design System Lead, UI Lead
Type
Saudi Arabian digital platform
Challenge
The challenge was to design a government platform that is easy to use, accessible to everyone, and consistent across different services - while also making sure it can grow and stay organized through a shared design system.
Additionally, the design system was built to support right-to-left (RTL) languages, ensuring full accessibility and usability for Arabic-speaking users.
Solution
Halfway through the project, the client decided to split the platform into two separate experiences instead of one. Thanks to the modular approach we implemented early in the design process, this transition was smooth and fully feasible.
We paid close attention to the user experience across both desktop and mobile. In some cases, mobile components were designed completely differently to better suit the needs and behavior of mobile users.
My role
In this project, I led two key areas: User Interface Design and the creation of a scalable Design System.
My responsibilities included:
establishing the Design System from the scratch, ensuring it was scalable, accessible, and aligned with the platform’s long-term goals
working closely with developers through continuous refinement cycles to guarantee that implemented components met design standards and functional requirements
ensuring all UI designs were fully aligned with the Design System and WCAG accessibility guidelines
maintaining visual and functional consistency across all designed elements throughout the platform
collaborating with UX designers to validate that the UI accurately reflected business goals and user needs
overseeing the work of other UI designers, providing guidance, feedback, and support to maintain a cohesive design direction.
My product design journey
1
Benchmarking & wireframes
In the initial phase, I was responsible for creating wireframes for the Marketplace - a module allowing users to find temporary jobs and manage their profiles. I began by analyzing top job marketplace platforms to identify UX best practices related to job searching, profile creation, and CV submissions.
2
Patterns & templates
As wireframes progressed, we started identifying and documenting recurring UI patterns and templates. This process helped us build a consistent design language and prepared us for an efficient transition into component-based design.
3
Prototypes
Interactive prototypes were created to validate user flows and test the usability of key journeys across the platform. Special attention was given to supporting both LTR and RTL layouts to ensure a seamless experience for Arabic-speaking users.
4
Design System
We developed a new, scalable design system tailored to multi-service ecosystem. It was designed to support modular development, ensure UI consistency, and accelerate future product iterations.
5
UI Design
Based on the wireframes and using the newly established design system, I delivered high-fidelity UI designs. The final visuals emphasized clarity, usability, and alignment with the platform’s government-backed identity.