0%
كل دراسات الحالة ← هوية العلامة · دبي

Ecco Bot: مساعد واحد، كل القنوات

هوية لمساعد محادثة يرد نيابة عن الشركات حين لا يكون أحد متاحًا. كان عليها أن تبدو دافئة قبل أن تبدو تقنية، وألا تبدو برنامجًا مؤسسيًا أبدًا.

العميل

Ecco Bot، مراسلة آلية للعملاء عبر المحادثة والموقع والسوشيال ميديا

السوق

برمجيات ومنتجات رقمية: فرق صغيرة ومشغّلون يردون على رسائلهم بأنفسهم اليوم

النطاق

التمركز، والشعار، والمونوغرام، واللون، والخطوط، ونظام الزخارف، والتوجيه الفني، وواجهة المنتج، والموقع والسوشيال ميديا، والمنتجات الدعائية، ومجموعة الأيقونات

المخرج

دليل هوية العلامة، الإصدار 1.0: 18 صفحة وسبعة أقسام

دليل هوية علامة Ecco Bot: الغلاف

لمحة سريعة: نظام الهوية، بتفاصيله المحددة.

المخرجدليل هوية العلامة، الإصدار 1.0: 18 صفحة وسبعة أقسام
الشعارتركيبة أفقية، إضافة إلى مونوغرام حرف B بفقاعة للأيقونات وصور الحسابات
لوحة الألوانثمانية ألوان: أربعة أساسية وأربعة مساندة، يتصدرها أخضر Ecco ‎#24D366‎
النسبشل 46 · أخضر 32 · حبري 12 · ألوان مساعدة 10
الخطوطArimo للعناوين ولكل نصوص الواجهة؛ وPoppins للتوثيق ونص المتن
الحد الأدنى للحجم28 مم في الطباعة؛ و16 بكسل على الشاشة للفقاعة وحدها؛ ومساحة آمنة بنصف ارتفاع المونوغرام
شبكة الأيقونات24 بكسل بسماكة وحدتين
قواعد الاستخدام الخاطئ8، كل منها موضّح برسم
الملفاتالشعارات بصيغتي SVG وPNG، والزخارف كوحدات قابلة للقص، مع فهرس ملفات للموردين

التحدي: أتمتة لا يريد أحد أن تبدو مؤتمتة.

أتمتة المراسلة لديها مشكلة نبرة قبل أن تكون لديها مشكلة تصميم. فالفئة تميل افتراضيًا إلى الأزرق، وإلى العقد والدوائر المجردة، وإلى نصوص واجهة تلقي الدروس. وكل ذلك يقول برنامج في اللحظة نفسها التي يريد فيها العميل أن يشعر بأن إنسانًا قد رد عليه.

يرد Ecco Bot نيابة عن الشركات حين لا يكون أحد متاحًا. والوعد من أربع كلمات، نحن نساندك، وكان على الهوية أن تحمله دون أن تنقضه. العملاء يتلقون ردًا في ثوانٍ، والشركة تستعيد أمسياتها.

الفكرة: دافئة قبل أن تكون تقنية.

الأخضر ودود لا مؤسسي، والشعار فقاعة حوار بقدر ما هو حرف. ونصوص الواجهة لا تلقي الدروس أبدًا، ولا يُسمح لأي شيء في النظام بأن يبدو برنامجًا مؤسسيًا.

وهذا قيد على المجموعة كلها لا لوح إلهام: فهو يحدد لوحة الألوان، واستدارة المونوغرام، وطول نص الزر، والفرق بين الصورة والرسم.

01

الجمهور

فرق صغيرة ومشغّلون يردون على رسائلهم بأنفسهم اليوم، أولئك الذين ما زالوا يكتبون الردود في الحادية عشرة ليلًا.

02

الشخصية

سريعة وواضحة ومبتهجة دون افتعال. وغير متعالية أبدًا. ينبغي أن تبدو كزميل كفؤ لا كشخصية كرتونية.

03

الوعد

لا رسالة تبقى بلا رد، في أي ساعة. وكل تطبيق في الدليل يُقاس بهذه الجملة.

ثلاثة أشخاص يعملون معًا على طاولة مقهى مع حاسوب وحقيبة وقبعة تحمل علامة Ecco Bot
التصوير يُظهر الجمهور أولًا: فرق صغيرة ترد على رسائلها بنفسها. والبرنامج يأتي ثانيًا.
التمركز: أتمتة تبدو إنسانًا لا نصًا مبرمجًا
المحتويات: مساعد واحد، وصوت واحد، وكل القنوات

الشعار: فقاعة حوار مخبّأة داخل حرف B.

المونوغرام مرسوم كشكلَي رسالة متراكبين، مع ذيل صغير محفور في الساق السفلية اليسرى. اقرأه في اتجاه يكن حرف B؛ واقرأه في الاتجاه الآخر يكن محادثة. وهو لا يُدار أبدًا ولا يفقد ذيله، لأن ذلك الشقّ يحمل الفكرة كلها.

تنفصل الفقاعة عن التركيبة الأفقية لأيقونات التطبيقات وأيقونات المتصفح وصور الحسابات وحالات التحميل والملصقات والمنتجات الدعائية، حيث ينهار الاسم الكامل.

01

الشعار

التركيبة الأفقية هي الافتراضية. وتُوضع دائمًا من التصميم المسلَّم، ولا تُعاد كتابتها بخط النظام ولا تُبنى يدويًا.

02

حرف B بالفقاعة

العنصر الثانوي، للأحجام الصغيرة والإطارات المربعة. معتمد على الأخضر والأبيض والحبري وبلون واحد.

03

المساحة الآمنة والمقاس

مساحة آمنة بنصف ارتفاع المونوغرام من كل جهة. وحد أدنى 28 مم في الطباعة و16 بكسل على الشاشة للفقاعة وحدها.

04

ثماني طرق لإفساده

التمديد، وتغيير اللون، والتحديد، والظل، وإعادة كتابة الاسم، ووضعه على خلفية مزدحمة، وإضافة عبارة، ووضعه في إطار.

الشعار وتنويعاته اللونية المعتمدة
مونوغرام حرف B بالفقاعة، مبنيًا على شبكة
تركيبات الشعار المعتمدة
المساحة الآمنة والحد الأدنى للمقاس
الاستخدام الخاطئ: ثماني طرق لإفساد الشعار

اللون: أربعة أساسية، وأربعة مساندة.

أخضر Ecco هو من يتحدث. والبرتقالي والبنفسجي والليموني ألوان مساعدة للرسوم وأعمال الحملات، ولا تُستخدم أبدًا في عناصر الواجهة. وهذه القاعدة تبقي المنتج هادئًا بينما يبقى التسويق صاخبًا.

والنسبة محكومة بدقة: شل 46، وأخضر 32، وحبري 12، وألوان مساعدة 10. وأزواج التباين موثّقة، بما فيها الزوج الفاشل (نص أخضر على أخضر)، فلا يُسلَّم بالخطأ أبدًا.

أخضر Ecco#24D366
برتقالي إشاري#FF7640
ليلكي#A66CFF
فولت#CEF603
حبري#1E1E1E
لوحة الألوان وشريط النسب وأزواج الوضوح
الخطوط: Arimo يتحدث وPoppins يشرح

النظام: Arimo يتحدث، وPoppins يشرح.

خطان، مقسومان بحسب الوظيفة. العناوين بخط Arimo بتباعد ضيق، وكذلك كل نصوص واجهة المنتج، كي يبدو التطبيق كالعلامة. وPoppins يحمل التوثيق ونص المتن التسويقي وكل ما يحتاج إلى شرح نفسه.

واللغة البصرية مبنية من حلقات الإشارة: أقواس وحلقات ومعينات متحدة المركز مرسومة كرسالة تنتشر إلى الخارج. وتقع عند الزوايا والحواف، مقصوصة دائمًا ولا تطفو في منتصف التخطيط أبدًا، فتؤطر المحتوى بدل أن تزيّنه.

صاحب متجر يمسك هاتفًا يعرض محادثة Ecco Bot
(التوجيه الفني)

أشخاص حقيقيون أولًا، ثم إثبات مرح.

التصوير يحمل الثقة والرسم يحمل الشرح، لا العكس أبدًا ولا كلاهما في لقطة واحدة. والصور تُلتقط في ضوء النهار، والوجوه منشغلة بالجهاز، والشاشات ليست ساطعة بما يكفي لتصير هي الموضوع.

حلقات الإشارة: نظام الزخارف
الصور والرسوم: أشخاص حقيقيون، ثم إثبات مرح

التطبيقات: المنتج هو أعلى أسطح العلامة صوتًا.

في منتج مراسلة، الواجهة هي الهوية، وتُرى آلاف المرات يوميًا. الرسائل الصادرة بالأخضر والواردة بالأبيض، و يعرّف المساعد بنفسه دائمًا في أول رد: ولا يدّعي أبدًا أنه إنسان.

وإلى جانب التطبيق، يغطي النظام الموقع والسوشيال ميديا والمنتجات الدعائية والمطبوعات. كل منشور يستخدم زخرفة واحدة، وصورة الحساب دائمًا المونوغرام على الأخضر، والتطريز يستخدم الفقاعة وحدها كي لا يضيع أي تفصيل في الغرز.

لوحة تحكم Ecco Bot على حاسوب محمول إلى جانب هاتف ودفتر يحمل العلامة
(مساعد واحد، كل القنوات)

الصوت نفسه على لوحة التحكم والهاتف والدفتر.

الغاية من النظام ألا يتغير مستوى الخطاب بين الأسطح. فالأخضر يبقى حواريًا بمقياس المكتب، والمونوغرام يصمد بمقياس الأيقونة، والمطبوعات تستخدم الخطين نفسيهما في الوظيفتين نفسيهما.

واجهة المنتج: المحادثة والمكونات والنبرة
الموقع والسوشيال ميديا: شبكة الحساب والصورة الشخصية وأيقونة التطبيق
المنتجات الدعائية والمطبوعات: القبعة والحقيبة والملصقات وبطاقة العمل
مجموعة الأيقونات: شبكة 24 وحدة بسماكة وحدتين
أيقونة تطبيق Ecco Bot على شاشة هاتف بين تطبيقات نظام مألوفة
أصعب اختبار للمونوغرام: ستة عشر بكسلًا من الفقاعة على شاشة رئيسية، إلى جانب أيقونات يعرفها الجميع أصلًا.
(المخرجات)دليل هوية العلامة، الإصدار 1.0 Ecco Bot
18

صفحات موزعة على سبعة أقسام: العلامة، والشعارات، واللون، والخطوط، واللغة البصرية، والتطبيقات، والملفات.

8

ألوان بنسبة ثابتة: أربعة أساسية وأربعة مساندة، مع إبقاء الألوان المساعدة خارج عناصر الواجهة.

24 بكسل

شبكة أيقونات بسماكة وحدتين، كي تطابق أي مجموعة تُرسم لاحقًا المجموعة المرسومة هنا.

يُختتم الدليل بفهرس ملفات يسرد كل تصميم مسلَّم باسم الملف والصيغة والاستخدام. وتُسلَّم الشعارات بصيغتي SVG وPNG، والزخارف كوحدات قابلة للقص، وكل مدخل يذكر أين يجوز استخدامه وأين لا يجوز، فيصل الملف الصحيح إلى المورّد الصحيح دون مكالمة.

فهرس ملفات التصاميم المسلّمة بحسب الصيغة والاستخدام
Ecco Bot: نحن نساندك
(المبدأ)
لا شيء هنا ينبغي أن يبدو برنامجًا مؤسسيًا.
Ecco Botالقاعدة التي تحتكم إليها الهوية كلها