البناء والتهيئة بجميع الأشغال، الدار البيضاء
إعادة بناء موقع Wolcons في صفحة واحدة: 9 أقسام، 13 إنجازًا بأرقامه، ومسار طلب عرض سعر ينتهي على واتساب، دون أي مكتبة خارجية أو مرحلة بناء.
شاهد النتيجة
- 9
- أقسام مُسلَّمة، من المشكل إلى عرض السعر
- 13
- إنجازًا بأرقامه، قابلة للتصفية
- 6
- أسئلة مُعالَجة في قسم الأسئلة الشائعة
- 0
- تبعية خارجية، موقع ثابت 100%
العائق
تبيع Wolcons عقدًا واحدًا يغطي جميع الأشغال، لكن موقعها كان يعرض لائحة خدمات بلا منهجية ولا أدلة. في هذا السوق، صاحب المشروع لا يقارن بين الخدمات، بل يقارن بين درجات الموثوقية: من يتحمّل مسؤولية الميزانية والآجال والتسلّم. لم يكن العائق في السمعة، بل في غياب سند قادر على تقديم هذا البرهان وتحويل الزيارة إلى طلب عرض سعر.
ما قمنا به
أعدنا بناء الموقع في صفحة واحدة، مركّبة كحجّة متسلسلة: المشكل الحقيقي، المنهجية في أربع مراحل، المهن الثلاث، الأدلة، الأسئلة التي تعرقل القرار، ثم عرض السعر. أخذنا الألوان بكسلًا بكسل من الشعار الرسمي بدل تقديرها بالتقريب، وربطناها بخطي Outfit وInter، مع زوايا حادة وخطوط بسمك بكسل واحد وتشبيكات على هيئة مخططات هندسية تحفظ السجل المعماري. نُشرت الإنجازات الـ13 بالموقع والمساحة والحصص والميزانية، قابلة للتصفية حسب المهمة، بينما تمر 8 علامات مورّدة في شريط يعمل كضمانة. استمارة عرض السعر تفتح محادثة واتساب معبّأة مسبقًا مع بديل عبر البريد الإلكتروني، وهي القناة الأسرع تجاوبًا في المغرب.
ما تم تسليمه
- 01 موقع تعريفي من صفحة واحدة، 9 أقسام متسلسلة كحجّة: المشكل، المنهجية، المهن، الإنجازات، الآراء، الشركاء، الأسئلة الشائعة، عرض السعر
- 02 هوية رقمية مشتقة من الشعار: ألوان مأخوذة بكسلًا بكسل، خطا Outfit وInter، انحناءات بـ2 بكسل، خطوط بسمك بكسل واحد، وتشبيكات على هيئة مخططات
- 03 معرض من 13 إنجازًا مع الموقع والمساحة والحصص والميزانية، قابل للتصفية حسب 3 مهام
- 04 مسار تحويل عبر واتساب: استمارة عرض سعر من 7 حقول تفتح محادثة معبّأة مسبقًا، بديل عبر البريد الإلكتروني، وزر عائم دائم
- 05 محرك حركات داخلي مبني على IntersectionObserver وحلقة rAF واحدة، معطَّل بالكامل تحت prefers-reduced-motion
- 06 أساس تقني دون مكتبات خارجية ودون مرحلة بناء: صور WebP بأبعاد محددة، مساحات لمس بـ44 بكسل، إظهار واضح لمؤشر لوحة المفاتيح، ووسوم title وdescription وcanonical وOpen Graph