uxfrontendsystems
TeleiosX
Riyadh's sim platform, venue management & booking system.
Role: Product design + Front-end lead
Fully Automated Venue Management system
Next.jsMySQLTailwindTypescript
+38% repeat sessions
portfolio
I design & develop products shaping interfaces, systems, and digital experiences based in Dubai. I translate ideas into refined interaction models, design foundations, and performant builds bridging visual direction, UX, and engineering execution.
ui directiondesign systemsuser experiences
Featured work
Product partnerships with measurable lift.
Multi-disciplinary initiatives covering research, UX, and front-of-house engineering. Every project below pairs tangible problem statements with accountable delivery.
uxsystems
Simulator Session Launcher
App for launching Games through any device
Role: Interaction design + front-end lead
Operators spin up synchronized playlists in under ten seconds.
ViteTypeScript
<10s launch
uxfrontendsystems
Teleios Dome
Dubai's sim platform, venue management & booking system.
Role: Product design + Front-end lead
Fully Automated Venue Management system
Next.jsMySQLTailwindTypescript
+38% repeat sessions
uxfrontend
Customer Management System
Multi-Simulators Launcher and System
Role: Service design + prototype dev
Mapped incentive flows for regulators and operators
LaravelNodeJsPhp
uxfrontendsystems
Customer Self Serving Kiosk System
Locally served self‑booking interface for venue slots
Role: Service design + prototype dev
Reduced front‑desk load by shifting bookings to self‑service
NodeJsLaravelPHP
About
From Dubai to Sudan, balancing clarity with craft.
I grew up between Dubai and Khartoum, splitting time between racing sims and sketching interfaces. That mix of hardware tinkering and interface obsession pushes me toward products that feel inevitable.
My process moves from research → prototypes → shippable systems. I pair product discovery with strong front-end engineering so the same person driving the narrative can also polish the final frame.
Tool stack: Figma for exploration, React/Next + TypeScript + Tailwind for builds, Framer Motion for nuance, and a reliable analytics stack to validate decisions.
Principles
- Clarity. Every screen communicates why it exists and what happens next.
- Speed. Ship learnings quickly with components that handle the edge cases.
- Craft. Typography, rhythm, and micro-interactions are deliberate, not ornamental.
- Measurable impact. Define success upfront—conversion, time saved, or reliability.