احصل على خصم 30٪ على جميع الخدمات

تخطي إلى المحتوى
كل المشاريع

تطبيق جوال

الجليس

نادي الجليس الثقافي لم يكن له أي وجود على الإنترنت. صممنا له تطبيقًا واحدًا يجمع الكتب والفعاليات والمجتمع والمقالات والقارئ الإلكتروني.

الدور
تصميم تجربة المستخدم وواجهات الاستخدام
الأدوات
Figma
الخدمة
تطبيق جوال
شاشات تطبيق الجليس

التحدي

كان النادي موجودًا في الواقع فقط. لا موقع ولا تطبيق ولا أي حضور على الإنترنت، فلا يعرف عنه إلا من حضر لقاءً أو سمع به.

أغلب جمهوره من الأجانب والسعوديين، ويلتقون في جدة والرياض فقط، ويتناقشون في الكتب بالإنجليزية دائمًا. والنادي يريد أن يتوسع إلى مدن أخرى.

السؤال إذن لم يكن «كيف نرسم تطبيقًا؟». كان: كيف يصبح التطبيق هو الوجه الرقمي الكامل لنادٍ لم يكن له وجه رقمي؟

من الواقع إلى القرار

لا وجود للنادي على الإنترنت

التطبيق يجمع كل ما يقدمه النادي في مكان واحد: الكتب والفعاليات والمجتمع والمقالات والقارئ الإلكتروني والبودكاست.

الجمهور أجانب وسعوديون

أول شاشة تسأل عن اللغة، English أو العربية، قبل أي شيء آخر.

النقاش عن الكتب بالإنجليزية دائمًا

الإنجليزية لغة أساسية في الواجهة لا ترجمة لاحقة، والعربية خيار كامل لمن يفضلها.

النادي في جدة والرياض فقط، ويريد التوسع

المدينة ظاهرة في أعلى الرئيسية وعلى كل فعالية، فالتوسع إلى مدينة جديدة يبقى ضمن التصميم نفسه.

الدخول

أول دقيقة تقرر هل يبقى الزائر

المستخدم يسألهل أجد هنا من يشبهني؟

تبدأ الرحلة باختيار اللغة، English أو العربية، ثم ترحيب، ثم تسجيل الدخول. وفي التسجيل خطوة لاختيار الاهتمامات، من الروايات والتاريخ إلى تطوير الذات والفعاليات، ليعرف التطبيق ما يعرضه أولًا. ومن لم يقرر بعد يختار «تصفح كضيف».

قرارنااللغة أولًا لأن الجمهور مختلط، والاهتمامات ثانيًا لتصبح الرئيسية شخصية من أول مرة، وخيار الضيف يبقي الباب مفتوحًا.

أول دقيقة تقرر هل يبقى الزائر

الرئيسية

ماذا يحدث في النادي هذا الأسبوع؟

المستخدم يسألما الذي يستحق وقتي الآن؟

في الأعلى ترحيب باسم العضو وأيقونتا الموقع والتنبيهات، ثم بحث واحد للكتب والفعاليات معًا. وتحته الصفحة مرتبة من الأقرب إلى الأعم: العروض والفعاليات، ثم برامج الجليس ودعوة المجتمع، ثم المقالات والكتب الأكثر قراءة، وأخيرًا الرعاة.

قرارنابحث واحد للكتب والفعاليات، وترتيب يبدأ بما يمكن حضوره قريبًا ثم ينتقل إلى ما يمكن قراءته.

ماذا يحدث في النادي هذا الأسبوع؟

الفعاليات

من الاهتمام إلى الحضور

المستخدم يسألمتى؟ وأين؟ ومن سيحاور؟

كل بطاقة تجيب في نظرة واحدة: التاريخ على الصورة، والوقت، والمدينة، والمضيف، وزر «التفاصيل». تبويبان «القادمة» و«السابقة» لكل منهما عدّاد، ثم صفحة الفعالية والتسجيل وشاشة التأكيد.

قرارناالتاريخ على الصورة نفسها والمدينة مكتوبة على البطاقة، لأن النادي في مدينتين ويريد غيرهما.

من الاهتمام إلى الحضور

الكتب

الكتاب قبل أن يُشترى

المستخدم يسألهل يستحق هذا الكتاب وقتي؟ وبكم؟

صفحة الكتاب تضع الغلاف والتقييم والناشر والسنة وعدد الصفحات في نظرة واحدة، ثم السعر، وتحته سعر الأعضاء.

قرارناسعر الأعضاء تحت السعر العادي مباشرة، فيرى الزائر قيمة الانضمام في اللحظة التي يقرر فيها الشراء.

الكتاب قبل أن يُشترى

المجتمع والمقالات

النقاش لا ينتهي بانتهاء اللقاء

المستخدم يسألماذا يقرأ الآخرون الآن؟

«الجليس تايمز» للمقالات: مقال مميز وأحدث المقالات وكتّاب الأسبوع، مع دعوة لإرسال مقالك. و«المجتمع» لمنشورات الأعضاء ومجموعات مثل حلقة الأدب العربي، مع متابعة وإعجاب وتعليق ومشاركة، ويمكن إعلان موعد اللقاء القادم داخل المنشور نفسه.

قرارناالمجتمع داخل التطبيق يبقي نقاش الكتب حيًا بين اللقاءات، ولا يرتبط بمدينة واحدة.

النقاش لا ينتهي بانتهاء اللقاء

القراءة والاستماع

الكتاب يكمل رحلته داخل التطبيق

المستخدم يسألهل أستطيع أن أقرأ أو أسمع الآن؟

القارئ الإلكتروني يعرض الفصل ورقم الصفحة ونسبة الإكمال والوقت المتبقي، وأزرارًا كبيرة للتنقل والإعدادات. و«JaleesCast» حلقات صوتية بتصنيفات، وأحدث حلقة في الأعلى.

قرارنانسبة الإكمال والوقت المتبقي في أسفل الصفحة، فيعرف القارئ أين وصل دون أن يبحث.

الكتاب يكمل رحلته داخل التطبيق

مكوّنات من التطبيق

شريحة العروض في الرئيسية
شريحة العروض في الرئيسية
برامج الجليس
برامج الجليس
بطاقة الدخول إلى المجتمع
بطاقة الدخول إلى المجتمع
بطاقات مقالات الجليس
بطاقات مقالات الجليس
الكتب الأكثر قراءة
الكتب الأكثر قراءة
شريط التنقل السفلي
شريط التنقل السفلي
أعجبك هذا العمل؟اطلب خدمة تصميم UI/UX

ابدأ مشروعك

أخبرنا عن مشروعك وسنتواصل معك قريبًا.

كيف نقدر نساعدك؟واتساب