5 دراسات حالة ملهمة لتصميم الويب

واقع تصميم الويب هو أنه بمجرد الانتهاء من المشروع ، نأمل أن تنتقل مباشرة إلى المشروع التالي. ومع ذلك ، فإن كل موقع تقدمه هو جزء أساسي من المحفظة يوضح مهاراتك وقدراتك ، وبينما سترغب عادةً في الارتباط بعملك الأخير على موقعك ، إلا أنه من المفيد القيام بالمهمة بشكل صحيح.

بدلاً من مجرد الحصول على لقطة شاشة لملف الصفحة المقصودة والرابط وإضافته إلى محفظتك عبر الإنترنت ، فإن كتابة دراسة حالة جذابة حول عملك يمكن أن يكون أكثر فائدة. لا يلزم أن تكون دراسات الحالة مقالات مطولة ؛ إنهم يحتاجون فقط إلى منح القراء لمحة عن عمليتك وتقديم نظرة ثاقبة للتحديات التي واجهتها على مدار إنشاء الويب وكيفية حلها.

إنها طريقة رائعة للسماح للعملاء المحتملين بمعرفة كيفية عملك ، ويمكنهم أيضًا توفير الإلهام للمصممين والمطورين الآخرين ؛ فيما يلي خمسة من الأمثلة الحديثة المفضلة لدينا.



01. متحف العلوم والصناعة بشيكاغو

دراسات حالة تصميم الويب: متحف العلوم والصناعة في شيكاغو

تولى DogStudio مهمة ضخمة مع هذا الموقع ، وتم تسليمها(رصيد الصورة: DogStudio)

من الصعب التغلب على دراسة حالة ملهمة حقًا قطعة واسعة من DogStudio يؤرخ عملها لمتحف العلوم والصناعة في شيكاغو. المتحف عبارة عن مؤسسة أمريكية ضخمة ومحترمة للغاية ، ولا يسعك إلا الحصول على انطباع بأن DogStudio كان يتفوق كثيرًا على وزنه عندما فاز بعمولة إعادة التفكير في منصته على الويب وتجديدها ، ولكن كما تكشف دراسة الحالة هذه ، حملت الوظيفة مع الثقة بالنفس.

كيفية إنشاء كتيب في إنديزاين

معبأة بإطارات شبكية وصور ورسوم متحركة كاشفة ، إنها نظرة ثاقبة رائعة على بناء ضخم وصعب كان يجب أن يلبي احتياجات أكثر من خمسة ملايين زائر عبر الإنترنت يرغبون في القيام بكل شيء بدءًا من شراء التذاكر وحتى اكتشاف مكان الوقوف والعثور على معلومات حول المعروضات الفردية .

02. ناشيونال جيوغرافيك: منظر عين الدب في يلوستون

دراسات حالة تصميم الويب: ناشيونال جيوغرافيك: دب

لا يجب أن تكون دراسة الحالة مُلْقِمة ؛ دع الصور تتحدث(رصيد الصورة: مرحبًا الاثنين)

في بعض الأحيان يكون من الأفضل أن تظهر لا أن تقول. من أجل هذه النظرة الجذابة على حديقة يلوستون الوطنية كما يراها أربعة دببة مزودة بأطواق الكاميرا ونظام تحديد المواقع العالمي ، كان لدى Hello Monday مجموعة كبيرة من اللقطات والبيانات وتحليل الخبراء للعمل معها. وبدلاً من الخوض في تفاصيل جافة حول كيفية ملاءمته لكل شيء معًا ، فإنه يبقي الأمور مختصرة في دراسة الحالة الخاصة به ، مع توفير مخطط موجز للمشروع والمخرجات قبل الانتقال إلى مقال مرئي بالكامل يوضح مقدار العمل المبذول في إنشاء هذه الميزة الرقمية.

بالإضافة إلى المساعدة الجيدة في اللقطات ولقطات الشاشة التي تعرض ما يدور حوله الموقع ، فإن ما نحبه حقًا في هذه الدراسة هو قسم مخصص لكيفية ختم Hello Monday بشخصيتها الخاصة في المشروع ، وبث حياة إضافية في الميزة بالرسوم المتحركة والألوان المائية الرسوم التوضيحية والصور المرسومة بالقلم الرصاص لكل دب.

كيف تتحسن في رسم التشريح

03. ذات مرة في ... هوليوود

دراسات حالة تصميم الويب: ذات مرة في ... هوليوود

إذا توصلت إلى نهج مبتكر لمشروع ما ، فركز على ذلك(رصيد الصورة: واتسون)

تقوم حاليًا بأعمال تجارية كبيرة في شباك التذاكر ، فيلم Quentin Tarantino's Once Upon a Time in… Hollywood هو رسالة حب إلى سينما الستينيات التي تعيد إنشاء عصرها مع اهتمام تارانتينو النموذجي بالتفاصيل. ولإنشاء حضور على الإنترنت استحوذ على إحساس هوليوود عام 1969 بالإضافة إلى الفيلم ، قطعت وكالة واتسون في لوس أنجلوس شوطًا إضافيًا لإنشاء مجلة رقمية تبدو وكأنها كانت ستخرج من كشك لبيع الصحف قبل 50 عامًا.

كيف تصنع شعار على الفوتوشوب

في دراسة الحالة هذه لا يشرح فريق Watson التفكير وراء المجلة وإعلاناتها المثالية فحسب ، بل يشرح أيضًا كيفية إنشاء نسخة مطبوعة فعلية من mag التي تم توزيعها في العرض الأول وعروض الليلة الأولى ، مما خلق ضجة اجتماعية أخرى كاملة مثل نشر عشاق الأفلام لقطات من مجلتهم لإثبات وجودهم هناك. إذا كنت تبحث عن أفكار حول كيفية إدارة حملة اجتماعية قوية ، فهناك بعض المواد الرائعة هنا.

04. الصليب الأحمر البريطاني

دراسات حالة تصميم الويب: الصليب الأحمر البريطاني

هنا يقوم كوتا بعمل رائع في توصيل تحديات هذا المشروع وكيف واجهها(رصيد الصورة: المدينة)

دراسة حالة كوتا حول عملها الأخير مع الصليب الأحمر البريطاني عبارة عن قطعة واضحة وموجزة توفر نظرة ثاقبة حول التحديات - والفرص - للعمل في حملة مع مؤسسة ذات إرشادات واضحة للعلامة التجارية يجب الالتزام بها. في حالة حملة OneKindThing التابعة للصليب الأحمر البريطاني ، كان على كوتا إنشاء منصة تميزت عن الحملات السابقة مع البقاء ضمن إرشادات العلامة التجارية الملحمية للمجتمع.

من خلال عدد قليل من الصور وفقرتين ، توضح كوتا كيف تمكنت من إدارة ذلك بالضبط ، وتغطي أيضًا بعض العقبات التقنية التي كان يجب التغلب عليها لتسليم الموقع النهائي. كانت النتيجة النهائية تستحق الجهد المبذول ، كما كشفت شهادة الصليب الأحمر البريطاني في نهاية دراسة الحالة.

05. Stonewall إلى الأبد

دراسات حالة تصميم الويب: Stonewall Forever

نظرة متعمقة على مشروع مهم ومتطلب تقنيًا(رصيد الصورة: Stink Digital)

للاحتفال بالذكرى الخمسين ل Stonewall Riots ، وهو حدث ساعد في إحداث حركة الكبرياء ، دخلت Stink Digital في شراكة مع The LGBT Community Centre لإنشاء Stonewall Forever ، وهي تجربة رقمية غامرة تتميز بروايات رئيسية وقصص لم يسمع بها من قبل من تاريخ LGBTQ +.

توضح دراسة حالة Stink Digital كيف شيدت نصبًا حيًا إلى 50 عامًا من Pride ، ومقرها كريستوفر بارك ، نيويورك ، ولكن يمكن الوصول إليها من أي مكان من خلال موقع ويب أو تطبيق AR ، وتتناول بعض التفاصيل المتعلقة بتحديات إنشاء نصب WebGL يتكون من أكثر من 10000 قطعة فردية مع تأثيرات ما بعد المعالجة ، ولكن لا يزال يعمل بسرعة 60 إطارًا في الثانية ، حتى على الأجهزة المنخفضة.

بعيدًا عن التحديات التقنية ، هذا جزء ممتع وثاقب حول مشروع يستكشف الحياة قبل وأثناء وبعد أعمال شغب ستونوول.

Adobe Creative Cloud على السطح برو 4

مقالات ذات صلة: