How & How صممت هوية جديدة لشركة SauceLabs لاختبار البرمجيات
وتجديد تعويذة الروبوت الخاصة بها وإنشاء شعار يعتمد على أقواس الكود.
يستخدم المطورون SauceLabs لإجراء اختبارات طوال دورة حياة التطوير
مما يساعدهم على اكتساب رؤى عميقة وتحديد الأخطاء وحل المشكلات بكفاءة. يمكن للمطورين بعد ذلك الاستمرار في إنشاء تطبيقات الويب والجوال وتسليمها وتحديثها باستخدام أتمتة الاختبار وحلول مراقبة الأخطاء.
تمت التوصية بالاستوديو لـ SauceLabs من قبل عميل سابق واختار العمل مع الفريق بعد رؤية العلامة التجارية Hotjar لمنصة رؤى المستخدم العالمية How & How’s. بعد الاطلاع على الملخص الأولي ، قال مؤسس شركة How & How Cat How إن الفريق وقع في حب اسم الشركة ، وأن تصميم تميمة روبوت “كان حلم كل مصمم جرافيك إلى حد كبير”.
وفقًا لـ How
يحتوي الشعار المصمم بواسطة How & How على “عدة سمات رئيسية”. بينما يظهر كقوس مشفر عند الراحة ، يتحرك الشعار ويتنقل بين أيقونات مختلفة: حرف تجريدي S يمثل اسم الشركة وصاعقة صاعقة ترمز إلى السرعة. وفقًا لـ How ، يعد “Legacy Lightning” أحد الأصول الأساسية للعلامة التجارية.
مُثير للإهتمام حقاً
تم تكليف الرسامة ومصممة الجرافيك البولندية Joanna Lawniczak بتصميم الرسوم التوضيحية لـ SauceLabs
كيف تقول “تطور عملها وتطورها السريالي المستقبلي” يساعد في جعل “ما يتعذر الوصول إليه يبدو سهل الوصول إليه” لأن الرسوم التوضيحية تنقل ما يفعله SauceLabs بطريقة يسهل الوصول إليها.
تهدف التميمة الروبوتية الجديدة لـ SauceLabs إلى أن تكون “أكثر تجريدية” من سابقتها ، How said. وأضافت أنها تتكون من نفس عناصر “بناء جملة التعليمات البرمجية” التي يستخدمها المطورون.
مستوحاة من البرامج التي تختبر أنظمة إشارات المرور
كيف وأنشأت لوحات الألوان الأساسية والثانوية للعلامة التجارية. تحتوي اللوحة الرئيسية على ظل أساسي من اللون الأخضر ، مع العنبر والشعاب المرجانية التي تمثل التمريرات والمشكلات والفشل …
تستخدم اللوحة الثانوية تدرجات وظلال ومقاييس ألوان إضافية
“مُعدلة للنص ، والوضع الداكن ، ووضع الإضاءة […] لضمان أقصى إمكانية للوصول عبر الأجهزة الرقمية” ، كيف ..
بالنسبة للمحرف الأساسي
اختارت How & How اختيار Aeonik Fono من CoType Foundry. كيف يقول الفريق أنه يعتقد أنه يمكن “إضافة لمسة عصرية إلى أسلوب الطباعة الكلاسيكي للمطورين.” يستخدم الاستوديو نفس صيغة الكود المستخدم في الشعار “لتشكيل الصور البارزة ولحظات النسيج وشعارات المنتج” ، كيف قال.
يتكون موقع SauceLabs من أكثر من 42 مكونًا وتصميم 40 صفحة
كيف & كيف تستخدم Lottie ، تنسيق ملف الرسوم المتحركة للرسومات المتجهة ، “لإضفاء الحيوية على الرسوم التوضيحية” والرسوم المتحركة CSS من أجل “التفاعل الجزئي وتسليط الضوء على الإجراءات والمعلومات الرئيسية” ، كيف ..
مجموعة من الرسوم التوضيحية
ونظام رمز رسومي ، ورسوم توضيحية لواجهة المستخدم تعمل على تثبيت العلامة التجارية معًا من خلال الموقع وتساعد في “شرح مجموعة أدوات اختبار DevOps الكبيرة الخاصة بـ SauceLab” ، كيف قال.