About
UX Design Lead with 19+ years in digital design. I bridge UX design and front-end development, turning complex design systems into reusable, responsive, and accessible interfaces built with HTML, CSS, SCSS, and JavaScript for government and enterprise platforms in Riyadh.
Professional overview
I started in 2007 as a junior web designer, building pages by hand in HTML, and that habit never left. Through UI design for government and university clients, interface development at the National Housing Company, and UX leadership today, I have always worked on both sides of the handoff: design and implementation.
Today I lead UX for an enterprise government platform of 14 systems, and a separate field app for mobile and web that brings selected services from those systems together, such as security cases and violations. These are Arabic-first, RTL products for complex operational workflows. I lead a multidisciplinary design team, set the standards external vendor teams design to, and own the design system that keeps all of that work consistent.
What I care about is decisions that survive delivery. A design is only finished when it ships the way it was intended, so I put as much effort into tokens, documentation, reviews, and code as into the screens themselves.
Leadership
Two kinds of leadership, kept distinct: a multidisciplinary design team I lead directly, and vendor teams whose design work I direct and review, with design reviews, design QA, and shared component standards for everyone.
I lead the internal design team across the platform's systems and its mobile and web apps: setting design direction, coordinating work, running design reviews and design QA before developer handoff, and holding UX/UI standards and design system use.
I give design direction and feedback to designers at external vendor companies, review their deliverables for design system compliance, and align their work with the internal team's standards.
I work with business analysts, developers, and QA on scope and handoff, and review the implementation with internal and vendor developers before release.
Front-end
I don't stop at Figma files. I write the code that turns the design system into real interfaces, and I review other teams' implementations against the spec. I'm not a full-stack engineer, but the front end is part of my daily work.
Page and component markup built on proper headings, labels, and landmarks, with ARIA only where native elements are not enough.
Grids and layouts that hold from wide data tables on desktop down to mobile screens.
A layered SCSS library (helpers, components, shared styles, and pages) compiled into one stylesheet, with 30+ component partials.
Component interactions such as dialogs, image sliders, steppers, and file uploaders, written in JavaScript.
Bootstrap as the layout and utility base, with the design system's own component classes on top.
236 SCSS variables for color, typography, spacing, radius, and shadows, matching the tokens in Figma.
Arabic-first layouts where icons and separators mirror automatically in RTL, with accessibility notes in every component spec.
Reviewing internal and vendor implementations against the Figma spec, and documenting each component's Figma properties against its code API.
Where this shows up: the design system for an enterprise government platform, whose SCSS library I have written and maintained hands-on since 2023; UI kits and production pages at the National Housing Company (HTML, CSS, JavaScript, Vue.js); and university portals at Majmaah and Jazan.
Core expertise
Setting design direction, running design reviews, and turning complex requirements into clear product decisions.
Token architecture in Figma variables, component APIs with variants and states, and documentation that designers and developers both use.
Versioned releases, contribution and review workflows, breaking-change and exception policies, and release notes.
Dense, data-heavy workflows: case management, complex forms, data tables, heuristic evaluation, and information architecture.
End-to-end product UX for a web platform and its field mobile app, from information architecture to prototypes and release.
Arabic-first interfaces with correct RTL mirroring, bilingual documentation, and WCAG 2.1 principles built into component specs.
Selected impact
Built across Figma components and tokens, a Bootstrap-based HTML/SCSS library, and a 38-page bilingual documentation site with a 4,371-icon library. I am the named owner, with final approval on changes and releases.
Tokens for color, typography, spacing, radius, and component states, with every component documented on one template: anatomy, states, Figma properties against the code API, accessibility, and RTL.
Semantic versioning, a contribution review that needs one designer and one engineer approval, a breaking-change policy with migration guidance, and a partner handover workflow so external teams build on approved components instead of local copies.
I rebuild components in SCSS to match the Figma spec, retire duplicates without breaking screens already in production, and review implementation before release.
Career timeline
Every role since 2007, with official titles and dates. Some periods overlap where freelance or contract work ran alongside another role.
Confidential Government
Career progression: UI/UX Designer (Jan 2023) → UX Design Lead (Jul 2025)
Scope: Joined as a UI/UX Designer on a large-scale enterprise platform and its companion mobile app, building the core components of the design system with business analysts, developers, and QA.
Promoted in July 2025 to UX Design Lead. I now lead the internal design team, give design direction to external vendor teams, and own the design system and its governance across web and mobile products.
National Housing Company (NHC)
Scope: UX/UI design and front-end development in the BS – Technology department. I designed national housing web platforms and built them myself, from wireframes and prototypes to responsive production pages in HTML, CSS, JavaScript, and Vue.js, and created UI kits and reusable front-end components shared with engineering and QA.
Human Rights Commission (HRC) — Freelance
Scope: Led UX and UI work on a five-month redesign of the Human Rights Commission's public platform. Accountable for layout redesign, experience improvement, and prototyping — from early sketches through high-fidelity deliverables.
Majmaah University — Deanship of Information Technology
Scope: Contracted through an external company. Designed and built the front end (HTML, CSS, JavaScript) of university portals and web applications, including the University Web Portal, Electronic Services Portal, Recruitment Portal, and University Housing Portal. Worked directly with deans and IT leadership on new services and improvements.
SURE International Technology
Scope: Interface designer delivering digital solutions for government agencies and educational institutions — including the National Guard, Shaqra University, and the Saudi Food and Drug Authority. Worked within a collaborative design team across front-end implementation using HTML and CSS.
Jazan University
Scope: UX/UI designer and front-end developer for the university e-portal unit. Gathered student and staff requirements, collaborated with analysts, developers, and QA to ensure delivery met specifications, and engaged stakeholders on product enhancements and new feature requests.
Earlier career · several companies
Scope: Web interface design and HTML page building — the foundation for the UI/UX, front-end, and design system work that followed.
Credentials
