در این جلسه از دوره طراحی سایت با المنتور، به سراغ طراحی ابتدایی صفحه اصلی رفتیم. هدف این جلسه، چیدمان و طراحی سه بخش مهم و تاثیرگذار در تجربه کاربری بود: تبلیغات، پیشنهاد سردبیر و جدیدترین مطالب. در ادامه خلاصهای از روند طراحی این بخشها را مرور میکنیم.
طراحی بخش تبلیغات در صفحه اصلی
در ابتدای جلسه، یک جایگاه تبلیغات گرافیکی در صفحه اصلی ایجاد کردیم تا بتوانیم در آینده بنرهای تبلیغاتی را به صورت دستی یا پویا در آن نمایش دهیم. طراحی این بخش با استفاده از یک سکشن با عرض کامل، پسزمینه جذاب و دکمه CTA انجام شد تا توجه کاربران را جلب کند.
ایجاد باکس پیشنهاد سردبیر
در ادامه، با استفاده از ابزارکهای المنتور، باکسی با عنوان «پیشنهاد سردبیر» طراحی کردیم. این بخش شامل یک تصویر شاخص، عنوان مطلب و خلاصهای از محتوای آن بود که امکان لینک دادن به مقاله کامل را نیز فراهم میکرد. طراحی این قسمت به گونهای انجام شد که در دید اول توجه مخاطب را جلب کند و او را ترغیب به کلیک کند.
ساخت بخش جدیدترین مطالب با طراحی گرید
در بخش پایانی این جلسه، سراغ نمایش آخرین مطالب سایت رفتیم. با استفاده از ابزارک پستهای المنتور (Elementor Posts)، یک طراحی گرید سه ستونه برای نمایش جدیدترین مقالات تنظیم کردیم. در این قسمت قابلیت انتخاب دستهبندی خاص، نمایش تاریخ انتشار و تنظیم تعداد نمایش مطالب فراهم شد.
نتیجهگیری جلسه اول
در پایان این جلسه، اسکلت اولیهای برای صفحه اصلی سایت شکل گرفت. طراحی بخشهای تبلیغاتی، پیشنهاد سردبیر و جدیدترین مطالب باعث شد صفحه جذابتر و حرفهایتر به نظر برسد. در جلسات آینده به تکمیل سایر بخشها مثل اسلایدر، دستهبندی موضوعی و فرم عضویت در خبرنامه خواهیم پرداخت.
