• AFNAN ALAM KHAN

Person 1
Person 2
Person 3

20+ Happy Clients

Person 1
Person 2
Person 3

20+ Happy Clients

Hi, I'm Afnan!

Hi, I'm Afnan!

UX/UI Expertise

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

UX/UI Expertise

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
Orange Pyramid
Orange Pyramid
Orange Pyramid
Purple Sphere
Purple Sphere
Purple Sphere
Blue Cylinder
Blue Cylinder
Blue Cylinder
Turquoise Star
Turquoise Star
Turquoise Star
Lime Green Object
Lime Green Object
Lime Green Object
Yellow Cube
Yellow Cube
Yellow Cube
Purple Cube
Purple Cube
Purple Cube
Blue Pyramid
Blue Pyramid
Blue Pyramid

About Me

I'm a UX designer deeply focused on creating intuitive, human-centered digital experiences. My design process blends empathy, structure, and a love for clean, functional interfaces.

I'm a UX designer deeply focused on creating intuitive, human-centered digital experiences. My design process blends empathy, structure, and a love for clean, functional interfaces.

I'm a UX designer deeply focused on creating intuitive, human-centered digital experiences. My design process blends empathy, structure, and a love for clean, functional interfaces.

Before UX, I built a strong foundation in graphic design, which sharpened my eye for layout, color, and visual storytelling skills that now fuel my interface and interaction work.

Before UX, I built a strong foundation in graphic design, which sharpened my eye for layout, color, and visual storytelling skills that now fuel my interface and interaction work.

Before UX, I built a strong foundation in graphic design, which sharpened my eye for layout, color, and visual storytelling skills that now fuel my interface and interaction work.

Currently, I’m working as a UI/UX Designer at Metasense, where I contribute to impactful projects under The Big Design Project wing.

Always hungry to learn, ship, and improve—I'm excited about what the future holds and how design can make things just... work better.

Currently, I’m working as a UI/UX Designer at Metasense, where I contribute to impactful projects under The Big Design Project wing.

Always hungry to learn, ship, and improve—I'm excited about what the future holds and how design can make things just... work better.

Currently, I’m working as a UI/UX Designer at Metasense, where I contribute to impactful projects under The Big Design Project wing.

Always hungry to learn, ship, and improve—I'm excited about what the future holds and how design can make things just... work better.

Kind words from Clients

Testimonials

My Stack

Turquoise Cube
Turquoise Cube

Framer revolutionizes my web design workflow. It goes beyond a simple website builder, offering a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Framer revolutionizes my web design workflow. It goes beyond a simple website builder, offering a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Tap to flip

Framer revolutionizes my web design workflow. It goes beyond a simple website builder, offering a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Tap to flip

Figma is my collaborative design platform of choice. I utilize it to work seamlessly with team members and clients, facilitating real-time feedback and design iterations. Its cloud-based approach streamlines the design process.

Figma

Figma is my collaborative design platform of choice. I utilize it to work seamlessly with team members and clients, facilitating real-time feedback and design iterations. Its cloud-based approach streamlines the design process.

Figma

Tap to flip

Figma is my collaborative design platform of choice. I utilize it to work seamlessly with team members and clients, facilitating real-time feedback and design iterations. Its cloud-based approach streamlines the design process.

Figma

Tap to flip

Notion helps me keep my projects organized. I use it for project management, task tracking, and as a central hub for documentation, ensuring that everything from design notes to project timelines is in one place.

Notion

Notion helps me keep my projects organized. I use it for project management, task tracking, and as a central hub for documentation, ensuring that everything from design notes to project timelines is in one place.

Notion

Tap to flip

Notion helps me keep my projects organized. I use it for project management, task tracking, and as a central hub for documentation, ensuring that everything from design notes to project timelines is in one place.

Notion

Tap to flip

Slack is the cornerstone of my collaborative workflow. It fosters a dynamic environment where teams can seamlessly exchange ideas, share files, and provide real-time feedback.

Slack

Slack is the cornerstone of my collaborative workflow. It fosters a dynamic environment where teams can seamlessly exchange ideas, share files, and provide real-time feedback.

Slack

Tap to flip

Slack is the cornerstone of my collaborative workflow. It fosters a dynamic environment where teams can seamlessly exchange ideas, share files, and provide real-time feedback.

Slack

Tap to flip

Adobe Creative Cloud is my comprehensive toolkit for unleashing creative potential. It offers a powerful suite of applications like Photoshop, Illustrator, and After Effects, each designed to excel in specific design tasks.

Creative Cloud

Adobe Creative Cloud is my comprehensive toolkit for unleashing creative potential. It offers a powerful suite of applications like Photoshop, Illustrator, and After Effects, each designed to excel in specific design tasks.

Creative Cloud

Tap to flip

Adobe Creative Cloud is my comprehensive toolkit for unleashing creative potential. It offers a powerful suite of applications like Photoshop, Illustrator, and After Effects, each designed to excel in specific design tasks.

Creative Cloud

Tap to flip

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

Tap to flip

ChatGPT is my content generation and assistance tool. I leverage it for content ideas, copywriting, and problem-solving. It provides invaluable insights and suggestions that enhance the quality of my projects.

Chat GPT

Tap to flip

Services

01

Website Design & Development

01

Website Design & Development

UX Design

I design experiences that make sense — for users and for businesses.
From research and wireframes to user flows and testing, I focus on clarity, logic, and flow. Every screen is crafted to solve real problems and feel effortless to interact with. My goal? Make design invisible — because good UX should just work.

Red Pyramid
Red Pyramid
Red Pyramid

Figma Animations

Motion isn’t decoration — it’s communication.
I create smooth, complex Figma animations that bring interfaces to life. Transitions, micro-interactions, and component animations all work together to guide users naturally and make every click feel intentional.

Blue Cube
Blue Cube
Blue Cube

02

Landing Page Design

02

Landing Page Design

App Design

Designing mobile experiences that feel modern, clean, and human.
I focus on clarity, hierarchy, and accessibility — turning complex ideas into simple, scroll-worthy screens. Every layout is built mobile-first, keeping usability at the core and visuals on point.

Green Cylinder
Green Cylinder
Green Cylinder

03

E-commerce Design

03

E-commerce Design

Web Design

I design responsive, high-converting websites with clean structure and character.
Whether it’s a product site, personal portfolio, or landing page, I combine usability principles with strong visual direction — so your site not only looks great but performs even better.

Orange Sphere
Orange Sphere
Orange Sphere

04

Website Prototyping

04

Website Prototyping

Prototyping

Ideas are only as strong as they feel.
I build interactive prototypes that behave like the real product — testing flows, animations, and logic before development. Using Figma and Framer, I turn static designs into living, clickable experiences that sell the vision.

Purple Circle
Purple Circle
Purple Circle

05

Responsive Design

05

Responsive Design

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