UX/UI Designer

I turn complex user journeys into clear interfaces, and I always keep the developers in mind, so what ships is what I designed.

Explore my workMy CV

Open to UX/UI roles and freelance work

Projects

  1. Nora & 911 PizzaOrdering Experience Audit

    A UX audit of ordering and switching between Khayrat’s restaurant brands. I started with a real pickup order from 911 Pizza, then supported my review with three user sessions on Nora and a comparison of six apps. The work resulted in 12 prioritized recommendations and before-and-after designs illustrating the proposed improvements.

    App Design
    Case Study
    UX Researcher

  2. Balaghat 940Report Category Selection

    A usability study of the category selection screen in "Balaghat 940," a Saudi municipal reporting app. Five sessions tested whether users can reach the correct category without prior knowledge — and produced a research-led redesign direction.

    App Design
    Case Study
    UX Researcher

  3. UlomRole-Based Editorial Dashboard

    A 0-to-1 product design for the internal administrative dashboard of "Ulom," an Arabic science publishing platform. The project required translating a complex editorial workflow into a logical, role-based interface.

    Dashboard
    Case Study
    UX/UI Designer

  4. Ulom RayUX Design & Audit

    A non-profit platform focused on enriching Arabic scientific content. I contributed to UX wireframes, visual identity, and a comprehensive 13-page heuristic evaluation of the live product.

    Responsive Web
    UX Audit
    UX/UI Designer

More projects

  1. Jarir Bookstore AppUX/UI RedesignRedesign Concept
  2. NahamUniversity Cafeteria Ordering AppConcept Project
  3. MasraSaudi Tourism Journey Planner AppDesign Sprint
  4. VexoraAI-Assisted Operations MVP7-Day Hackathon

Methodology

Each step comes with a project where I applied it.

  1. Research before design

    I start with the users and the problem, not the screen: what they need, and where they struggle today.

    User research and discovery before any screenJarir Bookstore App

  2. Information architecture first

    A complex flow gets simpler when each role sees only what it needs.

    An editorial workflow turned into role-based dashboardsUlom Dashboard

  3. Test with real users

    My opinion alone isn't enough. I run usability tests and watch real users go through the flow.

    5 usability sessions on the category selection screenBalaghat 940

  4. Design for the handoff

    My coding background helps me design what can actually be built, with a clear design system and a clean developer handoff.

    A design system and developer handoffUlom Dashboard

  5. Evaluate after launch

    Launch isn't the end. I check what worked and what needs fixing.

    A 13-page heuristic evaluationUlom Ray

About

I'm #Natheer, a Computer Science graduate. My design story started with my graduation project, and I sharpened it at Tuwaiq Academy.

I like complex problems: a multi-step workflow, or a dashboard with several user roles. I break them down until they're clear to anyone who uses them.

My coding background has me thinking about developers from day one: what's technically feasible, and what the handoff needs to document, so what I design is what users actually get.

Outside projects, I write a series on UX principles and make free resources for the Arabic design community.

Natheer AlabdRabAlnabi

Path

  1. 2024

    • My graduation project placed third in my class
    • UX/UI design bootcamp at Tuwaiq Academy

  2. 2025

    • Part-time designer for the Coffee Souq store
    • Joined Ulom, a research and development association affiliated with KAUST, and designed their dashboard and the Ulom Ray website
    • Got my Freelance Document and started freelancing

  3. 2026

    • Google UX Design certificate
    • Started a series of 100 UX principles
    • UX Researcher certificate from Misbaar
    • Made free resources for the Arabic design community

Achievements

UX principles

All principles

What I learn about user behavior and how it shapes design. Each filled square is a principle I applied to a real interface. The series is written in Arabic.

50 of 100

How we see

  1. 1ما تراه ليس ما يحصل عليه دماغك
  2. 2الرؤية المحيطية تُستخدم أكثر من الرؤية المركزية لفهم الفكرة العامة
  3. 3الناس تتعرف على الأشياء من خلال التعرف على الأنماط
  4. 4هناك جزء خاص في الدماغ للتعرف على الوجوه فقط
  5. 5جزء خاص في الدماغ لمعالجة الميزات البصرية البسيطة
  6. 6الناس يمسحون الشاشات بناءً على تجاربهم السابقة وتوقعاتهم
  7. 7الناس يرون دلالات تخبرهم بكيفية التفاعل مع الأشياء
  8. 8الناس قد لا يلاحظون التغييرات في مجال رؤيتهم
  9. 9الناس يعتقدون أن الأشياء المتقاربة تنتمي لبعضها
  10. 10الأحمر والأزرق معاً يرهقان العين
  11. 119% من الرجال ونصف بالمئة من النساء مصابون بعمى الألوان
  12. 12الألوان تعني أشياء مختلفة للثقافات المختلفة

How we read

  1. 13من الخرافات أن الكلمات المكتوبة بحروف كبيرة صعبة القراءة بطبيعتها
  2. 14القراءة والفهم شيئان مختلفان
  3. 15التعرّف على الأنماط يساعد الناس على تمييز الحروف باختلاف الخطوط
  4. 16حجم الخط مهم
  5. 17القراءة على الشاشة أصعب من القراءة على الورق
  6. 18نقرأ أسرع مع السطر الطويل، لكننا نفضّل السطر القصير

How we remember

  1. 19الذاكرة قصيرة المدى محدودة
  2. 20نتذكّر أربعة عناصر فقط في المرة الواحدة
  3. 21لا تثبت المعلومة إلا باستعمالها
  4. 22التعرّف على المعلومة أسهل من استدعائها
  5. 23التذكّر يستهلك موارد ذهنية كبيرة
  6. 24الذكريات يُعاد بناؤها عند تذكّرها
  7. 25النسيان جزء طبيعي من عمل الذاكرة
  8. 26الذكريات الواضحة ليست دائمًا صحيحة

How we think

  1. 27نعالج المعلومات أفضل في دفعات صغيرة
  2. 28بعض أنواع المعالجة الذهنية أثقل من غيرها
  3. 29الذهن يشرد ثلث الوقت
  4. 30كلما زاد عدم اليقين، دافع الناس عن آرائهم أكثر
  5. 31المستخدم يبني نموذجًا ذهنيًا عن المنتج
  6. 32الواجهة تبني النموذج المفاهيمي للمنتج
  7. 33نعالج المعلومات أفضل في صيغة القصة
  8. 34نتعلّم أفضل من الأمثلة
  9. 35الناس مبرمجون على التصنيف
  10. 36الزمن نسبي
  11. 37الناس يتجاهلون المعلومات التي لا تتوافق مع قناعاتهم
  12. 38الناس يمكن أن يدخلوا حالة التدفق
  13. 39النص المختلط في الواجهات العربية

How we focus

  1. 40الانتباه انتقائي
  2. 41الناس يعتادون على المعلومات
  3. 42المهارات المتكررة لا تحتاج انتباهًا واعيًا
  4. 43توقع تكرار الأحداث يؤثر على انتباهنا
  5. 44الانتباه المتواصل لا يدوم طويلًا
  6. 45الناس ينتبهون فقط للإشارات البارزة
  7. 46وهم تعدد المهام
  8. 47بعض المؤثرات تجذب الانتباه أكثر من غيرها
  9. 48الأصوات المفاجئة تلفت الانتباه
  10. 49لكي ينتبه الناس لشيء، يجب أن يدركوه أولًا

What motivates us

  1. 50يزداد حماس الناس كلما اقتربوا من الهدف
  2. 51
  3. 52
  4. 53
  5. 54
  6. 55
  7. 56
  8. 57
  9. 58
  10. 59
  11. 60
  12. 61
  13. 62

Social beings

  1. 63
  2. 64
  3. 65
  4. 66
  5. 67
  6. 68
  7. 69
  8. 70
  9. 71

How we feel

  1. 72
  2. 73
  3. 74
  4. 75
  5. 76
  6. 77
  7. 78
  8. 79
  9. 80
  10. 81
  11. 82
  12. 83
  13. 84

How we make mistakes

  1. 85
  2. 86
  3. 87
  4. 88
  5. 89

How we decide

  1. 90
  2. 91
  3. 92
  4. 93
  5. 94
  6. 95
  7. 96
  8. 97
  9. 98
  10. 99
  11. 100

Hover over a filled square to see its title.

Free resources

I made them for the Arabic design community.

Request the pricing guide

The guide is written for designers. Leave your name and email, and I'll send you the link once I've seen your request.

What do you do?

If it's confusing, I #fix it.

Have a role or a project? Let's talk.

Contact me

© 2026 Natheer AlabdRabAlnabi