Your Trusted Design Partner

Your Trusted Design Partner

Hi! I'm Ali Mustafa, with 3.5 years of experience crafting mobile and web experiences where engineering discipline meets empathetic UX, ensuring designs that are both beautiful and buildable.

  • Adobe Xd
  • Adobe Xd
  • Adobe Xd

Customized Gym Management System

With a focus on accessibility and user-friendly design, I crafted a custom solution to help university gym owners manage memberships, bookings, and payments with ease. The platform streamlined key processes through optimized user flows and a consistent design system.

Premium UX Template for Framer

Customized Gym Management System

With a focus on accessibility and user-friendly design, I crafted a custom solution to help university gym owners manage memberships, bookings, and payments with ease. The platform streamlined key processes through optimized user flows and a consistent design system.

Customized Gym Management System

With a focus on accessibility and user-friendly design, I crafted a custom solution to help university gym owners manage memberships, bookings, and payments with ease. The platform streamlined key processes through optimized user flows and a consistent design system.

Premium UX Template for Framer

Workspace Venue Platform

Supported research and persona development for a venue management app. Conducted interviews, user surveys, and developed empathy maps to align design goals with user needs, improving early-stage UX decisions.

Premium UX Template for Framer

E-commerce Website Redesign

Redesigned an existing e-commerce website to improve the user experience and increase sales, including a streamlined checkout process and improved navigation.

Workspace Venue Platform

Supported research and persona development for a venue management app. Conducted interviews, user surveys, and developed empathy maps to align design goals with user needs, improving early-stage UX decisions.

Premium UX Template for Framer

Budget Planner Finance App

Used a user-centered design approach to create a gamified finance app for easier budget tracking. Focused on intuitive navigation and visual clarity to enhance daily use and retention.

Premium UX Template for Framer

Streamlining E-commerce Navigation

The client, a well-established e-commerce platform, sought to improve their website's navigation to enhance user experience and increase conversion rates.

Budget Planner Finance App

Used a user-centered design approach to create a gamified finance app for easier budget tracking. Focused on intuitive navigation and visual clarity to enhance daily use and retention.

Premium UX Template for Framer

Ecommerce Web Redesign for Local Boutique

Redesigned the user experience for a local boutique’s website, improving checkout flow, product filters, and mobile responsiveness. The redesign helped reduce bounce rate and increased conversions.

Premium UX Template for Framer

Enhancing Mobile Banking App Usability

A leading bank wanted to revamp their mobile app to provide a more user-friendly and secure experience

Ecommerce Web Redesign for Local Boutique

Redesigned the user experience for a local boutique’s website, improving checkout flow, product filters, and mobile responsiveness. The redesign helped reduce bounce rate and increased conversions.

Premium UX Template for Framer

Process

Welcome to your roadmap to remarkable design. This isn’t just a process; it’s a proven catalyst for turning ideas into irresistible experiences. From the first spark of user research to pixel-perfect execution, we blend strategic thinking with creative fire to craft solutions that don’t just meet needs, they create delight. Every wireframe, prototype, and iteration is optimized to transform users into advocates, friction into flow, and business goals into tangible results. This is designed with purpose, precision, and a dash of magic.

  • 01

    Discover

    Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

  • Define

    Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

    02

  • Develop

    Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

    03

  • Deliver

    Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

    04

01

Discover

Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

Develop

Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

03

Define

Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

02

Deliver

Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

04

Process

Welcome to your roadmap to remarkable design. This isn’t just a process; it’s a proven catalyst for turning ideas into irresistible experiences. From the first spark of user research to pixel-perfect execution, we blend strategic thinking with creative fire to craft solutions that don’t just meet needs, they create delight. Every wireframe, prototype, and iteration is optimized to transform users into advocates, friction into flow, and business goals into tangible results. This is designed with purpose, precision, and a dash of magic.

Process

Welcome to your roadmap to remarkable design. This isn’t just a process; it’s a proven catalyst for turning ideas into irresistible experiences. From the first spark of user research to pixel-perfect execution, we blend strategic thinking with creative fire to craft solutions that don’t just meet needs, they create delight. Every wireframe, prototype, and iteration is optimized to transform users into advocates, friction into flow, and business goals into tangible results. This is designed with purpose, precision, and a dash of magic.

  • 01

    Discover

    Brainstorming sessions in order to take their needs and company goals into account. Define the scope and objectives of the project and lays a fundamental foundation for everything that comes after.

  • Define

    Gather additional information about the ideal client, market opportunities and design sprint. Getting direct feedback from users themselves through user surveys and field activities.

    02

  • Develop

    Define the user experience, test and evaluate design concepts, and analyze how your designs will inform behavior and effect the experience of the user.

    03

  • Deliver

    Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

    04

Research

Research

Interview

Interview

Interview

Usability testing

Usability testing

Usability testing

Personas Creation

Personas Creation

Personas Creation

Competitive Analysis

Competitive Analysis

Competitive Analysis

Heuristic Evaluation

Heuristic Evaluation

Heuristic Evaluation

Contextual Inquiry

Contextual Inquiry

Contextual Inquiry

Cognitive Walkthrough

Cognitive Walkthrough

Cognitive Walkthrough

A/B Testing Strategies

A/B Testing Strategies

A/B Testing Strategies

Eye-Tracking Analysis

Eye-Tracking Analysis

Eye-Tracking Analysis

Ethnographic Studies

Ethnographic Studies

Ethnographic Studies

+ More

+ More

+ More

Design

Design

UX Design

UX Design

UX Design

UI Design

UI Design

UI Design

Product Design

Product Design

Product Design

Design Systems

Design Systems

Design Systems

App Design

App Design

App Design

Web Design

Web Design

Web Design

Wire-framing

Wire-framing

Wire-framing

Design thinking

Design thinking

Design thinking

Prototyping

Prototyping

Prototyping

Micro-interactions

Micro-interactions

Micro-interactions

Advanced Prototyping

Advanced Prototyping

Advanced Prototyping

+ More

+ More

+ More

Tools

Tools

Figma

Figma

Figma

Adobe XD

Adobe XD

Adobe XD

Protopie

Protopie

Protopie

Framer

Framer

Framer

Webflow

Webflow

Webflow

WordPress

WordPress

WordPress

Sketch

Sketch

Sketch

Photoshop

Photoshop

Photoshop

+ More

+ More

+ More

Experience

Experience

UI/UX Designer

UI/UX Designer

UI/UX Designer

Let’s Work

Let’s Work

Let’s Work

Nov 2024 - Apr 2025

Nov 2024 - Apr 2025

Lead UX/UI Designer

Lead UX/UI Designer

Lead UX/UI Designer

Mdot Agency

Mdot Agency

Jun 2025 - Sep 2024

Jun 2025 - Sep 2024

Frequently asked questions

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

What is your design process?

What tools and software do you use for UX design?

How do you measure the success of your UX designs?

3 Free Months on Pro Annual Plan

Get 3 free months of Framer Pro Yearly Subscription when upgrading your plan with the code partner25proyearly

Sign Up Now

Create a free website with Framer, the website builder loved by startups, designers and agencies.