→ رجوع للأعمالBack to work
لوجستيك · مفهومي · 2026Logistics · Concept · 2026

مسارMasar

منصات الشحن تغرق التاجر في جداول رمادية، وتتركه يجاوب سؤال عميله الأزلي بالهاتف: «وين شحنتي؟». مسار يريد للتاجر وضوح غرفة عمليات، ولعميله طمأنينة تتبعٍ حي يفهمه من نظرة.Shipping platforms drown merchants in grey tables and leave them answering the eternal customer question by phone: "Where is my shipment?". Masar wants ops-room clarity for the merchant, and live-tracking reassurance the end customer reads at a glance.

مسار
العلامةBrand
مسارMasar
القطاعSector
لوجستيكLogistics
الدورRole
هوية بصرية · تجربة وواجهات · منتج متكاملBrand identity · UX & UI · Full product
المستوىType
مفهومي · معرضConcept · showcase
الأدواتTools
Illustrator · Figma
الفكرةThe brief

منصة شحن بين المدنIntercity Shipping Platform

منصات الشحن تغرق التاجر في جداول رمادية، وتتركه يجاوب سؤال عميله الأزلي بالهاتف: «وين شحنتي؟». مسار يريد للتاجر وضوح غرفة عمليات، ولعميله طمأنينة تتبعٍ حي يفهمه من نظرة.Shipping platforms drown merchants in grey tables and leave them answering the eternal customer question by phone: "Where is my shipment?". Masar wants ops-room clarity for the merchant, and live-tracking reassurance the end customer reads at a glance.

هوية من لغة الخرائط نفسها: اسمٌ يمتد آخر حرفه مساراً ينعطف مرة واحدة ويصل إلى نقطة برتقالية هي نقطة الوصول. الكحلي الليلي أرضية هادئة للبيانات، والبرتقالي محجوز للحالة الحية فقط، فتُقرأ اللوحة كلها من لون واحد. وصممنا الواجهات فعلياً بالكود، لوحة الشحنات وتتبع الجوال، قبل أي لقطة عرض.An identity in the language of maps themselves: a name whose last letter extends into a route that turns once and arrives at an orange dot, the arrival point. Night navy as a calm ground for data, orange reserved for the live state only, so the whole board reads from one color. And we actually built the interfaces in code, the shipments board and mobile tracking, before any presentation shot.

القراراتThe decisions

قرارات صنعت الهويةDecisions that shaped the identity

البرتقالي يعني «الآن» فقطOrange means "now" only

نظام لوني وظيفي: كل ما هو حي أو عاجل برتقالي، وكل ما اكتمل أخضر هادئ، فالعين تفرز اللوحة بلا قراءة.A functional color system: everything live or urgent is orange, everything completed is calm green, so the eye sorts the board without reading.

وقت الوصول قبل كل شيءETA before everything

شاشة التتبع تُقرأ في ثانيتين: بطاقة برتقالية كبيرة بوقت الوصول، ثم الرحلة خطاً زمنياً.The tracking screen reads in two seconds: a large orange ETA card first, then the journey as a timeline.

عربي RTL كامل للتشغيلFully RTL Arabic operations

لوحات التشغيل العربية شبه معدومة في السوق، فبنينا الجداول والحالات والبحث RTL من الأساس لا ترجمةً فوقية.Arabic ops dashboards barely exist in the market, so tables, states, and search are built RTL from the ground up, not translated on top.

الشعار يعيش على الأسطولThe logo lives on the fleet

خط المسار ونقطته صُمما ليمتدا على جانب الفان كما على الشاشة، فالهوية تشتغل بحجم شاحنة وحجم أيقونة.The route line and its dot were designed to stretch across a van side as well as a screen, so the identity works at truck size and icon size.

الشاشات صُممت قبل التصويرScreens designed before the shoot

كل واجهة في هذا العرض مبنية فعلاً بالكود بنصوص عربية سليمة، لا شاشات وهمية.Every interface in this presentation is actually built in code with proper Arabic. No fake screens.

المعرضThe showcase

تعيش خارج الشاشةIt lives beyond the screen

غرفة العمليات ليلاً: لوحة الشحنات تُقرأ من لون واحد.
غرفة العمليات ليلاً: لوحة الشحنات تُقرأ من لون واحد.The ops room at night: the shipments board reads from a single color.
تتبع العميل: وقت الوصول أولاً، والرحلة خطاً حياً.
تتبع العميل: وقت الوصول أولاً، والرحلة خطاً حياً.Customer tracking: ETA first, the journey as a live line.
الهوية على الأسطول: الاسم يمتد مساراً وتختمه نقطة الوصول.
الهوية على الأسطول: الاسم يمتد مساراً وتختمه نقطة الوصول.The identity on the fleet: the name extends into a route sealed by the arrival dot.

الباليتPalette

المشروع التاليNext project
دار سدرةDar Sidra ↗