التحدي
ما الذي كان يحتاجه المشروع فعلاً؟
كان التحدي هو تقديم منتج إنتاجية في شاشة واحدة واضحة ومختصرة، مع الحفاظ على إحساس بالثقة وسهولة الفهم من أول زيارة.
دراسة حالة مشروع
Productivity
WorkLog
WorkLog مشروع يقدّم أداة تتبع ساعات العمل من خلال صفحة تثبيت بسيطة ومباشرة، تجعل قيمة المنتج واضحة في ثوانٍ وتناسب الاستخدام السريع من الهاتف.
تجربة تثبيت وعرض أولي لتطبيق تتبع ساعات العمل، مصممة كصفحة PWA خفيفة توضّح فكرة المنتج بسرعة.
نوع المشروع
أداة إنتاجية
الجمهور المستهدف
الأفراد والفرق الصغيرة
الدور
بناء منتج مباشر وعملي
تفاصيل أسهل في القراءة
اقرأ تفاصيل المشروع بإيقاع بصري يساعدك على فهم القرار
عند دخول صفحة مشروع، المهم أن يظهر السياق لا أن يغرق الزائر في صور متكررة. الصورتان هنا تعملان كفاصل واضح بين المقدمة والتفاصيل، وتساعدان صاحب القرار على قراءة ما تم تنفيذه ولماذا تم اختياره.
المنهج
كيف صممنا الحل؟
تم بناء التجربة حول بطاقة تثبيت مركزية، رسالة قصيرة، وأزرار مباشرة توضّح كيف يبدأ المستخدم باستخدام التطبيق أو إضافته للشاشة الرئيسية.
النتيجة
ما الذي خرج به المشروع؟
النتيجة واجهة تثبيت نظيفة وعملية تعكس منتجًا صغيرًا واضح الهدف، وتضيف للبورتفوليو مثالًا جيدًا على صفحات المنتجات الإنتاجية الخفيفة.
التركيز
Speed
Usability
Install clarity
التقنيات
Installable PWA experienceProductivity workflowClean entry pointMobile-first presentation
مخرجات التنفيذ
صفحة تثبيت
رسالة منتج واضحة
تجربة موبايل خفيفة
نقطة دخول مباشرة
تجربة المستخدم
نظافة بصرية
خطوات قصيرة
رسالة مباشرة
تركيز على البداية السريعة
لقطات من المشروع
نظرة أقرب على الواجهة
مشاريع مرتبطة
اكتشف مشاريع أخرى
منصة اكتشاف تعليمية تربط الخريطة المصرية بالآثار والمحتوى الثقافي ومساعد ذكي يجعل التعلم أقرب للعبة استكشاف.
Interactive mapsAI learning assistant
Focus
Cultural discovery / Map learning / Guided exploration
بوابة تعلم جغرافية تعرض الوحدات التعليمية والمهام في قالب منظّم يميل إلى المنتج التعليمي أكثر من لوحة الإدارة التقليدية.
Learning portal UIModule cards
Focus
Module clarity / Educational structure / Portal-like navigation
واجهة تعليمية تقدم التعلّم كرحلة متتابعة بدل صفحات منفصلة، مع اهتمام واضح بالتشويق والتنقل المنهجي.
Journey-based UIInteractive modules
Focus
Narrative learning / Progression / Visual continuity
الأعمال كدليل قرار
صفحات الأعمال تقنع عندما تربط الشكل بالنتيجة وطريقة التنفيذ
نضيف سياقًا حول سبب كل مشروع، التحدي، الحل، وما الذي يمكنك فهمه من استعراض الأعمال.
12+
مشروع قابل للاستعراض
4
طرق عرض للأعمال
1
قرار أوضح بعد التصفح
قصة الصفحة
زاوية خاصة لـ worklog
هذه الصفحة لا تعيد نفس سرد الأعمال كدليل قرار. نربط الميديا والمراحل والأسئلة بمسار worklog حتى يظهر هدفها بوضوح.
قبل الإثراء
تشابه الصفحات داخل projects
عندما تستخدم الصفحات نفس البطل ونفس الأسئلة، يشعر الزائر أن worklog مجرد تغيير عنوان.
الميديا العامة تضعف الفرق
الصورة أو الفيديو يجب أن يخدم سؤال الصفحة، لا أن يكون مجرد خلفية من عائلة واحدة.
بعد الإثراء
إيقاع عرض 5
نختار إيقاعًا مختلفًا لـ worklog: مرة خريطة، مرة proof wall، مرة dashboard، ومرة سرد تحريري.
أسئلة مرتبطة بالمسار
الأسئلة تذكر worklog صراحة وتشرح نقطة تردد مختلفة بدل أسئلة منسوخة.
حركة هادفة
فيديو يخدم worklog
الفيديو هنا يعمل كوقفة بصرية تخص worklog ولا يعيد نفس إحساس الصفحات المجاورة.
كسر الرتابة
يغير الفيديو إيقاع القراءة بدل الاعتماد على كروت متشابهة.
توضيح السياق
يضيف إحساسًا بسياق worklog ودوره داخل الرحلة.
أسئلتك قبل القرار
إجابات تقلل التردد قبل التواصل
لماذا تحتاج صفحة worklog تصميمًا مختلفًا؟
لأن worklog يجيب سؤالًا مختلفًا، والتصميم المتكرر يخفي هذا الفرق عن العميل.
كيف نمنع تكرار الكلام؟
نجعل المشكلة والحل والمراحل والأسئلة مرتبطة بكلمة worklog وبدورها في القسم.
هل التنويع يكسر هوية الموقع؟
لا، الهوية تظل موحدة في الألوان والتايبوجرافي، لكن إيقاع العرض يتغير حسب هدف الصفحة.
اجعل كل مشروع سبباً للتواصل
العمل الجيد لا يُعرض فقط؛ يشرح لك لماذا يمكنك الوثوق بطريقة التنفيذ.