Designer Who Codes
I bridge the gap between design and development, creating interfaces that are not only beautiful, but realistic, scalable, and ready to build.
UX/UI • Front-End • Product Design
Designer
Who Codes
Building digital products from concept to code.
UX/UI Designer and Front-End Developer based in Saudi Arabia, creating mobile apps, enterprise platforms, and user-focused digital experiences.
Published
Mobile App
Experience
5+ Years
Focus
UX + Code
Delivered
Web Products
Why Work With Me
A designer who understands users, business, and implementation.
Bilingual Product Thinking
I design for both Arabic and English audiences, with awareness of RTL layouts, localization, content structure, and culturally relevant user experiences.
Vision 2030 Builder
I’m interested in building digital products that support Saudi transformation across tourism, culture, enterprise systems, and user-centered public services.
Featured Projects
Selected product work, from strategy and UX to shipped digital experiences.
Featured Product
01 — Featured
SwiftUI • Product Design • Mobile Development
Toura
A Saudi discovery product shaped from idea to App Store release—combining product strategy, UX/UI, bilingual thinking, and hands-on mobile development.
- Designed the product concept, user flows, and interface.
- Built the mobile experience using SwiftUI.
- Created a product narrative aligned with culture, tourism, and Vision 2030.
Bilingual legal experienceAlajalin Law FirmTrust, clarity, and a refined digital presence
02 — Client Project
Live Client Project
UX/UI • Front-End • Corporate Website • Bilingual Experience
Alajalin Law Firm
Designed and developed a premium bilingual corporate website for a Saudi law firm, focusing on trust, clarity, accessibility, SEO, and a refined digital experience that reflects the firm’s professional identity.
- Created a premium Arabic and English experience with carefully designed RTL behavior.
- Built a responsive front-end experience focused on clarity, trust, and accessibility.
- Optimized the website structure, metadata, and content for performance and SEO.
Premium marine experience
GBY
Luxury yachts, product storytelling, and a refined bilingual digital presence
03 — Client Project
Live Client Project
UX/UI • Front-End • Brand Pages • Bilingual Experience
GBY
Designed and developed premium luxury marine brand pages with a bilingual experience, responsive layouts, and a refined visual system tailored for multiple marine brands.
- Built a premium visual direction for luxury marine product pages.
- Developed responsive layouts for desktop and mobile experiences.
- Structured bilingual content for a consistent English and Arabic experience.
04 — Product Concept
Flutter • Product Design • Bilingual Mobile Experience
Moodly
A bilingual mobile discovery platform that recommends places, activities, and experiences based on the user's mood, interests, and location.
In Progress
Flutter
Arabic & English
Location-Based
05 — Enterprise Work
ASP.NET • Bootstrap • Dashboards
Enterprise Applications
Contributed to front-end interfaces, dashboards, and internal tools supporting enterprise operations and executive-facing digital products.
Front-End Development
Dashboards
Internal Systems
Responsive UI
About
I design with the full product in mind.
My path into product design was not a straight line—and that became one of my strongest advantages.
I started with a background in Business Administration, which taught me to look beyond the interface and understand priorities, operations, and the reason a product needs to exist.
Graphic design trained my eye for visual clarity. UX/UI shifted my focus toward people, behaviour, and solving the right problem. Front-end development then gave me a practical understanding of how design decisions behave in real products.
Today, I bring those perspectives together as a product designer who codes—shaping bilingual digital experiences from early thinking and user flows through polished interfaces and implementation-ready delivery.
What I bring
Business awareness, user-centred thinking, and the ability to bridge design with development.
-
01
Business
Understanding goals, constraints, priorities, and how organisations make decisions.
-
02
Graphic Design
Building a strong foundation in visual communication, hierarchy, and brand consistency.
-
03
UX/UI Design
Moving from how products look to how they work, feel, and support real user needs.
-
04
Product Design + Code
Connecting strategy, experience, interface, and technical execution into one coherent product.
Capabilities
From understanding the problem to shaping and building the product.
A focused mix of product design and front-end skills, grounded in research, accessibility, and bilingual execution.
UX Research
Turning user needs, behaviours, and business context into clear product opportunities.
Interaction Design
Designing intuitive flows, responsive interfaces, and prototypes that reduce friction.
Design Systems
Creating reusable foundations that improve consistency, handoff, and product scale.
Accessibility
Building inclusive experiences through contrast, hierarchy, keyboard support, and semantic structure.
Front-End Engineering
Translating design decisions into responsive, maintainable, production-ready interfaces.
Flutter / Mobile
Designing and developing mobile experiences with a practical understanding of implementation.
Product Strategy
Connecting user value, business goals, priorities, and delivery into a coherent direction.
Arabic Localization & RTL
Designing bilingual products that feel natural in both Arabic and English—not simply mirrored.
Insights
Thoughts on UX, product, and building digital experiences.
Article
Why Designers Should Learn Front-End
How code improves design decisions, handoff, and product quality.
ArticleUX Challenges in Arabic Interfaces
RTL layouts, typography, localization, and bilingual product design.
ArticleDesigning for Vision 2030
How UX and product design support Saudi digital transformation.
Case StudyToura — From Idea to Product
A Saudi tourism platform shaped by product thinking and mobile UX.
Case StudyGBY — Premium Bilingual Web
A luxury marine website focused on bilingual UX and visual storytelling.
Case StudyAlajalin Law Firm — Trust-Led Legal UX
A premium bilingual law firm website designed around trust, clarity, accessibility, and SEO.
Contact
Open to selected opportunitiesLooking for a product designer who can bridge design and development?
I’m based in the Eastern Province of Saudi Arabia and open to UX/UI and Product Design opportunities where thoughtful user experience, strong visual craft, and close collaboration with development matter.
Eastern ProvinceSaudi Arabia
UX/UI & Product DesignFull-time and selected collaborations