Clear digital experiences,thoughtfully designed.

I turn complex requirements into clear user journeys, responsive interface systems in Figma, and accessible experiences that hold up in the browser.

UI/UX Designer & UI Developer

Portrait of Nada Mustafa, UI/UX Designer & UI Developer
Journey to interfaceFlows, hierarchy, and product states before visual polish.
Bilingual by designArabic and English experiences with intentional RTL and LTR behavior.
Figma to browserDesign systems, implementation collaboration, and browser-level design QA.

I design the system behind the screen, not just the screen itself.

My work starts before the canvas. I map people, tasks, roles, constraints, content relationships, and edge cases to understand how a product should behave before deciding how it should look.

I translate that structure into responsive Figma systems with reusable components, accessible states, bilingual LTR and RTL behavior, and implementation details considered from the beginning.

Three projects, three different design problems.

A design system, a role-based application, and a bilingual website. Each project is shown through real product evidence and the part I owned.

Technway Website Experience

A bilingual service website structured to explain the business clearly, present proof, and guide visitors toward the right conversation.

My role
UI/UX Designer
Result
One bilingual website system connecting services, work, content, team, and contact.
Visit technway.biz (opens in a new tab)
Current Technway English homepage in its light black-and-white presentation with orange accents

Technway Component Library

A reusable interface system connecting component decisions in Figma with behavior engineering can inspect in Storybook.

My role
UI/UX Designer
Result
34 documented components with a shared Storybook reference.
Open Storybook (opens in a new tab)
Button system tnw-buttonstable
StandardClick Me
OutlinedOutlined Button
Light variantClick Me
DisabledDisabled Button
Start iconAdd to Cart
End iconRead More
xssmmdlgxl

CABA Clinic Appointment System

A responsive clinic product connecting booking, availability, appointment decisions, and daily oversight without flattening the needs of each role.

My role
UI/UX Designer + UI Development Support
Result
One responsive bilingual product across three distinct user roles.
View project on Technway (opens in a new tab)
CABA clinic dashboard showing appointment statistics, activity, and role-based navigation

From product structure to refined, implementation-ready UI.

I connect the UX, visual, system, and implementation decisions that make an interface understandable, coherent, and realistic to build.

FigmaUser flowsResponsive designDesign systemsAccessibilityDesign QAHTML/CSSTailwind CSSJavaScript

Product structure & user journeys

User flows, information architecture, content hierarchy, page states, interaction requirements, and early wireframes.

Figma design & prototyping

Responsive interfaces, prototypes, component variants, realistic content, and interaction details across screen sizes.

Design systems & component libraries

Reusable patterns, scalable foundations, clear variants, accessible states, and documentation that supports team consistency.

UI implementation & design QA

Responsive interface implementation, reusable front-end patterns, browser review, accessibility checks, technical fixes, and careful design handoff.

From context to interface, without losing the system in between.

I move from people, roles, and constraints into product structure, reusable interface systems, and browser validation.

01

Understand

Clarify people, roles, tasks, constraints, content, and the edge cases that shape the experience.

02

Structure

Map journeys, organize information, define product states, and make behavior clear before styling.

03

Design

Build responsive interface systems, reusable components, prototypes, and interaction details in Figma.

04

Validate

Review browser behavior, accessibility, responsive states, bilingual layouts, and implementation consistency.

Good interface design should feel clear before it feels impressive.

Make the important obvious

Hierarchy should help people understand what matters, what changed, and what to do next.

Design for real states

Loading, empty, error, success, and edge cases belong in the design process.

Build for reuse

Good systems help teams move faster without sacrificing consistency or intent.

Stay close to implementation

The final browser experience matters more than the perfection of an isolated mockup.

A career connecting interface design, product thinking, and front-end craft.

Since 2017, my work has moved between product structure, responsive UI, reusable systems, bilingual interfaces, browser implementation, and long-term front-end delivery.

2023 - Present

UI/UX Designer & UI Developer

Technway

Product structure, responsive interface design, Figma systems, bilingual behavior, accessibility, UI implementation support, and design QA across client and internal products.

  • Product flows
  • Figma systems
  • RTL/LTR
2019 - Present

Frontend Developer

Raffiniert Media AG

Long-term front-end delivery for responsive, maintainable digital platforms, working across component implementation, browser behavior, accessibility, technical fixes, and production quality.

  • Implement and maintain responsive interfaces across long-running digital platforms.
  • Resolve browser, layout, accessibility, and production UI issues through focused technical fixes.
  • Responsive UI
  • Component work
  • Accessibility
2017 - 2018

Freelance Web Developer

Independent

Early client work covering website design, responsive interface implementation, content structure, and practical delivery from initial requirements to a working browser experience.

  • Web design
  • Front-end delivery
  • Responsive builds

The technical and research foundation behind how I design.

Technology, systems thinking, management, and research shape how I approach product decisions beyond the interface.

Information Technology

Bachelor's degree · 2017

Cairo University

Foundation

Software development, systems analysis, databases, networking, and web technologies.

The Impact of Scrum-XP Hybrid Methodology on Quality in Web Development with Distributed Teamwork

First author conference paper · 2023

Published in

2023 3rd International Conference on Emerging Smart Technologies and Applications (eSmarTA)

Research focus

Hybrid agile practice, distributed teamwork, and quality in web application development.

Enhancing Frontend Efficiency: Reusability and Testability in Component-Driven Development

Co-author conference paper · 2024

Published in

2024 4th International Conference on Emerging Smart Technologies and Applications (eSmarTA)

Research focus

Reusable component practice, testability, and efficient component-driven front-end workflows.

Have a product that needs clarity, structure, or refinement?

I work best where user journeys, interface systems, bilingual behavior, and implementation need to come together clearly.