حوّلت مواصفات المنصة إلى تصاميم جاهزة للتطوير لـ 6 تطبيقات، وأعطيتها لغة بصرية واحدة وأنماطًا متكررة: من يتعلم تطبيقًا يعرف الذي بعده.
السياق
H1 منظومة تواصل تعاونية للمؤسسات. بدأت بتطبيق واحد في سبتمبر 2023، وصارت 6 في مايو 2024. H1 Communicator منصة تواصل لموظفي الشركات، وبه بدأت المنظومة. H1 Assignment لإدارة المهام ورفع إنتاجية العمل. H1 Mail تطبيق البريد. H1 SMS يدير رسائل الشركة وبريدها من مكان واحد. H1 Register يدير مستخدمي كل خدمات المجموعة مركزيًا. وAlima AI بوت محادثة يحوّل المستند إلى شيء تسأله.
6 منتجات منفصلة، يستخدمها الموظف نفسه في يومه نفسه.
التحدي
مهمتي أن أحوّل مواصفات المنصة إلى تصاميم جاهزة للتطوير، وأن أضع الاتجاه البصري لكل تطبيق بينما المنصة تضيف خدمات جديدة.
القرار
أصعب قرار لم يكن داخل تطبيق واحد، بل بينها جميعًا: هل هذه 6 مشاريع، أم منتج واحد بـ 6 أبواب؟
صممتها منتجًا واحدًا. H1 Register هو العمود: حساب واحد يفتح كل خدمات المجموعة، فلا يبني الموظف علاقة جديدة مع كل تطبيق. وفوقه لغة بصرية واحدة ومكتبة مكونات واحدة.
والأهم أن تتكرر الأنماط. الرسالة في Mail والرسالة في SMS تسلكان السلوك نفسه. من يتعلم تطبيقًا يكون قد تعلّم الذي بعده. هذا ما يجعل 6 تطبيقات وصلت في 8 أشهر تبدو منتجًا واحدًا، لا 6 مشاريع تشترك في شعار.
ما سلّمت
- H1 Mail وH1 SMS على iOS وAndroid وiPad، مع صور المتاجر لـ App Store وPlay Store.
- المرحلة الثانية من H1 Communicator: Spaces، ومجموعات، ومحادثات فردية، ودليل، وسجل مكالمات، وشاشة إشراف.
- H1 Assignment (فبراير 2024) لإدارة المهام، وH1 Register (أبريل 2024) لإدارة مستخدمي كل خدمات المجموعة مركزيًا.
- Alima AI (مايو 2024): واجهة محادثة تسأل المستندات، وأول واجهة ذكاء اصطناعي في المنظومة.
- لغة بصرية واحدة: علامة H1 الحمراء، ومجموعة أيقونات، وسلّم خطوط، ومكتبة مكونات.
دوري
المصمم الوحيد للمنظومة: المسارات، والواجهات، ومكتبة المكونات، وأصول المتاجر، والـ handoff وفق الـ PRDs.
ما تعلمته
المكتبة التي تعيش في Figma وحدها تبتعد عن الكود مع كل إصدار، وهذا ما حدث هنا. الـ Design System يحتاج مستودعًا مشتركًا مع فريق التطوير من اليوم الأول.