جاري التحميل
عن المشروع

تصميم الإنترنت، من أول نقرة

TechArab هي مزوّد خدمة إنترنت أسترالي، وقد صممنا كل شاشة في منصتهم. ليست صفحة هبوط، وليست تحديثًا للهوية البصرية، بل المنتج الكامل. كل مسار عميل، كل أداة تشغيل، وكل حالة استثنائية يجب أن يتعامل معها أي مزود إنترنت حقيقي. النتيجة نظام UI/UX متكامل جاهز للبناء.


تجربة مزود الإنترنت الكاملة

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

  • اكتشاف الباقات ومقارنتها: صفحات باقات منظمة وسهلة التصفح تمنح العميل الجديد ثقة في الاختيار
  • مسار التسجيل والتفعيل: إعداد موجّه ينقل العميل من التسجيل إلى الاتصال الفعلي، خطوة بخطوة
  • بوابة حساب العميل: تتبع الاستهلاك، سجل الفوترة، تحميل الفواتير، ترقية الباقة، والوصول للدعم، كل ذلك في مكان واحد
  • الدعم والتذاكر: مسار دعم ذاتي مع إنشاء التذاكر، تتبع حالتها، ودمج المحادثة المباشرة
  • حالة الشبكة والإشعارات: تنبيهات فورية عن الأعطال وإشعارات الصيانة المجدولة كي يبقى العميل على اطلاع دائم بحالة اتصاله

أدوات المشغّلين والإدارة

خلف تجربة العميل، يحتاج فريق TechArab لتشغيل العمل. يشمل التصميم واجهة تشغيل كاملة، إدارة العملاء، إدارة الباقات والتسعير، معالجة الطلبات والتفعيل، إدارة طابور الدعم، ونشر حالة الشبكة. كل أداة يحتاجها الفريق لتشغيل مزود إنترنت حديث، مصممة للأشخاص الذين يستخدمونها يوميًا.


مصمم لأستراليا

البنية التحتية للإنترنت في أستراليا لها خصائصها الخاصة: أنواع باقات NBN، فئات السرعة، سياسات الاستخدام العادل (Fair Use Policies)، والمتطلبات التنظيمية المتعلقة بالفوترة والإفصاح. التصميم يأخذ كل هذه العناصر بعين الاعتبار، بحيث تتواصل المنصة بشكل صحيح مع العملاء الأستراليين وتلبي التوقعات المحلية.

  • صفحات اكتشاف باقات الخدمة ومقارنتها
  • مسار موجّه لتسجيل العملاء وتفعيل الخدمة
  • بوابة حساب العميل — الاستهلاك والفوترة وإدارة الباقة
  • تتبع الاستهلاك الفوري وعداد البيانات
  • إدارة الفوترة والفواتير
  • مسار ترقية وتغيير الباقة
  • إنشاء تذاكر الدعم وتتبع حالتها
  • دمج المحادثة المباشرة
  • إشعارات حالة الشبكة والأعطال
  • تنبيهات الصيانة المجدولة
  • لوحة تحكم المشغّل — إدارة العملاء والطلبات
  • إدارة الباقات والتسعير
  • إدارة طابور الدعم للمشغّلين
  • أداة نشر حالة الشبكة
TechArab

كيف تم بناؤه

منهجية عملنا
01 .
الاكتشاف وتحديد المتطلبات

حددنا مع TechArab النطاق الكامل للمنصة — كل مسار عميل، كل وظيفة تشغيل، وكل متطلب خاص بمزودي الإنترنت. تم توثيق هياكل باقات NBN الأسترالية، فئات السرعة، قواعد الإفصاح في الفوترة، وسياسات الاستخدام العادل، وأُدرجت في التصميم منذ البداية، لا كإضافة لاحقة.

02 .
بنية المعلومات ومسارات المستخدم

صممنا بنية المعلومات الكاملة — كيف تُنظَّم المنصة، وكيف يتنقل العملاء عبرها، وكيف تُبنى أدوات التشغيل. تم رسم كل مسار رئيسي قبل تصميم أي شاشة: التسجيل، التفعيل، الفوترة، الدعم، وإدارة الحساب. وحُددت الحالات الاستثنائية مبكرًا: ماذا يحدث عندما يكون عنوان العميل خارج نطاق التغطية، أو عند فشل الدفع، أو عند انقطاع الخدمة.

03 .
المخططات الشبكية وتصميم التفاعل

أنتجنا مخططات شبكية (wireframes) مفصلة لكل شاشة في المنصة — سواء الموجهة للعميل أو للمشغّل. وحُددت في هذه المرحلة أنماط التفاعل: كيف تعمل عملية التصفية في صفحات الباقات، كيف يتصرف مؤشر خطوات التفعيل، كيف تُعرض بيانات الاستهلاك، وكيف تُنشأ تذاكر الدعم وتُحدَّث. وكانت المخططات مفصلة بما يكفي لتسليمها لأي فريق تطوير دون أي غموض.

04 .
التصميم البصري ونظام التصميم

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

05 .
الشاشات عالية الدقة والنموذج التفاعلي

سلّمنا تصاميم عالية الدقة لكل شاشة في المنصة — كل مسارات العميل، كل أدوات التشغيل، وكل الحالات والمتغيرات. وأنتجنا نموذجًا تفاعليًا للمسارات الرئيسية كي يتمكن فريق TechArab من مراجعة التجربة كاملة قبل بدء التطوير. وسُلمت جميع الملفات في ملف Figma منظم، مقسّم حسب الأقسام وجاهز للتسليم.

TechArab preview
رؤى المشروع

خلف القرارات
التي اتخذناها.

تعقيد مزودي الإنترنت غالبًا مخفي — إلى أن يضطر أحد لتصميمه

من الخارج، تبدو منصة مزود الإنترنت بسيطة: اختر باقة، سجّل، وادفع شهريًا. لكن في الواقع هي من أكثر المنتجات الاستهلاكية تعقيدًا عند تصميمها بشكل صحيح. فحوصات تغطية العنوان يجب أن تتم قبل أن يرى العميل حتى باقة مناسبة له. مسارات تفعيل تعتمد على نوع الاتصال الذي سيُركَّب. دورات فوترة لا تتطابق دائمًا مع تواريخ التفعيل. فئات سرعة تحتاج شرحًا دون أن تتحول إلى محاضرة تقنية. كل واحدة من هذه التفاصيل صُممت بعناية لا بتجاهل، والنتيجة منصة تتعامل مع كل هذا التعقيد دون أن تُظهره للعميل دون داعٍ.

التصميم لطرفي المنتج الواحد

TechArab منصة واحدة تخدم جمهورين مختلفين تمامًا: عملاء يتفاعلون معها من حين لآخر، عند الحاجة فقط؛ ومشغّلون يستخدمونها طوال اليوم، كل يوم. التصميم الذي يعمل بشكل رائع لعميل يراجع فاتورته قد يكون محبطًا لمشغّل يحتاج معالجة خمسين طلبًا قبل الغداء. لذلك صُممت أدوات المشغّلين بشكل مستقل، بمنطقها وأولوياتها الخاصة — الكثافة، السرعة، والتفاعل السهل عبر لوحة المفاتيح — بدلًا من أن تكون نسخة مبسطة من واجهة العميل.

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

ابقَ على تواصلStar

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا

اتصل بنا