01
Software & Marketing
Website & Mobile App
A modern web and mobile experience designed for a software and marketing company, focusing on clear navigation, engaging visuals, and a seamless user experience across platforms.
Huda Hany · UX/UI & Product Designer
Designing Digital Experiences That Make Sense.
I combine engineering-driven thinking with a human-centered approach to solve complex problems and create intuitive, purposeful digital experiences.
FigmaDesign & prototyping
FramerPublish stunning sites
WebflowVisual development
Huda
Scroll
FigmaDesign tool for creating and collaborating
FramerWhere teams design and publish sites
WebflowHTML, CSS & JS in a visual canvas
NotionWiki, docs and project management
MiroWhiteboarding & user flows
Adobe XDUI design & prototyping
SketchInterface design
CanvaQuick visual assets
HTMLStructure for the web
CSSStyling & responsive layout
Case Studies
Selected work
Websites, mobile apps and web-based systems — each designed from research to final UI, with clear navigation and a seamless experience across platforms.
01
02Live
Mawasim
Travel Platform · Web & Mobile
A web and mobile travel booking experience designed to help users discover destinations, explore hotels and travel packages, and plan their trips with ease.
03
HR & ESS System
Landing Page • Dashboard • Mobile
A comprehensive HR SaaS platform featuring a landing page, dashboard, and mobile app, designed to simplify employee management and everyday HR tasks.
04
Accounting System
Web & Dashboard
A business accounting system designed to simplify financial management, organize daily operations, and provide clear insights through an intuitive dashboard.
0104
CraftFrom wireframe
From wireframe
to experience
Scroll to watch a screen come together — the same four layers every product goes through before it ships.
- 01 · WIREFRAME
Structure before style
Content hierarchy and flow first — what the user needs, in the order they need it.
- 02 · LAYOUT
Grids & spacing
A 4-column grid and an 8pt spacing scale bring rhythm and alignment to every element.
- 03 · VISUAL DESIGN
Color, type & imagery
The brand comes in through tokens — colors, a type scale and imagery that carry the mood.
- 04 · INTERACTION
Motion & feedback
States, transitions and confirmations that make the product feel responsive and alive.
WireframeGrid & redlinesBrand tokens
9:41
Trip bookedSiwa Oasis · 4 nights
Good morningWhere to next?
Search destinations
HotelsFlightsTours
★ 4.9
Book
Popular staysSee all
Red Sea RetreatHurghada · Beachfront
★ 4.8
Huda HanyProduct Designer
Freelancing
About
UX/UI Designer with an Engineering Mindset with over 2 years of design experience. Expertise extends to user-centered design — creating intuitive, purposeful and easy-to-use digital experiences. Currently working as a UX/UI Designer in freelance digital product design.
0+Years designing
0Featured case studies
0+Core UX/UI skills
Process
How I work
Three steps, from understanding the problem to shipping an experience that feels obvious.
01
Discover
“Understand the needs behind the product”
02
Define
“Bring structure to ideas and requirements”
03
Design
“Turn clear direction into intuitive experiences”
Principles
Details that matter
Small decisions add up to products people trust. Four principles behind every screen — go ahead, try them.
01
Clarity
Fewer, clearer choices. One primary action, everything else one tap away.
Tap the button
02
Feedback
Every action gets a response — loading, success or error — so users never wonder.
Readable for everyoneBody text on a light card
–
03
Accessibility
Contrast that meets WCAG, checked with the real formula — not by eye.
04
Consistency
An 8pt grid keeps spacing predictable, so layouts feel calm and familiar.
Career
Experience
UI/UX Designer
Madar | مدار لتقنية المعلومات
Jan 2026 – Sep 2026
Freelance UI/UX Designer
Freelance
Dec 2024 – Present
Product Design Volunteer
IEEE Computer Society Chapter
Dec 2023 – Feb 2025
UI/UX Design Trainee
CAT Reloaded
Nov 2022 – May 2023
Skills
What I do
I design across mobile apps, web platforms, and complex digital systems, creating experiences that are intuitive, consistent, and purposeful.
UX DesignUI DesignProduct DesignDesign SystemsUX ResearchUser FlowsInformation ArchitectureResponsive DesignInteraction DesignMobile App DesignSaaS DesignUsability TestingPrototypingWireframingDashboard Design
UX Design
- User Research
- User Flows
- Information Architecture
- Usability Testing
UI Design
- Visual Design
- Responsive Design
- Prototyping
- Interaction Design
Product Design
- Mobile Apps
- Web Platforms
- Dashboards
- ERP · SaaS
Design Systems
- Components
- Variables
- UI Guidelines
- Developer Handoff
Design Systems
Built on a system
Tokens, type and components that scale from one screen to a whole product — and hand off cleanly to developers. This very site runs on them.
Color tokens click to copy
Type scale Hanken Grotesk
Display56 / 1.0 · Bold
Heading40 / 1.1 · Bold
Title24 / 1.2 · Bold
Body — readable, 16px16 / 1.5 · Regular
Caption · Label12 / 1.4 · Semibold
Spacing 8pt scale
4
8
12
16
24
32
48
64
Components
NotificationsTrip updates and offers
Profile complete68%
NewActivePending
FAQs
Good questions
Mobile apps, websites, web platforms and complex systems such as dashboards, ERP and SaaS products — from research and user flows through to polished UI, prototypes and a design system ready for developer handoff.
Software & marketing websites, the Mawasim travel booking platform, an HR & ESS system, an accounting system, plus education, travel, tourism and healthcare platforms across web and mobile.
Figma is home base, alongside Framer, Webflow, Spline, Relume and Lovable for building and prototyping, Notion for documentation, and Hotjar for understanding real user behaviour.
LinkedIn
Behance
GitHub