Open to design, engineering & AI roles
Design × Code
Hello, I'm
Product Designer & Front-End Engineer · Aspiring AI/ML Engineer
I work where design meets code: building scalable design systems and turning them into production-ready interfaces myself, so nothing gets lost between the design file and the codebase.
Case studies from the job.
Web (desktop)
A multi-screen analytics dashboard tracking poultry, table-egg, and livestock sector KPIs, built with Chart.js, a Saudi regional choropleth, and full BRD requirement traceability.
webapp
Navigation and place-discovery app for the Saudi market. I documented the design system and produced the app-store marketing assets.
Figma, Tokens Studio, web front-end
Codified rules for how components are constructed (variants, states, auto layout) and a Tokens Studio pipeline that keeps Figma and code in sync.
Web (desktop), geospatial portal
An interactive map for analysing how energy flows across Saudi Arabia: oil, gas, and power, with their facilities and networks, in one national view.
Web (desktop), geospatial portal
A geospatial portal for the Hail Development Authority that brings the region’s spatial data into one place to support planning and development.
Web (desktop), geospatial portal
A geospatial portal for the Ministry of Tourism that puts sector indicators on the map: accommodation facilities, population density, and other decision-support layers.
Tools and technologies I work with regularly.
End-to-end UI/UX from research and flows to high-fidelity screens, designed around real content and real constraints rather than ideal cases.
Component libraries with documented variants, states, and auto layout rules, plus token pipelines that keep Figma and code in sync.
Turning designs into production interfaces: semantic HTML, CSS, JavaScript, Chart.js, and accessible, responsive components.
Open to work that mixes design and code, and to anything I can learn from.
Based in Riyadh, Saudi Arabia · Available for remote & on-site work