تلات تخصصات تصميم، استوديو واحد، سكرول واحد.
AB Interiors بتبيع التصميم الداخلي، الخارجي، واللاندسكيب كتلات خدمات منفصلة، بمعرض صور فيه أكتر من 50 صورة للعقارات وفيديو تعريفي من عميل حقيقي — محتوى أوسع بكتير من موقع استوديو خدمة واحدة، وطريقة سهلة إنه يتحول لسكرول طويل من الرندرات مش متمايز.
المهمة هنا كانت البناء نفسه: تحويل المحتوى والصور ده لموقع ووردبريس وإليمنتور شغال، فردي — بما في ذلك القرارات الهيكلية اللي المحتوى نفسه مكانش حاسمها ليا.
كل خدمة ليها هويتها، من غير تلات قوالب صفحات مختلفة.
مع تلات خدمات بتتشارك صفحة رئيسية واحدة، أسرع طريقة كانت هتخليهم كلهم زي بعض هي تكرار نفس كارت واحد. بدل ده، كل خدمة فضلت على نفس فكرة شريط الصور مع كارت العرض، بس العنصر اللي "عايم" بيختلف — عشان التلات أقسام تحس إنها قرايب من بعض، مش نسخ مكررة.
نمط واحد، تلات صيغ
التصميم الداخلي بيستخدم قايمة عادية، اللاندسكيب كارت بلونين متداخل، والتصميم الخارجي كارت قايمة عايم — فكرة واحدة، تلات تراكيب مختلفة.
الدليل قبل العرض
شريط أرقام جامد — 250 مشروع، 180 عميل، 10 سنين، 80 تصميم — موجود على طول بعد مقدمة الاستوديو، قبل أي تفاصيل خدمة.
أسماء ناس، مش فورم
الدعوة الأخيرة للتواصل حاطة أسماء المؤسسين الاتنين، مسمياتهم، إيميلاتهم المباشرة، وأرقام تليفوناتهم على الشاشة، بدل ما توجه كل استفسار لفورم عام.
لون برونزي دافي على خلفيتين نيوترال مختلفتين، مش واحدة.
العناوين، الأزرار، وأرقام الإحصائيات كلها بتتشارك نفس اللون البرونزي الدافي، بس الخلفيات بتتبادل بين أزرق-رمادي بارد وبين كريمي عاجي دافي من قسم لقسم — عشان الصفحة تتنفس بين الأقسام بدل ما تحس إنها بلوك واحد مسطح بنفس لون الخلفية.
الباليت منضبطة — لون برونزي واحد، حبر غامق واحد، سطحين نيوترال، رمادي نص داعم واحد، وأزرق ثانوي واحد محجوز بس لقسم النشرة البريدية — عشان تلات أقسام خدمة مختلفة تقدر تتشاركها من غير ما يحتاج أي واحد منهم قصة لون خاصة بيه.
عنوان إنجليزي
Playfair Display
نص إنجليزي
Poppins
الألوان والخطوط مأخوذة مباشرة من الموقع الفعلي — مفيش ملفات مصدر اتوفرت للمشروع ده.
الكارت العايم بيتحول لبلوك مكدس.
على الديسكتوب، كارت معلومات Exterior Design عايم على الشمال، متداخل مع أول صورة في شريط التلات صور — تركيبة متدرجة على شكل مجلة. على الموبايل، نفس الكارت بينقل لفوق الصور بالكامل، عرض كامل، من غير أي تداخل — تركيبة أبسط ومقصودة للمساحة، مش نسخة مصغرة من تصميم الديسكتوب. نفس إعادة البناء بتحصل في Landscape Design، حيث الكارت المتداخل بلونين بيتحول لبلوك مكدس عادي تحت الصور.
اتبنى بشكل فردي بالووردبريس والإليمنتور، من صور الرندر لمعرض فيه أكتر من 50 صورة.
أنا اللي عملت البناء بالكامل: هيكلة تلات أقسام الخدمة كأنماط إليمنتور قابلة لإعادة الاستخدام، وترتيب معرض صور العقارات على شكل ماسونري من صور الرندر المعمارية الخاصة بالعميل، وربط أقسام الإحصائيات، آراء العملاء، والنشرة البريدية بثيم واحد متماسك.
شوية قرارات بتحس إنها مقصودة، مش افتراضية.
بالنظر له بعين الـUX، تلات قرارات بتشتغل أكتر من اللي تبدو عليه:
صورة هيرو مختلفة لكل جهاز
مش قص لنفس الصورة — الديسكتوب بيفتح على صورة غرفة نوم داخلية، والموبايل بيفتح على صورة تراس خارجي، انطباعين أوليين مقصودين ومختلفين لنفس العنوان ونفس زر الدعوة للفعل.
رندرات حقيقية، مش صور جاهزة
كل قسم خدمة والمعرض الكامل للعقارات بيستخدموا صور الرندر المعمارية الخاصة بالعميل نفسه، عشان المعرض يكون في نفس الوقت دليل على شغل التصميم ذات نفسه.
ناس، مش طابور تذاكر
أسماء المؤسسين الاتنين، مسمياتهم، إيميلاتهم المباشرة، وأرقام تليفوناتهم موجودة في الدعوة الأخيرة للتواصل، قبل آراء العملاء — استوديو حاطط اسمه ورا النتيجة.
المعرض فضل عرض مختارات، مش الكتالوج بالكامل.
معرض صور العقارات مجموعة مختارة من الرندرات في شبكة ماسونري واحدة بدل كتالوج مقسم على صفحات — كفاية عشان تثبت تنوع الشغل بين التصميم الداخلي، الخارجي، واللاندسكيب من غير ما تحول الصفحة الرئيسية لمكتبة صور الزائر محتاج يبحث فيها.
تلات خدمات، استوديو واحد، بيتقرا بنظرة واحدة.
أي خدمة كان الزائر جاي عشانها، نفس الباليت البرونزي على النيوترال، نفس نمط شريط الصور، ونفس شريط الإحصائيات موجودين على طول — هوية استوديو واحدة شايلة تلات أنواع مختلفة من شغل التصميم.