نظام تصميم WebYes 2.0 · 2025
نظام تصميم واحد جعل فريقًا من 9 أشخاص يصمّم أسرع بنسبة 70%
تُطلق WebYes منتجاتها عبر ثماني منصات: منتجا SaaS، وعدة إضافات WordPress، وإضافات للمتصفح، وكانت كل واحدة منها قد انزلقت إلى لغة بصرية خاصة بها. قدتُ إعادة البناء: نظام رموز تصميم بثلاث طبقات يضع إمكانية الوصول أولًا، بُني بمساعدة الذكاء الاصطناعي في أسبوعين، وصُمّم ليستخدمه الفريق بأكمله، لا المصممون وحدهم.
- دوري
- قائد نظام التصميم
- الفريق
- مصممان · الهندسة · مدير منتج
- المدة الزمنية
- أسبوعان من البناء المركّز
- الحالة
- مُطلق · مستخدم عبر 8 منصات
- تاريخ النشر
- 2025 · 4 دقائق قراءة
المشكلة
ثماني منصات، ثماني لهجات. الزر نفسه يظهر بتباعد وألوان مختلفة على كل واجهة، وكل شاشة جديدة تبدأ من الصفر، وإمكانية الوصول تُفحص شاشةً بشاشة بدلًا من أن تُضمن مرة واحدة.
الأثر
- 8
- منصات موحّدةمنتجا SaaS والإضافات على مصدر حقيقة واحد
- 493
- رمز تصميم192 للعلامة · 140 اسمًا بديلًا · 161 للربط
- أسبوعان
- مدة البناءبمساعدة الذكاء الاصطناعي في توليد الهياكل والتوثيق
- ~70%
- سير عمل تصميم أسرععلى مستوى فريق منتج من تسعة أشخاص
ما قمت به
- 01
قدتُ إعادة البناء
امتلكت البنية والرموز والتوثيق والنشر، بالعمل مع مصممَين والهندسة ومدير منتج.
- 02
ثلاث طبقات من الرموز، لينساب التغيير من الأعلى
192 عنصرًا أساسيًا للعلامة، و140 رمز اسم بديل، و161 رمز ربط. غيّر القيمة مرة واحدة فيتبعها كل مكوّن على كل منصة.
- 03
بُني بمساعدة الذكاء الاصطناعي في أسبوعين
ولّد Claude Code هياكل المكوّنات والتوثيق من مواصفة الرموز. راجعتُ وصحّحتُ وأطلقتُ، ووثّقتُ النظام بحيث يقرأه البشر والآلات معًا.
- 04
جعلته قابلًا للاستخدام خارج فريق التصميم
يبني مديرو المنتجات والمهندسون الآن الشاشات منخفضة الدقة والصفحات الداخلية والواجهات المولّدة بالذكاء الاصطناعي بأنفسهم. انخفض الاعتماد على التصميم بنسبة 60 إلى 70%.
داخل المنتج
القصة الكاملة
خلف كلمة المرور: كيف حُسمت الطبقات الثلاث، وما الذي أخطأ فيه الذكاء الاصطناعي، وكيف قِيس التبنّي على مستوى الفريق.
المشروع التالي
إعادة تصوّر كيف تجد المؤسسات مورّديها وتثق بهم
