درباره پروژه
پنل تبلیغات دیوار ابزاری برای ساخت و مدیریت کمپین‌های تبلیغاتی در پلتفرم دیوار است؛ آژانس دییر نسخه وب و رسپانسیو آن را در مدت شش ماه طراحی کرد.
دیوار با هدف خرید و فروش بدون واسطه و آنلاین ایجاد شد و امروز یکی از شناخته‌شده‌ترین پلتفرم‌های آگهی در ایران است. در راستای بهبود خدمات تبلیغاتی، پلتفرم تبلیغات دیوار نیز شروع به کار کرد تا کسب‌وکارها و فروشگاه‌ها بتوانند آگهی‌های خود را به شکل هدفمندتری به کاربران نشان دهند.
پنل تبلیغات محل کار تبلیغ‌دهنده است: جایی که کمپین می‌سازد، بودجه تعیین می‌کند، اعتبار حساب را افزایش می‌دهد و عملکرد کمپین‌هایش را دنبال می‌کند. دامنه این پروژه طراحی نسخه وبسایت و رسپانسیو پنل برای کاربران در ایران بود و در مدت شش ماه انجام شد.
چالش
پنل‌های تبلیغاتی معمولاً پر از عدد و جدول‌اند و برای کاربری که متخصص تبلیغات دیجیتال نیست، به‌سرعت گیج‌کننده می‌شوند. بخش بزرگی از تبلیغ‌دهندگان دیوار صاحبان کسب‌وکارهای کوچک و فروشگاه‌ها هستند که می‌خواهند بدون پیچیدگی بدانند پولشان کجا خرج شده و نتیجه چه بوده است.
- نمایش آمار کمپین‌ها (بودجه، میزان مصرف، نمایش، کلیک و قیمت هر کلیک) به شکلی که در یک نگاه قابل فهم باشد.
- ساده کردن مسیر ساخت کمپین و نشان دادن اینکه آگهی در نهایت چطور در دیوار دیده می‌شود.
- شفافیت در پرداخت و افزایش اعتبار، از جمله مبلغ، مالیات و شماره پیگیری.
- حفظ همین کارایی در صفحه کوچک موبایل، جایی که جدول‌های عریض جا نمی‌شوند.
فرایند طراحی
۰۱تحقیق و شناخت کاربران
ابتدا نیازهای انواع تبلیغ‌دهندگان و کارهایی که هر روز در پنل انجام می‌دهند بررسی شد تا مشخص شود کدام اطلاعات باید همیشه در دید باشد و کدام می‌تواند در لایه‌های بعدی قرار بگیرد.
۰۲معماری اطلاعات و جریان کاربر
ساختار پنل به سه بخش اصلی داشبورد، کمپین‌ها و تاریخچه تراکنش‌ها محدود شد. موجودی اعتبار و دکمه افزودن اعتبار در هدر ثابت ماند تا در هر صفحه در دسترس باشد، و جریان‌های ساخت کمپین و افزایش موجودی به صورت مرحله‌ای طراحی شدند.
۰۳طراحی رابط کاربری
رابط کاربری با زبانی ساده و خلوت طراحی شد: کارت‌های آماری بزرگ برای شاخص‌های اصلی، جدولی با امکان مرتب‌سازی و فیلتر برای کمپین‌ها، و نشانگرهای رنگی برای وضعیت هر کمپین.
۰۴نسخه رسپانسیو و تحویل به توسعه
برای موبایل، جدول‌ها به کارت تبدیل شدند و منو به یک کشوی کناری منتقل شد. کامپوننت‌ها و حالت‌های مختلف هر صفحه برای تیم توسعه مستند شدند.
آنچه طراحی شد
۰۱داشبورد و فهرست کمپین‌ها
داشبورد با سه کارت تعداد کل کلیک، میانگین هزینه روزانه و کل بودجه مصرف‌شده شروع می‌شود. زیر آن جدول کمپین‌های اخیر قرار دارد که بودجه، درصد مصرف به شکل نمودار دایره‌ای کوچک، تعداد نمایش و کلیک، قیمت هر کلیک، تاریخ آغاز و پایان و وضعیت فعال، غیرفعال یا تکمیل‌شده را نشان می‌دهد و هر ردیف از همان‌جا قابل ویرایش است.
۰۲ساخت کمپین و پرداخت
در صفحه ساخت کمپین جدید، پیش‌نمایشی از نحوه نمایش آگهی فروشگاهی در فهرست آگهی‌های دیوار کنار فرم قرار گرفته است. پس از افزایش موجودی، صفحه تأیید پرداخت مبلغ مورد نظر، مالیات بر ارزش افزوده، مبلغ کل، شماره تراکنش و شماره پیگیری را نمایش می‌دهد.
۰۳نسخه رسپانسیو
در موبایل، آمار کمپین‌ها به کارت‌های عمودی تبدیل شده، فهرست تراکنش‌ها به صورت کارت با مبلغ پرداختی، مبلغ شارژشده، زمان، وضعیت و کد رهگیری نمایش داده می‌شود و منوی کشویی علاوه بر بخش‌های اصلی، دکمه ایجاد کمپین جدید و بخش آموزش پنل را در خود دارد.
نتیجه
نتیجه، پنلی است که تبلیغ‌دهنده در آن با چند صفحه محدود و قابل پیش‌بینی، کمپین می‌سازد، اعتبار می‌خرد و عملکرد تبلیغاتش را دنبال می‌کند. اطلاعات مالی و آماری شفاف‌تر شده و تجربه کار با پنل در دسکتاپ و موبایل یکپارچه است.
