SaaS & Web Application UI/UX DesignMohamed Gamal
Overview
Complex web app interfaces don't have to feel overwhelming. I transform complicated SaaS workflows into clean, intuitive, and human-centered dashboards built for daily active retention and low onboarding friction.
What’s Included
User Flow Mapping & Logic: Mapping complex user journeys, state transitions, and edge cases in FigJam.
Core Application Screens: High-fidelity web app views (e.g., Main Dashboard, Analytics, User Settings, Data Tables, Modals).
Figma Design System Tokens: Built with native Figma variables (Color modes, Spacing scales, Component variants).
Interactive Prototype: Clickable prototype showing real application transitions for user testing or investor pitches.
Deliverables
Complete Figma Master File structured with Auto-Layout 5.0.
Design System & UI Library: Components for buttons, inputs, tables, dropdowns, navigation sidebars, and status badges.
Clickable Figma Prototype Link.
The Process
Discovery & Architecture: Analyzing product requirements, user roles, and core workflows.
Wireframing & Logic: Building low-fidelity structural maps to align on logic.
High-Fidelity UI Design: Applying modern visual styling, dark/light modes, and interactive states.
Iteration & Handoff: Fine-tuning components and delivering dev-ready files.
Mohamed's other services
Starting at$25 /hr
Tags
Figma
Product Designer
UI Designer
UX Designer
Service provided by
Mohamed Gamal proAlexandria, Egypt
- 3
- Followers
SaaS & Web Application UI/UX DesignMohamed Gamal
Overview
Complex web app interfaces don't have to feel overwhelming. I transform complicated SaaS workflows into clean, intuitive, and human-centered dashboards built for daily active retention and low onboarding friction.
What’s Included
User Flow Mapping & Logic: Mapping complex user journeys, state transitions, and edge cases in FigJam.
Core Application Screens: High-fidelity web app views (e.g., Main Dashboard, Analytics, User Settings, Data Tables, Modals).
Figma Design System Tokens: Built with native Figma variables (Color modes, Spacing scales, Component variants).
Interactive Prototype: Clickable prototype showing real application transitions for user testing or investor pitches.
Deliverables
Complete Figma Master File structured with Auto-Layout 5.0.
Design System & UI Library: Components for buttons, inputs, tables, dropdowns, navigation sidebars, and status badges.
Clickable Figma Prototype Link.
The Process
Discovery & Architecture: Analyzing product requirements, user roles, and core workflows.
Wireframing & Logic: Building low-fidelity structural maps to align on logic.
High-Fidelity UI Design: Applying modern visual styling, dark/light modes, and interactive states.
Iteration & Handoff: Fine-tuning components and delivering dev-ready files.
Mohamed's other services
$25 /hr