نظام تصميم لشركة تقنية مالية

الخلفية

مع نمو منتجات الشركة المالية، تباينت الواجهات بين الفرق، فتكرّر بناء المكوّنات نفسها وتباطأ التطوير وتراجع اتساق تجربة المستخدم عبر المنتجات.

ما قمنا به

بنينا نظام تصميم شاملًا يضم أكثر من 200 مكوّن موثّق في Figma وStorybook، ومكتبة React بلغة TypeScript مبنية على Tailwind CSS، مع اختبارات بصرية آلية عبر Chromatic لضمان الاتساق ومنع الانحرافات في كل إصدار.

النتيجة

تسارع تطوير الواجهات بنسبة 40% بفضل مكتبة موحّدة من أكثر من 200 مكوّن، مع اتساق كامل للواجهات عبر جميع منتجات الشركة.