خصّص الحركة، ولا تمسّ لون العلامة التجارية أبداً

النسخة البرّاقة من التخصيص (personalization) تعيد تلوين كل شيء. زائر من شركة ناشئة؟ اجعله أزرق. مؤسسة كبرى؟ بنفسجي بارد. تبدو رائعة في العروض التوضيحية (demos)، وتدمّر بهدوء الأصل الوحيد الذي تقضي العلامة التجارية سنوات في بنائه: لون يتعرّف عليه الناس دون قراءة الشعار.

نحن نخصّص، لكننا رسمنا الخط الفاصل عند درجة اللون (hue). فبطل صفحتنا الرئيسية (hero) عبارة عن حقل جسيمات (particle field) بتقنية Three.js، وعندما تُحلّ شريحة جمهور الزائر (audience segment)، فإنه يضبط أمرين: سرعة الحركة وكثافة شبكة الاتصال (connection-lattice). شريحة الشركات الناشئة تحصل على شبكة أسرع وأكثر تباعدًا بطاقة أعلى. وشريحة المؤسسات تحصل على شبكة أهدأ وأكثر كثافة تُقرأ على أنها منظَّمة وثابتة. أما ما لا يتغيّر فهو لون التمييز (accent). فلون العلامة التجارية magenta يُحفظ ثابتًا عبر كل شريحة، عن قصد، في الشيفرة (code). نحن لا نعيد التلوين إلى الأزرق أو الكهرماني أو البنفسجي، لأن ذلك من شأنه أن يكسر العلامة التجارية في سبيل الفوز بطرافة عابرة.

وثمة انضباط ثانٍ يكمن تحت المرئي: الشريحة لا تُحلّ تلقائيًا إلا عند منح موافقة التحليلات (analytics consent)، ويمكن للزائر دائمًا أن يتجاوز الاختيار يدويًا. فالزوّار لأول مرة، وكل من رفض الموافقة، وكل من لم يختر مسارًا بعد، جميعهم يحصلون على افتراضٍ محايد. التخصيص هنا تحسينٌ لتجربة كاملة، لا بوابة (gate) أمامها أبدًا.

ما نرفض فعله: تبديل ألوان العلامة التجارية بحسب الزائر، أو تخصيص النصوص إلى ما لا نستطيع الوقوف خلفه، أو تشغيل أيٍّ من ذلك على من لم يختاروا الموافقة. كما نحتفظ ببديل احتياطي (fallback) بسيط من تدرّج CSS للأجهزة التي لا تستطيع عرض اللوح الرقمي (canvas)، فالشخصية تبقى حتى عندما لا تبقى الجسيمات.

المبدأ: كيّف الإحساس، واحمِ الهوية. السرعة والكثافة تحملان الرسالة؛ واللون يحمل العلامة التجارية، والعلامة التجارية ليست متغيّرًا. وإذا أُحسن صنعه، يمكن لزائرَين أن يخوضا تجربتين مختلفتين على نحوٍ قابل للقياس، ومع ذلك يصفان الموقع بالكلمة نفسها: لكَ أنت.