Product & UX
User flows, information architecture, prototypes and dashboard UX grounded in business logic.
Think clearlyProduct-focused Frontend Developer × UI/UX Designer
Complexproducts,clearly engineered.
I turn complex product requirements into intuitive Figma flows and scalable, production-ready React and Next.js interfaces.
3+Years bridging design and development
60+Reusable components across product systems
40%Less manual reporting through integrated workflows
React · Next.js · TypeScript · Figma
01 / Selected work
Products built from the inside out.
Four projects selected to show product thinking, interface craft and production engineering—not just final screens.
01ERP · Product Design · FrontendOpen case study
Nizam Accounting
A unified accounting system that turns inventory, invoices, suppliers and financial reporting into one coherent product experience.
ImpactOwned the journey from requirements and Figma to React, QA and release.
Explore full case study
Real product screen02Analytics · APIs · Report BuilderOpen case study
Khwarizmi Metrics
A data-rich marketing workspace for connecting sources, exploring performance and composing reports without manual busywork.
ImpactConnected source integrations, report composition and data states into one maintainable product flow.
Explore full case study
Real product screen03Creative Development · EventsOpen case study
Snap Action
An energetic event experience where narrative, movement and interface respond as one connected visual system.
ImpactBuilt a bilingual motion system that keeps narrative and interaction coherent across the experience.
Explore full case study
Real product screen04Arabic LMS · AI · DashboardOpen case study
JeelTech
An Arabic-first learning platform combining courses, a digital library, reports and an AI assistant in a modular dashboard.
ImpactShaped reusable learning patterns across courses, lessons, reports, library and AI-assisted guidance.
Explore full case study
Real product screen02 / The bridge
From tangled requirements to a system people can use.
My value lives in the handoff that never needs to happen: product thinking, UX decisions and frontend architecture stay connected.
01Product logic
Goals, rules and constraints become a shared map.
02UX flow
Complex tasks become focused decisions and clear states.
03Interface system
Patterns, hierarchy and components create consistency.
04Production code
Scalable React architecture carries the intent to release.
One continuous workflow
Decisions stay connected from the first requirement to the released interface.
Interface systems
Responsive UI, RTL, accessibility, themes and reusable patterns that keep products coherent.
Design consistentlyFrontend engineering
React, Next.js, TypeScript, API integrations, state management and motion with purpose.
Ship confidently03 / Experience
Working across the whole product surface.
From remote product teams to the classroom: every role strengthened the connection between clear thinking and reliable execution.
Multi Marketer
Frontend Developer & UI/UX Designer
Owning product delivery across analytics and accounting products from requirements to release.
vbooking
Frontend Developer
Travel booking flows, package logic, API-driven screens and operational dashboards.
Sharakat
UI/UX Designer
Product flows and design systems with 60+ reusable components across multiple product lines.
AAST
Teaching Assistant
Guided 30+ students from product thinking and Figma through successful React deployment.
04 / More work
Different industries. One obsession with clarity.
A wider selection of travel, hospitality, editorial and operational interfaces.
05 / About Mohamed
Designer enough to ask why.
Developer enough to ship how.
I'm most useful when a product is still a little messy—when the business rules are real, the interface needs structure and the implementation has to hold up after launch.
Based in Alexandria and working remotely, I collaborate with product teams, agencies and founders who care about both the experience people see and the architecture beneath it.
06 / Working together
A few useful answers before we start.
What kind of work is the best fit?+
Complex web products, SaaS dashboards, design systems and frontend builds where UX and engineering need to stay aligned.
Can you work from an existing Figma file?+
Yes. I can audit the flow and component logic, tighten edge cases, then translate it into maintainable React or Next.js code.
Do you handle both Arabic and English products?+
Yes. I design and build bilingual experiences with RTL behavior treated as part of the system, not as a late patch.
Remote collaboration?+
Absolutely. I'm based in Egypt and already work with remote teams across the MENA region and beyond.
Have a complex product in mind?