→ رجوع للأعمالBack to work
سياحة · مفهومي · 2026Tourism · Concept · 2026

دليل الدرعيةDiriyah Guide

ماذا لو طُلب مني عمل وايفايندنق وتطبيق زائر لهوية الدرعية القائمة؟ مشروع مفهومي يثبت حرصي على الالتزام بهوية عميل ومدّها بأمانة، لا اختراع علامة جديدة.What if I were asked to build wayfinding and a visitor app for Diriyah’s existing identity? A concept that proves fidelity to a client’s brand, extending it faithfully, not inventing a new one.

حي الطريف في الدرعية عند الغروب، عمارة نجدية طينية، موقع يونسكو للتراث العالمي
الوجهةDestination
بوابة الدرعية · حي الطريف (يونسكو)Diriyah Gate · At-Turaif (UNESCO)
القطاعSector
سياحة / تراثTourism / Heritage
الدورRole
UI/UX + وايفايندنقUI/UX + Wayfinding
المستوىType
مفهومي · التزام بهوية قائمةConcept · brand adherence
الأدواتTools
Figma · React · IllustratorFigma · React · Illustrator
الفكرةThe brief

التزام بهوية موجودة، لا اختراع علامةAdhere to an existing brand, don’t invent one

لبوابة الدرعية هوية راسخة، هي «مدينة الأرض». التحدّي الحقيقي للمصمّم ليس ابتكار شكل جديد، بل الوفاء لهوية قائمة ومدّها لمنتج رقمي ونظام لوحات بلا خدش لقواعدها.Diriyah Gate has a strong identity: “The City of Earth.” The real designer’s test isn’t a new look; it’s fidelity to an existing brand, extending it into a product and a sign system without breaking a single rule.

فطبّقت دليل هوية الدرعية بحذافيره: الباليت (طين/تمر/رمل/نخيل/شمس)، المثلث النجدي، نبرة الصوت «همس لا صياح»، وقاعدة «الشعار دائماً EARTH».So I applied Diriyah’s guidelines to the letter: the palette (Earth/Dates/Sand/Palm/Sun), the Najdi triangle, the “whisper, don’t shout” voice, and the rule that “the logo is always Earth.”

الالتزام بالهوية القائمةAdhering to the existing identity

لم أخترع علامة، بل التزمت بهوية الدرعية ومددتها بأمانة.No new brand invented; I adhered to Diriyah’s identity and extended it faithfully.

كل قرار في التطبيق واللوحات يعود لدليل «مدينة الأرض»: اللون، النمط، الخط، ونبرة الصوت.Every app and sign decision traces back to the “City of Earth” guidelines: colour, pattern, type and voice.

جوهر العلامةBrand essence
DIRIYAH

الدرعية. مدينة الأرض.Diriyah. The City of Earth.

أكبر مدينة طينية في العالم؛ أصيلة، متجذّرة، إنسانية. الطين يبقى، روحاً ونسيجاً.The world’s largest mud-brick city: authentic, grounded, human. Mud sticks, in spirit and fabric.

الباليت الرسميOfficial palette
الطينEarthالشعار والنص الأساسيLogo & primary type#C17250
التمرDatesالغامق الفاخرLuxury dark#55142D
الرملSandخلفيات هادئةCalm backgrounds#DBBC9A
النخيلPalmتصنيفات وطبيعةCategories & nature#274736
الشمسSunتمييز ولمعةHighlight & pop#FEC841
القيم الجوهرية الست، يعبّر عنها المنتجThe six core values, expressed by the product
نُبل متجذّرGrounded Nobility
انسجام مع الطبيعةHarmony with Nature
سحر نقيPure Charm
فخامة متواضعةModest Magnificence
مقياس إنسانيHuman Scale
ماضٍ يتقدّمPast Forward
الشعار (الووردمارك)The logo (wordmark)

الشعار = الووردمارك (لا مثلث منفصل) · دائماً «الطين» · مساحة حماية = ٢× عرض حرف ILogo = the wordmark (not a lone triangle) · always Earth · clear space = 2× the “I”

  • عربي وإنجليزي، لا يُكدّسان أبداًArabic and English, never stacked
  • الشعار دائماً «الطين» (أو أبيض فوق الصور)Logo is always Earth (or white over images)
  • مثلث الطريف مضمّن في الحروف؛ نمطٌ لا شعارThe At-Turaif triangle sits inside the letters: pattern, not logo
  • الخط: IBM Plex Sans Arabic (الاحتياطي الرسمي)Type: IBM Plex Sans Arabic (official fallback)
نبرة الصوتTone of voice
نعمDO
  • ✓ همس، لا صياحWhisper, don’t shout
  • ✓ نص قصير يخاطب الوجدانShort copy, human emotion
  • ✓ أظهر، لا تقُلShow, don’t say
لاDON’T
  • ✕ كلمات «ترميم / تجديد / إحياء»‘Re’ words: renovation, revival
  • ✕ نص طويل مرهِق أو منطق جافLong or purely rational copy
  • ✕ وجهة سياحية عابرةA frivolous tourist spot
ثلاث شاشات من تطبيق دليل الدرعية: الرئيسية واللوحات والخريطة
القراراتThe decisions

مشكلة ↔ قرار (مع المقايضة)Problem ↔ decision (with trade-off)

المشكلةProblem

إغراء اختراع علامة جديدةThe temptation to make a new brand

القرارDecision

طبّقت باليت الدرعية ومثلث الطريف والووردمارك الرسمي (عربي/إنجليزي) كما هي، بلا تعديل، والشعار دائماً «الطين».I applied Diriyah’s palette, the At-Turaif triangle and the official Arabic/English wordmark as-is, untouched, logo always Earth.

المقايضة: حرية إبداعية أقل مقابل مصداقية علامة أعلى، والمصداقية أهم.Trade-off: Less creative freedom for far higher brand credibility; credibility wins.
الأثر: كل شاشة تُحسّ درعية، بلا تعارض.Impact: Every screen feels unmistakably Diriyah.
لقطة تحريرية علوية للتطبيق مع تمر ونخيل
التطبيق في يد زائر أمام حي الطريف
المشكلةProblem

التوجيه يقف عند حدود الشاشةGuidance stops at the screen’s edge

القرارDecision

نظام لوحات مادي يمتد بنفس الأسماء والألوان والرموز من الجوال إلى المكان (مدخل/تقاطع/معلم).A physical sign system carrying the same names, colours and symbols from phone to place (entry/junction/landmark).

المقايضة: نظام مزدوج أعقد مقابل تجربة متصلة، وحّدته بلغة واحدة.Trade-off: A more complex dual system for one connected experience.
الأثر: الزائر ما يتوه؛ من التطبيق للّوحة بلا انقطاع.Impact: Visitors don’t get lost; screen to sign, uninterrupted.
المشكلةProblem

الوضوح ينهار وقت الأعطالClarity collapses when things fail

القرارDecision

عربي أولاً (RTL أصلي) + ٧ حالات منتج موثّقة (تحميل/فارغ/خطأ/مغلق…) بتوكنز، وأرقام هجرية وميلادية.Arabic-first (native RTL) + 7 documented product states (loading/empty/error/closed…) with tokens, and Hijri + Gregorian dates.

المقايضة: توثيق أطول مقابل نظام يصمد، ويستحق.Trade-off: Longer documentation for a system that holds up, worth it.
الأثر: واضح حتى لما ما يمشي كل شيء كما خُطّط.Impact: Clear, even when things don’t go to plan.
لقطة درامية بلون واحد لشاشة اللوحات
الواجهة النهائيةFinal work

التطبيق التفاعلي: جرّبه بنفسكThe interactive prototype: try it

نموذج حيّ مبنيّ بالكود: تنقّل بين الشاشات، بدّل التبويبات، وشغّل الحالات. يتبع لغة الصفحة.A live coded prototype: switch screens, tabs and states. It follows the page language.

👆 تفاعلي: اضغط التبويبات السفلية والشاشات الجانبية👆 Interactive: use the bottom tabs and side screens

نظام الهوية المطبّقApplied identity system

الشعار (الووردمارك)Logo (wordmark)

الباليتPalette

الطباعةType

الدرعيةIBM Plex Sans Arabic: خط الدرعية الاحتياطي الرسمي

النمط النجديPattern

نموذج تفاعلي حيّ مبنيّ بالكود (React) · مفهومي · غير مكلّف · غير تابع للدرعية · الهوية ملك الدرعية.Live coded interactive prototype (React) · Concept · unsolicited · not affiliated · identity © Diriyah.

النتيجةThe result

أرقام متوقّعةProjected numbers

+0%
وضوح التنقّل من أول زيارة (متوقّع)Wayfinding clarity, first visit (projected)
+0%
إتمام حجز التذاكرTicket booking completion
0
زمن البقاء في الطريفDwell time at At-Turaif

الدرس: أقوى ما يقدّمه المصمّم أحياناً ليس علامة جديدة، بل الالتزام الذكي بهوية قائمة ومدّها.Lesson: a designer’s strongest move isn’t always a new brand; it’s intelligent fidelity to an existing one, extended.

المشروع التاليNext project
الجمعية العربية السعودية للثقافة والفنونSaudi Society for Culture & Arts ↗