هوية وتصميم واجهات يساعدان العملاء على فهم من أنتم، وما تقدّمونه، وما الخطوة التالية.
نربط الهوية البصرية بالأماكن التي يلتقي فيها العملاء بعلامتكم: الموقع والمنتج والمواد التسويقية.
يمكن بناء هوية جديدة أو العمل ضمن هوية قائمة. تشمل المخرجات بحسب الحاجة شعاراً ولغة بصرية، أو تصميم شاشات، أو نموذجاً تفاعلياً، أو نظام تصميم للتطوير.
ما الذي قد يشمله المشروع
- هوية العلامةشعار ولوحة ألوان وخطوط ولغة بصرية، محدّدة بالقواعد التي تجعلها قابلة لإعادة الاستخدام لا صورة واحدة معتمدة.
- مواصفة تجربة المستخدمالغرض من كل شاشة، وما يحاول المستخدم إنجازه، والمسار بينهما — يُتفق عليه قبل أي رسم.
- المخططات والنموذج التفاعليالبنية أولاً بتخطيطات بسيطة، ثم نموذج تفاعلي يمكنكم تجربته والتعليق عليه قبل البناء.
- تصميم الواجهةتصميم الشاشات والحالات المحدّدة في النطاق، مثل التحميل والخطأ وغياب البيانات.
- نظام التصميم والتسليممكوّنات ورموز يبني منها المطوّر مباشرة، مع تحديد المسافات ومقياس الخط والسلوك بدل تركها ضمنية.
لمن هذه الخدمة
- أعمال جديدة تحتاج هوية ومنتجاً أول في الوقت نفسه
- شركات لا تشبه علامتُها برمجياتِها إطلاقاً
- فرق تُطلق واجهات تعمل لكنها تبدو غير مدروسة
- أعمال تخاطب جماهير بلغات مختلفة
من الحاجة إلى الحل
- الفهمالعمل والجمهور والوظيفة التي يؤديها المنتج. بحث حيث يوجد مستخدمون حقيقيون للحديث معهم، وافتراضات معلنة حيث لا يوجدون.
- البنيةنحدّد ترتيب المحتوى ومسارات المستخدم قبل التصميم التفصيلي.
- التصميماللغة البصرية والشاشات النهائية، بما فيها الحالات الصعبة، وبكل لغة يصدر بها المنتج.
- التسليمنجهّز ملفات التصميم وإرشادات التطوير، ويُتفق مسبقاً على نطاق الدعم أثناء التنفيذ.
أدوات واعتبارات بحسب المشروع
- Figma للتصميم والنماذج والتسليم للمطوّرين
- رموز تصميم ومكتبات مكوّنات، لا تصدير شاشات ثابتة
- فحص التباين وأحجام مناطق اللمس وفق WCAG 2.2 AA أثناء التصميم
- تخطيطات من اليمين ومن اليسار تُصمَّم معاً لا تُعدَّل لاحقاً
- فحص الخطوط والتخطيطات بمحتوى بلغات المشروع
- حالات الواجهة محدّدة: فارغة، تحميل، خطأ، تجاوز
أسئلة شائعة
هل تقدّمون هوية العلامة أم تصميم الواجهات فقط؟
يمكن طلب الهوية أو تصميم الواجهات أو كليهما. ويمكن الاستناد إلى الهوية الحالية عند تصميم شاشات واستخدامات جديدة.
ما اللغات التي يمكن أن يدعمها المشروع؟
تُختار اللغات بحسب احتياجاتكم وجمهوركم. نتّفق على اللغات المطلوبة، وكيفية إعداد المحتوى ومراجعته، وتكييف التصميم معها.
هل يمكن التصميم دون أن تبنوه؟
نعم. يمكن إعداد ملفات التصميم والمكوّنات والمواصفات لفريق التطوير لديكم. يُحدّد نطاق التسليم والدعم في العرض.
هل إمكانية الوصول جزء من التصميم أم تُضاف لاحقاً؟
جزء من التصميم. التباين وأحجام اللمس وترتيب التركيز والحالات الظاهرة تُحسم أثناء رسم الشاشات، لأنها قرارات تصميمية. وتعديلها لاحقاً يعني إعادة فتح اللغة البصرية، وهو أغلى وينتج عادةً مظهراً أسوأ.
تبنون هوية أم منتجاً أم كليهما؟
أخبرونا بما هو قائم اليوم وما يحتاج تصميماً، وسنوضّح ما يتطلبه العمل.
لنبدأ الحديث