Skip to main content
ONLINE_V2.0

AliaaAbdelrouf Mohamed

Product & UI/UX Designer

Portrait of Aliaa Abdelrouf Mohamed

Product & UI/UX Designer with 3 years delivering 35+ projects across Saudi, Gulf, US, and Egyptian markets. Native RTL/bilingual (Arabic + English) design fluency. Expert in Interaction Design, Visual Design, advanced Figma Variables, semantic token architectures, and WCAG 2.1 AA accessibility. Proven at high-volume, high-complexity execution — 1,400+ screens across SaaS dashboards, mobile apps, responsive web, and gaming UI. Design Thinking approach and system-level logic transfer directly to complex UI environments including Automotive HMI.

aliaa12abdelrouf@gmail.comLinkedInBeBehance

Experience

Professional trajectory

UI/UX Designer

AvnologySaudi Arabia — Remote
Jan 2025 — Aug 2025

Architected a 120+ component library, produced 1,400+ screens across 10 projects, led end-to-end design processes, designed 30+ interaction patterns, and owned requirements analysis, Information Architecture, and Figma Dev Mode handoff.

Architected a 120+ component library with semantic Figma Variable layers and multi-mode tokens, enabling 3 concurrent product teams to ship consistent UI without per-screen reviews.
Produced 1,400+ screens across 10 projects — SaaS dashboards, 2 mobile apps, responsive websites — applying RTL-first layout logic, bidirectional typography, and Arabic-market UX conventions.
Led end-to-end process: user research, personas, low-fidelity wireframes, high-fidelity (hi-fi) UI, and structured user story mapping to align client goals with final solutions.
Designed 30+ interaction patterns — loading states, form validation, navigation transitions — mapped to specific user action triggers; earned client sign-off in product demos.
Owned requirements analysis, Information Architecture (IA) and Figma Dev Mode handoff, leveraging HTML/CSS/JS knowledge to streamline communication with the development team.

Product Designer

WebJetXUSA — Remote
Jul 2024 — Feb 2025

Designed responsive SaaS dashboard screens, restructured Information Architecture, collaborated in two-week sprint cycles, and introduced shared Figma component vocabulary and annotation conventions.

Designed 30+ responsive SaaS dashboard screens applying WCAG 2.1 AA contrast standards; restructured Information Architecture (IA) to reduce navigation depth by 2 steps per primary task flow.
Delivered against two-week sprint cycles with zero missed handoff deadlines over 8 months, embedded in a cross-functional US-timezone team of product managers, engineers, and QA.
Introduced shared Figma component vocabulary and annotation conventions, reducing design-to-developer ambiguity and shortening QA revision rounds on the first system iteration.

UI/UX Instructor

Google DSC & Microsoft Student Chapter
Aug 2024 — Present

Mentored 50+ students using a structured Design Thinking curriculum. All participants launched portfolio projects within 8 weeks; 20+ written commendations received.

Mentored 50+ students using a structured Design Thinking curriculum.
All participants launched portfolio projects within 8 weeks; 20+ written commendations received.

Product Designer

MYM CompanyEgypt — On-site
Aug 2023 — Nov 2023

Contributed to a large-scale product by co-owning Information Architecture, Interaction Design patterns, component alignment, and cross-flow visual consistency. Facilitated ideation sessions using Design Thinking methods during a high-ambiguity scoping phase.

Contributed to a large-scale product (2 primary flows, 2 sub-flows) — co-owning Information Architecture (IA), Interaction Design patterns, component alignment, and cross-flow visual consistency.
Facilitated ideation sessions using Design Thinking methods (sketching sprints, affinity mapping) that unblocked the team during a high-ambiguity scoping phase.

UI/UX Designer

Coding SamuraiRemote
Oct 2023 — Nov 2023

Sole designer across the full product cycle, delivering complete design handoff 27% ahead of schedule through parallel low-fidelity wireframing and high-fidelity Visual Design production.

Sole designer across the full product cycle — user story mapping, low-fidelity wireframes, high-fidelity (hi-fi) UI and interactive Figma prototype. Applied A/B testing principles to evaluate two navigation structures; simplified from 5 steps to 3, achieving stakeholder sign-off in the first review.
Delivered complete design handoff 27% ahead of schedule by running low-fidelity wireframing and high-fidelity Visual Design production as parallel workstreams.

Projects

Selected works & experiments

S

Savor — Accessibility & Interaction Design Case Study

Audio-first food delivery app for blind/VI users. Design Thinking process: WCAG 2.1 AA audit, personas, user stories, low-fidelity sitemap, high-fidelity (hi-fi) UI.

Design ThinkingWCAG 2.1 AAPersonasUser Stories
B

Batman vs Joker — Advanced Prototyping & Visual Design

Fully interactive Figma game using Variables, Smart Animate, and timed state logic. Demonstrates Interaction Design and Visual Design depth.

FigmaVariablesSmart AnimateTimed state logic
S

Spider Chart Variables Challenge — Design Systems

Multi-mode token architecture and dynamic component theming demonstrating scalable, handoff-ready system design.

Multi-mode token architectureDynamic component themingDesign Systems
G

Group Solutions Dashboard (NDA)

Enterprise SaaS dashboard, US market. Details available on request.

Enterprise SaaSDashboard Design

Stack

Tools & Technologies

Design ThinkingUser InterviewsUsability TestingA/B TestingHeuristic EvaluationPersonasUser StoriesUser Journey MappingInformation Architecture (IA)Interaction DesignVisual DesignResponsive Web & MobileRTL/EN Bilingual LayoutUI AnimationLow-fidelity & High-fidelity (hi-fi) PrototypingGaming UI3D UIAutomotive HMIFigma Variables (multi-mode)Semantic Token ArchitectureComponent LibrariesStyle GuidesDev Mode Handoff (HTML/CSS/JS Literacy)WCAG 2.1 AAInclusive DesignContrast AuditingTouch Target StandardsScreen Reader Flow MappingFigmaFigJamPhotoshopIllustratorPremiereMiroNotionJiraTrelloBlenderFramerFigma makeMidjourneyGoogle AI StudioGeminiStitchChatGPT for UX writing & research synthesisStakeholder ManagementCross-functional CommunicationPresentation SkillsProblem-SolvingArabic: NativeEnglish: Intermediate (B1/B2)Spanish: Beginner (Conversational)

Education

Academic background

2025

Al-Azhar University — Faculty of Human Studies

Bachelor's Degree in Sociology

Design Tokens & Variables

Osama El-Draeny

Certified UI/UX Instructor

Google DSC

AICE Program

ALX

Microsoft UI/UX Training Workshops

Microsoft

UX Design Fundamentals

Mahara Tech

AI Tools for Software Engineers

Manara

Enterprise Design Thinking Practitioner

IBM

More Portfolios

Built withclickfolio.me