أفكار لعرض أعمال الحافظة الخاصة بك على الإنترنت

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

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

إن منح نوع العمل الذي تقوم به سيلعب عاملاً في تصميم موقعك. لكن هذه النصائح عالمية ويمكن تطبيقها على أي موقع محفظة على الشبكة.

الفئات الديناميكية

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

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

• تصميم الهوية
• تصميم الأيقونات
• مواقع الويب
• تطبيقات الموبايل
• UI / UX wireframing

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

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

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

تأتي العديد من سمات محفظة WordPress مع هذه الميزات افتراضيًا وهي رائعة. يمكنك مشاهدة مثال آخر في سمة Beckett التي تستخدم روابط نصية بسيطة.

لكن لاحظ كيف أن كلا المثالين عبارة عن تصميمات ملء الشاشة بشكل أساسي وأن الحافظة تشغل غالبية المساحة على الصفحة.

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

عرض شرائح صور المشروع

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

أحب عروض الشرائح لأنها تقدم لمحة عن سير العمل دون أن تشغل مساحة كبيرة. لكن يجب عليك استخدامها باعتدال.

في بعض الأحيان ، يفضل الزوار معرضًا للصور المصغرة لتصفحها كلها مرة واحدة. لكن عروض الشرائح لها مكانها إذا لم تكن كبيرة جدًا ولا تحتوي على "عدد كبير جدًا من الشرائح" (دعنا نقول أقل من 15).

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

• الأسهم لليسار / لليمين
• التنقل النقطي لكل شريحة

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

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

أو يمكنك حتى إضافة واحدة إلى صفحتك الرئيسية كما هو الحال في موضوع Oshine. على وجه التحديد ، يقدم هذا العرض التوضيحي التصميم الداخلي والهندسة المعمارية.

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

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

فقط تأكد من أنك قرأت قليلاً عن الرف الدائري لتتعلم بعض أفضل الممارسات للتنقل وإعادة التوجيه التلقائي.

مربعات مشروطة

هذا هو الأسلوب المفضل لدي لتقديم عمل المحفظة. يظهر مربع النافذة المشروطة "في أعلى" الصفحة عن طريق جعل المحتوى الموجود أسفله رماديًا.

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

وخير مثال على ذلك هو موضوع Vitae الموجود في ThemeForest. يأتي مزودًا بنماذج Lightbox في كل صفحة من صفحات عناصر المحفظة حيث يمكنك النقر فوقها لرؤية عرض أكبر للصورة.

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

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

أوصي بهذا في الغالب لعناصر المعرض حيث لديك العديد من الصور التي تريد عرضها في سلسلة واحدة. يمكن للنوافذ المشروطة المظلمة أيضًا تقديم عناصر محفظة كاملة مثل سمة Honshi.

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

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

دراسات حالة على صفحة كاملة

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

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

يرغب الزوار في معرفة المزيد حول ما تفعله. تبني دراسات الحالة هذه الثقة وتقدمك كسلطة في هذا الموضوع.

الماندالا هو موضوع ممتاز يوضح كيف يمكن أن تبدو دراسات الحالة البسيطة.

يتضمن القسم العلوي عينة من صورة المشروع مع تفاصيل إضافية مثل تاريخ المشروع ، والفئة ، واسم العميل ، ونظرة عامة موجزة عن المشروع.

امنح القراء فرصة لإلقاء نظرة خاطفة وراء الكواليس ومعرفة المزيد حول ما تفعله. تساعد العناصر المرئية لكنها لا تظهر سوى جزء من القصة.

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

إذا كنت تقوم بالتصوير الفوتوغرافي ، فربما لن يكون لديك الكثير لتكتب عنه. ومع ذلك ، يوضح موضوع Dazzle أن القليل من المحتوى يمكن أن يقطع شوطًا طويلاً.

يأتي موضوع محفظتهم مع عشرات الأنماط. البعض لديه القليل من المعلومات عن المشروع ، والبعض الآخر لديه المزيد من التفاصيل على صفحة المشروع. ولكن في كلتا الحالتين ، يمكنك تعلم الكثير من خلال النظر في الأنماط العديدة التي يوفرها هذا الموضوع.

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

تغليف

إن تقديم عمل محفظتك ليس دائمًا أمرًا سهلاً. يختلف بناءً على نوع العمل وعدد المشاريع التي لديك.

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

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