إن كنت من محبي السيارات سيعجبك حتماً هذا الموقع، وإن كنت من محبي سيارات شركة فولسفاغن وما يتبعها من شركات مثل أودي، سكودا، سيات، لامبرغيني، بنتلي وبوغاتي، سيزداد إعجابك بهذا الموقع.
الاسم: VWvortex.com
الموقع: http://www.vwvortex.com/
التخصص: موقع متخصص في سيارات شركة فولكسفاغن
التصميم
يستخدم الموقع التشكيلة "الكلاسيكية" للألوان، وهي الأسود والأزرق والرمادي، واللون الأسود للمحتويات والأبيض كخلفية للمحتويات، وينقسم تصميم الموقع إلا ثلاثة أعمدة ومساحة تعلو الأعمدة، وهذا الموقع هو من المواقع القليلة التي أتقبل فيها استخدام ثلاثة أعمدة للتصميم، إذ يستخدمها بشكل جيد دون حشوها بالكثير من المحتويات.
نظام تصفح الموقع بسيط وواضح، وهو موجود في أعلى الموقع، وكل قسم رئيسي يحوي أقساماً فرعية، ولم أجد رابطاً يقودوني إلى الصفحة الرئيسية "Home"، مع أن الضغط على الشعار يفعل نفس الأمر، إلا أنني أفضل وجود رابط واضح يرجع بي إلى الصفحة الرئيسية، ونظام التصفح لا يخبر الزائر أين هو الآن، كأن يغير من لون اسم القسم قليلاً.
في العمود الأوسط والأيمن، ستجد آخر الأخبار والمقالات، هكذا يمكن للزائر القفز مباشرة إلى المحتويات دون الحاجة إلى المرور على الأقسام الرئيسية والفرعية، بعض المواقع تجعل الوصول إلى محتوياتها أمراً مملاً! وعند استعراض مقالة أو خبر ستجد أن التصميم يصبح عمودين فقط بدلاً من ثلاثة، بحيث تأخذ المحتويات مساحة العمود الثالث، وقد لاحظت أن الخط المستخدم في المحتويات صغير بعض الشيء.
1) أعيد وأكرر: استخدم ثلاث ألوان فقط للتصميم.
2) وأكرر أيضاً: استخدم اللون الأسود للمحتويات واللون الأبيض كخلفية للمحتويات.
3) لا تجعل تصميم الموقع مزدحماً بالمحتويات، حتى لا يتشتت ذهن الزائر.
4) كلما كان وصول الزائر إلى المحتويات أسرع ازداد بقاءه وارتباطه بالموقع.
5) حاول أن تجعل الخط مناسباً لأكبر عدد ممكن من الزوار.
6) وفر رابط في كل صفحات الموقع يذهب بالزائر مباشرة إلى الصفحة الرئيسية.
7) يجب أن يوضح نظام التصفح للزائر أين هو الآن.
المحتويات
الموقع هو مجتمع إلكتروني، أو نادي إلكتروني، يجمع هواة سيارات فولسفاغن، هؤلاء يبحثون عن آخر الأخبار، مواضيع حول شركات تعديل السيارات، اختبار السيارات وإبداء الرأي حولها، أخبار السباقات، لقاءات مع المسؤولين في الشركات، صور لكل السيارات التي تنتجها الشركة، دروس تعليمية حول كيفية تحسين أداء السيارة أو كيفية العناية بها ومنتدى للحوار.
هناك الكثير من المواقع التي تحوي نفس الأمور، أخبار، مواضيع ومقالات، معرض صور ومنتدى، لكن عدم تركيزها على موضوع محدد يجعلها بلا طعم ولا رائحة، وهذا الموقع يقدم مثالاً جيداً عن التركيز على التخصص، ويثبت أن التخصص لا يعني ضيق الأفق وقلة المحتويات، أنظروا إلى قسم الأخبار، كل شركة لها صفحة خاصة، قسم Features يحوي العديد من المواضيع المختلفة، مقالات تقنية، آراء خاصة، مواضيع تشرح كيف تم تعديل بعض السيارات وكم كلف ذلك، قسم resources يحوي روابط، رزنامة للأنشطة المرتبطة بتخصص الموقع والتي وللأسف وجدتها خالية تماماً! وأخيراً أدلة لطرازات السيارات وهو قسم غير مكتمل، ولا أنسى عشرات الصور في المعرض، وقسم marketplace يحوي خدمات تجارية عديدة.
1) أكرر ولن أتوقف عن التكرار: اهتم بالتخصص، ركز على موضوع ما ولا تشتت نفسك في عدة اتجاهات.
2) إذا كان القسم لا يحوي أي محتويات فعليك أن تحذفه ولا تبقيه!
3) قدم كل المحتويات والخدمات التي تستطيعها لكي تخدم التخصص وتفيد زوارك، وتذكر: لا حدود للإبداع إلا الحدود التي تضعها أنت.
التقنيات
يستخدم الموقع html لكنه لا يحدد أي html بالضبط، ويستخدم css بشكل بسيط، والتصميم تم إنشاءه باستخدام الجداول، بعض أقسام الموقع تستخدم لغة php مثل معرض الصور والرزنامة، المنتدى المستخدم هو zeroforum، حجم الصفحة الرئيسية يبلغ 36 كيلوبات والرسومات تبلغ 202 كيلوبايت، والمجموع = 238 كيلوبايت!! وهذا الحجم ضخم جداً.
مواقع:
http://www.zeroforum.com/
مواقع سيارات لها نفس فكرة هذا الموقع:
http://www.subdriven.com/ - سوبارو
http://www.swedespeed.com/ - فولفو
http://www.mwerks.com/ - بي أم دبليو
http://www.triplezoom.com/ - مازدا
مشكور اخوي على تشريح الموقع 