التشطيب قرار لا يُتخذ في جلسة واحدة. العميل يبحث لأسابيع، يقارن، يستشير، ثم يعود مرات قبل أن يتصل. تصميم موقع لشركة تشطيبات يعني تصميم شيء يصمد أمام هذه الزيارات المتكررة ويقنع في كل واحدة منها. كان دوري في مشروع «SYK للتشطيبات» تصميم الواجهة وبنية العرض البصري وتنفيذ الواجهة الأمامية.
قطاع يُشترى بالعين قبل أن يُشترى بالسعر
في معظم الخدمات يقارن العميل بالسعر والسمعة. في التشطيبات يقارن بالصورة أولاً. لا أحد يوقّع عقد تشطيب شقة كاملة اعتماداً على نصّ يقول «خبرة أكثر من عشر سنوات»؛ التوقيع يحدث بعد رؤية عمل منفّذ يشبه ما يتخيّله العميل لبيته.
هذا قلب أولويات التصميم رأساً على عقب. النص انكمش إلى أدنى حدّ وظيفي، والصورة أخذت المساحة الأكبر في كل شاشة تقريباً. الصفحة الرئيسية لا تبدأ بفقرة تعريفية عن الشركة كما هو معتاد، بل بعمل منفّذ يملأ الشاشة، لأن أول سؤال في ذهن الزائر ليس «من أنتم» بل «أروني ما تفعلونه».
دورة قرار طويلة تحتاج تصميماً يصبر عليها
الزائر في هذا القطاع نادراً ما يتحوّل من الزيارة الأولى. يمرّ، يعجبه شيء، يغادر، ثم يعود بعد أيام. التصميم الذي يفترض التحويل الفوري — نوافذ منبثقة عدوانية وعروض تنتهي بعد دقائق — يعمل ضد طبيعة هذا القرار ويُشعر الزائر بالضغط في لحظة هو فيها يستكشف فقط.
بنيت التجربة على منطق العودة لا على منطق الحسم: التصفّح سهل بلا حواجز، لا نوافذ تعترض القراءة، وقنوات التواصل حاضرة دائماً وهادئة في الوقت نفسه. الهدف أن يغادر الزائر بانطباع مريح يجعله يعود، لا بانطباع أنه هرب من موقع يطارده.
كيف تُعرض التشطيبات بصرياً
صور التشطيبات لها مشكلة تقنية خاصة: أغلبها يُلتقط في مساحات داخلية بإضاءة صناعية مختلطة، فتخرج بدرجات لونية متباينة — بعضها يميل للأصفر وبعضها للأزرق. عرضها كما هي في شبكة واحدة يُنتج فوضى لونية تُفسد الانطباع بالفخامة الذي يُفترض أن تصنعه.
فرضت معالجة موحّدة لكل الصور: نسبة عرض ثابتة واقتصاص متسق، وترتيب الشبكة بحيث لا تتجاور صورتان متعارضتان في درجة الحرارة اللونية. الترتيب هنا قرار تصميمي لا مجرد رصّ؛ تسلسل الصور يصنع إيقاعاً بصرياً، والإيقاع المضطرب يُقرأ كعدم إتقان حتى لو كان كل عمل معروض متقناً في ذاته.
الخدمات الخمس وحدود كل واحدة
الشركة تقدّم خمس خدمات متمايزة: التشطيب الكامل للشقق والفلل، الألوميتال، المطابخ المودرن، الأبواب المصفّحة، وأعمال الديكور. عرضها كقائمة واحدة يوحي بأنها متساوية الحجم، وهي ليست كذلك — التشطيب الكامل مشروع بحجم مختلف تماماً عن تركيب باب.
لذلك منحت التشطيب الكامل وزناً بصرياً أكبر في الشبكة، وجعلت الأربعة الباقية بحجم متساوٍ أصغر. هذا التفاوت المقصود يوصل رسالة الشركة عن نفسها دون أن تُكتب في جملة: نحن شركة تشطيب متكامل، ونقدّم هذه الخدمات المتخصصة أيضاً. التسلسل الهرمي البصري يقول ما لا يليق أن يُقال نصّاً.
| البند | التفاصيل |
|---|---|
| العميل | SYK للتشطيبات — القاهرة والجيزة |
| القطاع | التشطيبات والديكور الداخلي |
| دوري في المشروع | تصميم الواجهة والعرض البصري وتنفيذ الواجهة الأمامية |
| محور التصميم | أولوية الصورة على النص · معالجة بصرية موحّدة |
| الخدمات المعروضة | تشطيب كامل · ألوميتال · مطابخ · أبواب مصفّحة · ديكور |
| قناة التحويل الأولى | واتساب واتصال مباشر |
| السياق | دورة قرار طويلة بزيارات متكررة |
| سنة التنفيذ | 2023 |
الواتساب كقناة أولى لا كخيار احتياطي
في السوق المصري، عميل التشطيبات لا يملأ نموذجاً غالباً؛ يفتح واتساب ويرسل صورة أو سؤالاً قصيراً. تجاهل هذه الحقيقة والإصرار على نموذج تواصل طويل يعني خسارة معظم الطلبات المحتملة.
لذلك رفعت الواتساب من «أيقونة صغيرة في الزاوية» إلى قناة أولى معلنة، بزر ثابت في متناول الإبهام على الجوال. وأبقيت النموذج موجوداً لمن يفضّله، لكن بلا أن يحتل الأولوية. القاعدة التي أعمل بها: القناة التي يستخدمها العميل فعلاً هي التي تستحق أفضل مكان على الشاشة، لا القناة التي نتمنى أن يستخدمها.
الدليل الاجتماعي دون مبالغة
التقييمات وآراء العملاء عنصر ثقة قوي في هذا القطاع، وأسهل عنصر يفقد مصداقيته بالمبالغة في عرضه. الشريط المتحرك الذي يعرض عشرات الآراء الخمس نجوم بصور نمطية يُقرأ فوراً كمحتوى مصنوع.
صمّمت هذا القسم بعدد محدود من الآراء، معروضة بشكل ثابت لا متحرّك، بتنسيق بسيط يشبه اقتباساً مكتوباً أكثر مما يشبه إعلاناً. المبدأ نفسه الذي أطبّقه على كل أدلة الثقة: الدليل كلما عُرض بهدوء زادت مصداقيته، وكلما جرى تلميعه أثار الشك بدل أن يزيله.
الهوية اللونية: الفخامة بلا ابتذال
«الفخامة» في التصميم كلمة خطرة، لأن الطريق السريع إليها — الذهب اللامع والزخارف الكثيفة — يقود إلى النتيجة المعاكسة تماماً. الفخامة البصرية الحقيقية تأتي من ضبط النفس: مساحات واسعة، لوحة لونية ضيقة، وخطوط أنيقة بلا استعراض.
اعتمدت لوناً معدنياً دافئاً كلمسة تمييز فقط — في الحدود ودعوات الفعل والتفاصيل الصغيرة — على قاعدة محايدة. اللمسة الذهبية بنسبة خمسة بالمئة من الشاشة تصنع إحساس الرقيّ؛ النسبة نفسها عند خمسين بالمئة تصنع العكس. هذا التوازن هو الفرق العملي بين موقع يبدو راقياً وموقع يحاول أن يبدو كذلك.
السرعة كشرط لا كتحسين
موقع قائم على الصور بهذه الكثافة مرشّح لأن يصبح ثقيلاً، وثِقَله يعني أن الزائر سيغادر قبل أن يرى العمل الذي كان سيقنعه. تعاملت مع وزن الصفحة كقيد تصميمي أثناء الرسم لا كمعالجة لاحقة.
عملياً: تحديد عدد الصور المسموح بها في الشاشة الأولى، ضبط مقاس العرض الفعلي لكل صورة، تأجيل تحميل ما هو أسفل الطية، وحجز مساحة كل صورة مسبقاً لمنع قفز التخطيط أثناء التحميل. على شبكات الجوال المتفاوتة في مصر، هذه القرارات تصنع فارقاً ملموساً بين موقع يُتصفَّح وموقع يُغادَر.
الشاشة الأولى: ثانيتان لتكوين انطباع
الزائر يقرّر خلال ثانيتين تقريباً إن كان سيبقى أو يغادر، وفي قطاع بصري كهذا يُبنى القرار على ما يراه لا على ما يقرأه. لذلك تعاملت مع الشاشة الأولى كواجهة معرض لا كمقدّمة تعريفية.
وضعت فيها ثلاثة عناصر فقط: عمل منفّذ يملأ الإطار، جملة واحدة تحدّد هوية الشركة، وطريق واضح للتواصل. حذفت منها كل ما اعتاد أن يزدحم في هذا الموضع — شرائح متحركة متعددة، شعارات شركاء، أرقام إنجازات. الشريط المتحرك تحديداً استبعدته عمداً: معظم الزوار لا ينتظرون الشريحة الثانية، فينتهي الأمر بأن أفضل الأعمال لا يراها أحد.
التنقّل بين الخدمات دون أن يضيع الزائر
الزائر الذي يدخل من بحث عن «مطابخ مودرن» يصل مباشرة إلى صفحة المطابخ، وليس إلى الصفحة الرئيسية. هذا يعني أن كل صفحة خدمة يجب أن تعمل كصفحة هبوط مستقلة تشرح نفسها بالكامل، لا كفرع يفترض أن الزائر مرّ بما قبله.
لذلك كرّرت في نهاية كل صفحة خدمة عناصر ثلاثة: نبذة قصيرة عن الشركة لمن وصل توّاً، روابط للخدمات المرتبطة، وقناة تواصل مباشرة. تكرار هذه العناصر قد يبدو حشواً من زاوية من يقرأ الموقع كاملاً بالترتيب، لكنه ضرورة من زاوية الأغلبية التي تدخل من منتصف الموقع ولا ترى صفحته الرئيسية إطلاقاً.
ثلاثة أسئلة عن هذا العمل
لماذا الصورة قبل النص في هذا القطاع تحديداً؟
لأن المنتج نفسه بصري. العميل يحاول أن يتخيّل بيته بعد التشطيب، والنص لا يساعده على ذلك مهما كان جيداً، بينما صورة واحدة لعمل منفّذ تفعلها في لحظة.
ألا يضرّ غياب النوافذ المنبثقة بمعدّل التحويل؟
في القرارات السريعة قد تنفع، أما في قرار بحجم تشطيب وحدة سكنية فالضغط يولّد نفوراً. الرهان هنا على العودة المتكررة لا على الحسم من الزيارة الأولى.
كيف تُعالَج الصور الواردة من العميل بجودات متفاوتة؟
بفرض قواعد موحّدة على العرض: نسبة ثابتة، اقتصاص متسق، وترتيب يراعي تجاور الدرجات اللونية. لا يمكن تحسين جودة الصورة نفسها، لكن يمكن جعل المجموعة تبدو متماسكة.