أعدنا بناء تجربة ليسر من الداخل، قبل أن نجلب لها الناس
1#
في نتائج بحث الـAI لعبارات
"اعادة تدوير البلاستيك في الرياض"
"بيع علب الماء الفارغة في الرياض"
كان التطبيق يعمل. أجهزة ذكية في الرياض وجدة، وخدمة استلام من المنازل، ونظام نقاط ومكافآت.
لكنه بُني ميزةً فوق ميزة، دون أن يمر بمرحلة تصميم التجربة.
لا نظام تصميم يوحّد الشاشات، فكل شاشة تحل مشكلتها بطريقتها. ولا أحد رسم الرحلة كاملة، من لحظة إمساك المستخدم بالعبوة الفارغة إلى لحظة وصول النقاط إلى حسابه.
التحدي
قبل أن نرسم أي شيء، درسنا من يستخدم ليسر فعلاً ولماذا. وبنينا شخصيات المستخدمين من دوافعهم الحقيقية.
ثم رسمنا مسار المستخدم للتطبيق كاملاً، شاشةً شاشة، من أول تحميل إلى أول مكافأة.
الاستبدال
وصول النقاط
إيجاد جهاز أو طلب استلام
التسجيل
المسار
قبل إعادة تصميم الشاشات، بنينا نظام التصميم.
الألوان، الخطوط، المسافات، المكونات، والحالات المختلفة لكل عنصر، من التحميل والخطأ إلى النجاح والحالة الفارغة.
ثم سلّمناه جاهزاً للتطوير، +20 مكوّناً في Figma.
بهذا، لا تبدأ كل شاشة من الصفر، ولا تعتمد جودة التجربة على من صممها.
النظام
هوية ليسر كانت مرحة وشبابية من البداية: رسوم مسطحة، أيقونات بسيطة، وتدرج لوني من الأزرق إلى الأخضر.
لم نحتج إلى تغييرها. احتجنا إلى جعلها تعمل داخل المنتج.
نقلنا اللغة البصرية نفسها إلى كل جزء من التطبيق، مع شبكة ثابتة، ونظام مسافات واضح، وتسلسل بصري موحّد.
التصميم
بعد إعادة بناء تجربة التطبيق، انتقلنا إلى نقطة مختلفة تماماً: كيف يصل شخص لم يسمع بليسر من قبل؟
بحثنا عن الطريقة التي يبحث بها المستخدم فعلياً، قد يبحث شخص أنهى قارورة ماء عن «بيع علب الماء الفارغة في الرياض» لذلك بُني الموقع حول أسئلة المستخدم، لا حول وصف التطبيق فقط.
وكتبنا المحتوى العربي بالعربية من البداية، بدلاً من ترجمته عن الإنجليزية.
لتطبيق يخدم شخصاً قرر أن يستخدم ليسر. الموقع يخاطب شخصاً لم يسمع عنها بعد.
لذلك حافظنا على اللغة البصرية نفسها، لكن أعطينا الموقع دوراً مختلفاً: شرح الخدمة، توضيح التغطية، إبراز أثر المستخدم، وتسهيل تحميل التطبيق.
الرسوم تشرح الخدمة بصرياً، والأرقام تظهر مبكراً، وزر التحميل واضح، مع واتساب لمن يريد الاستفسار قبل البدء.
الموقع
بعد إطلاق الموقع، بدأ يظهر في نتائج البحث لعبارات مرتبطة مباشرة بخدمة ليسر. اليوم يحتل المرتبة الأولى لعبارة:
«بيع علب الماء الفارغة في الرياض»
ويظهر ضمن النتائج الخمس الأولى لعبارات مثل:
«جهاز إعادة تدوير علب الماء في الرياض»
«تطبيق إعادة تدوير البلاستيك»
وخلال آخر ثلاثة أشهر:
1,270 نقرة من البحث
7,040 ظهوراً داخل إجابات الذكاء الاصطناعي في Google
81% من هذه الظهورات كانت على الصفحات العربية
الوصول إلى الموقع ليس نهاية التجربة. الموقع يعرّف المستخدم بليسر، والتطبيق يحوّل هذا الاهتمام إلى عملية تدوير فعلية.
لهذا بدأنا من تجربة المنتج نفسها، ثم بنينا حولها نقطة وصول تستطيع أن تشرحها وتوصل المستخدم إليها.