اللي كنت مسؤول عنه
قدت تصميم B2C وB2B: محادثة الذكاء الاصطناعي ولوحات التحكم والدفع والانضمام وبوابات شركاء متعددة.
رجوع للأعمال01 / 05
Tutoruu · 2024تصميم منتجات رقمية · ذكاء اصطناعي · EdTech · 2024
مصمم واحد، ومنتجات متعددة، ولا نظام مشترك بينها.
كنت المصمم الوحيد داخل شركة ضمن Forbes 30 Under 30، أعمل على AI Chat وتدفقات الدفع ونظام تصميم متعدد البراندات.
أربع مساحات عمل، ومصمم واحد، ومن دون نظام تصميم مشترك.
%20%
زيادة في التفاعل بعد إعادة تصميم الصفحة الرئيسية
الصورة قريبًا
- الدور
- مصمم منتجات رقمية وحيد، لكل منتجات B2C وB2B
- المدة
- فبراير 2024 إلى فبراير 2025
- المنصّات
- ويب · هاتف · لوحات تحكم · بوابات شركاء
- المجال
- EdTech · ذكاء اصطناعي
البداية
Tutoruu تطوّر أدوات ذكاء اصطناعي للتعليم الجامعي، ومنصات بعلامة بيضاء للشركاء التعليميين. قدت تصميم محادثة الذكاء الاصطناعي ولوحات التحكم والدفع والانضمام وبوابات شركاء متعددة. احتاجت هذه الأسطح إلى نظام مشترك ورحلات واضحة لجمهورين مختلفين.
الدور والقيد
القيد
غياب نظام التصميم، وتغيّرات المنتج المتكررة، وتوقعات دفع لدى طلاب مصريين يستخدمون InstaPay وفوري إلى جانب البطاقات.
المشاكل
اللي كان مكسور فعلًا.
مشكلة 01
الصفحة الرئيسية كانت بتفقد الناس
البيانات من Hotjar وMixpanel قالت الحكاية بوضوح: خروج عالي وتحويل قليل. الصفحة كانت بتحاول تخدم B2B وB2C في نفس الوقت، فمحدش حس إنها بتكلمه هو.
مشكلة 02
Ruu AI كان محتاج تجربة تساعده يبان
الناس كانت تدخل الشات، تتحمس، وبعدين تمشي محبطة. التسجيلات وضحت السبب: مش عارفين يسألوا إزاي. المشكلة ماكنتش في الـAI بس، كانت في المساحة اللي حوالينه.
مشكلة 03
الدفع كان بيقف عند آخر خطوة
المستخدمين بيوصلوا لشاشة الدفع وبعدين يختفوا. المنتج كان بيعتمد على الكروت، في سوق جزء كبير منه بيتحرك بـInstaPay وFawry. الاحتكاك كان في الواقع نفسه، مش في لون زر.
مشكلة 04
من غير Design System، كل حاجة بتبطأ
منتجات كتير، فرق مختلفة، ومفيش مصدر واحد للحقيقة. أي تحديث صغير كان يتحول لشغل يدوي متكرر.
القرارات
من الدليل إلى قرار التصميم.
اسمع
بدأت من البيانات والتسجيلات وملاحظات المبيعات، عشان أفهم فين المستخدم بيتوه فعلًا.
أعيد صياغة المشكلة
بدل ما أصلح شاشة، سألت: إيه القرار اللي المستخدم مش قادر ياخده هنا؟
أطلق وأتعلم
اشتغلت على تحسينات قابلة للشحن، وبعدها راقبت أثرها بدل ما أستنى نسخة مثالية.
الحلول
اللي عملته فعلًا.
01حل 01 / 04
إعادة تصميم الصفحة الرئيسية
فصلت رسالة الطالب عن رسالة المؤسسة، وخليت كل مسار يقول للمستخدم: أنت في المكان الصح.
وضوح أعلىحيرة أقل
الصورة قريبًا
02حل 02 / 04
Ruu AI: اقتراحات جاهزة وMini Ruu's
بدل ما أسيب المستخدم قدام صندوق فاضي، خليت البداية أسهل من خلال Presets وشخصيات صغيرة توجهه للسؤال الصح.
بداية أوضحنتائج أحسن
الصورة قريبًا
03حل 03 / 04
إعادة بناء تدفق الدفع
أضفنا طرق دفع أقرب لسلوك الطلاب في مصر، وقللنا لحظة التردد في آخر خطوة.
احتكاك أقلإكمال أعلى
الصورة قريبًا
04حل 04 / 04
نظام تصميم متعدد البراندات
بنيت لغة مشتركة تسمح بتغيير البراند من غير ما كل منتج يتكسر أو يتعاد من الصفر.
سرعة للفريقاتساق للمستخدم
الصورة قريبًا
بالأرقام
%20%
زيادة تفاعل مُبلّغ عنها
2
وسيلتا دفع جديدتان
1
مصمم منتجات وحيد
الـAI كان شغّال. اللي حواليه هو اللي كان محتاج يسهّل البداية.
معرض
نظرة أقرب.
شاشات مختارة توضّح كيف تحوّلت القرارات إلى تجربة. النسخ الكاملة قيد الإعداد.
tutoruu/0116:9
tutoruu/024:3
tutoruu/034:3
tutoruu/041:1
خلاصة
أبدأ بالنظام، لا بالشاشات
لو رجع بيّ الوقت، هابدأ بالنظام قبل ما أوسّع الشاشات. وقتها تغييرات البراند وتسليم التطوير يبقوا شغلًا من نفس القاعدة، لا حلولًا منفصلة كل مرة.
الحكاية اللي بعدها · 02
Taa Marbuta
كان على الثقة أن تسبق البيانات.