نمونه کار طراحی و ری دیزاین بنر وبسایت فروشگاهی

بنر اول (ادکلن Chanel Coco Mademoiselle): قبل (Before): پس‌زمینه: سفید ساده با سایه خاکستری که حس مدرن بودن رو القا می‌کنه. محصول: بطری ادکلن به صورت تکی و با جزئیات واضح قرار گرفته. متن: کوتاه و گویا، با تمرکز روی حس رایحه (“بوی ادکلنت از خاطرت پاک نمیشه! با ادکلن کوکو شنل، دیگه از یادها نمیری”). دکمه CTA: دکمه “خرید” با رنگ خاکستری تیره‌تر و قرارگیری در سمت راست، واضح و کاربردیه. نکات مثبت: سادگی، تمرکز روی محصول و پیام کلیدی. نکات قابل بهبود (که در نسخه بعد رفع شده): پس‌زمینه کمی بی‌روح است و جذابیت بصری کمتری دارد. بعد (After): پس‌زمینه: پالت رنگی صورتی ملایم و گرادیانت، با اضافه شدن گلبرگ‌های صورتی که حس لوکس، لطافت و زنانه بودن ادکلن رو تقویت می‌کنه. محصول: بطری ادکلن همچنان نقطه کانونه، اما کمی بزرگتر و با انعکاس ملایم روی سطح، که بهش عمق و واقع‌گرایی بیشتری داده. متن: پیام اصلی حفظ شده، اما رنگ متن (قهوه‌ای تیره) با پس‌زمینه هماهنگ‌تر شده و خوانایی خوبی داره. دکمه CTA: دکمه “خرید” با رنگ صورتی شاداب‌تر و متمایزتر، جذابیت بیشتری ایجاد کرده و توجه کاربر رو جلب می‌کنه. نکات مثبت: استفاده از گرادیانت و عناصر بصری (گلبرگ) برای ایجاد حس لوکس و زنانه، هماهنگی رنگی عالی، جذابیت بصری بیشتر نسبت به نسخه قبل. بنر دوم (لوازم خانگی Smeg): قبل (Before): پس‌زمینه: سفید ساده با یک حاشیه خاکستری در پایین، که حس مینیمال و تمیزی رو میده. محصول: سه محصول (قهوه‌ساز، مخلوط‌کن، همزن) در یک ردیف و با فاصله مساوی قرار گرفتن. متن: عنوان “یک انتخاب حرفه ای!” و زیرش دسته‌بندی “لوازم خانه و آشپزخانه اسمگ”. دکمه CTA: دکمه “خرید محصولات” در گوشه پایین سمت چپ، با فونت خاکستری. نکات مثبت: نمایش محصولات مرتبط، عنوان گویا. نکات قابل بهبود (که در نسخه بعد رفع شده): پس‌زمینه و چیدمان کمی یکنواخت است و حس پویایی کمتری دارد. بعد (After): پس‌زمینه: گرادیانت سبز نعنایی روشن که حس تازگی، سلامتی و تمیزی رو القا می‌کنه و با رنگ کرم محصولات اسمگ تضاد زیبایی داره. محصول: چیدمان محصولات کمی دینامیک‌تر شده (با کمی زاویه و عمق بیشتر) و روی یک سطح کابینت مانند قرار گرفتن که حس واقعی‌تری میده. متن: عنوان اصلی “یک انتخاب حرفه ای!” با رنگ سفید و خوانا در پس‌زمینه سبز. زیرش، دسته‌بندی “لوازم خانه و آشپزخانه اسمگ” با فونت کوچکتر. دکمه CTA: دکمه “خرید محصولات” با رنگ کرم ملایم و آیکون فلش، در قسمت پایین سمت چپ قرار گرفته و با پس‌زمینه هماهنگ‌تره. نکات مثبت: استفاده از رنگ سبز شاداب و هماهنگ با محصولات، چیدمان محصول پویاتر، حس واقعی‌تر فضا، خوانایی خوب متن. جمع‌بندی اصول طراحی به کار رفته: هویت بصری و برندینگ: استفاده از رنگ‌ها و سبک‌هایی که با ماهیت محصولات (لوکس و زنانه برای عطر، مدرن و مینیمال برای لوازم خانگی) همخوانی دارد. تمرکز بر محصول: قرار دادن محصول در نقطه کانونی و برجسته کردن آن. استفاده از گرادیانت و رنگ‌های ملایم: ایجاد حس لطافت، لوکس بودن، تازگی و آرامش. خوانایی متن: انتخاب فونت مناسب و کنتراست کافی بین متن و پس‌زمینه. پیام‌رسانی موثر: متن‌های کوتاه، گویا و ترغیب‌کننده (Call to Action). بهبود بصری: ایجاد عمق، سایه، انعکاس و چیدمان پویاتر برای جذابیت بیشتر. مقایسه “قبل و بعد”: این سبک از ارائه، قدرت و مهارت طراح رو در بهبود و ارتقاء طراحی‌های موجود به خوبی نشون میده.