Khaled Alnafae

Khaled Alnafae.

UX/UI Designer

Curious about people. Intentional about design. I bring research, interfaces and the details between them together.

Khaled speaking at Umm Al-Qura University
Umm Al-Qura University

Interfaces and prototypes, shaped around the next step.

Explore my work
Makkah, Saudi ArabiaThe work, below

Selected work

Selected work

Tamakkun project cover

Tamakkun

Research, UX & UI · University project

Organizing tasks, deadlines, and student–instructor communication.

My contributionUser research & usability testing

View project
Khaled Scents project cover

Khaled Scents

UX, UI & prototyping · Personal project

A prototype linking scent preferences, product details, and purchase.

My contributionDiscovery & purchase experience

View project
Fly.way project cover

Fly.way

Information architecture & UI · Travel concept

A prototype that groups destination details and stages the booking flow.

My contributionInformation architecture & interface design

View project
VISOS project cover

VISOS

Conversation & UI design · Drive-through concept

A concept for reviewing and correcting an order before confirmation and payment.

My contributionConversation & ordering experience

View project

Design is a team effort.

I combine my HCI studies with work in product teams. Research and prototypes help me explain the problem and discuss a solution before refining the interface.

Leading student teams taught me to listen, explain decisions, and turn different perspectives into work we can test.

Skills, put into practice.

Each project calls for a different approach. Here is how I have applied mine.

Research & testing

I revised the dashboard and deadline cues after observing students use Tamakkun.

Tamakkun
An interface from Tamakkun

Methods, tools & collaboration

Research
  • User interviews
  • Usability testing
  • Heuristic evaluation
  • App audits
  • Competitive analysis
  • Journey mapping
  • Human-centered design
  • Accessibility
Design
  • UI design principles
  • Information architecture
  • Wireframing
  • Interaction design
  • Advanced prototyping
  • Smart Animate
  • Design systems
  • Design handoff
  • Logo design
  • Creative problem-solving
  • Figma
  • Miro
Technical
  • HTML
  • CSS
  • JavaScript
  • Python
  • Software engineering fundamentals
  • Power BI
  • Data visualization
Public relations
  • Strategic communication
  • Partnership development
  • Sponsorship acquisition
  • Team leadership
  • Marketing
  • Social media management
  • Media coordination
  • Program & workshop planning

My journey

2025 — 2026

Working across three product teams, with design ownership for selected product experiences—from user flows and interaction design to interfaces. I also contribute to the shared design system and work with engineers to translate design decisions into implementable interfaces.

Education & certificates

BSc, Human–Computer Interaction

Umm Al-Qura University · Expected June 2027