طراحی و پیاده سازی سایت هف هشتاد

هدف

با خلق برند هف‌هشتاد (در این رابطه بیشتر بدانید) طراحی و پیاده‌سازی سایت این برند در دستور کار قرار گرفت. هدف اصلی سایت، معرفی برند و سرویس‌های هف‌هشتاد و پشتیبانی از برنامه‌های تعاملی با مخاطبان بود.

چالش چه بود؟

فرض کنید، 10 سال پیش، می‌خواستید مردم را تشویق کنید، تا قبض‌های آب و برق خود را با دستگاه خودپرداز(ATM) یک بانک تازه تأسیس پرداخت کنند. کار سختی به نظر می‌رسد؛ چون باید اول مخاطبان خود را به انجام این کار ترغیب می‌کردید، سپس برنامه‌های آموزشی مفصلی ترتیب می‌دادید تا مخاطب شما کار با دستگاه ATM را یاد بگیرد. در این میان هم باید مردم را به سمت دستگاه‌های آن بانک خاص هدایت می‌کردید؛ چون در غیر اینصورت تمام زحمات شما به نفع بانک‌های دیگر تمام می‌شد.

سال 1393، چالشی شبیه آنچه که گفته شد در سیستم بانکی وجود داشت. سرویس پرداخت غیرحضوری در بستر USSD به تازگی در کشور راه انداخته شده بود. از سال 1391 هم برند موفقی به نام «آپ» با برنامه‌های تبلیغاتی آژانس بادکوبه، جای پایش را در بازار محکم کرده بود (مشاهده تبلیغات آپ). بنابراین، هم باید ترغیب می‌کردیم، هم آموزش می‌دادیم، هم می‌گفتیم چرا باید از خدمات هف‌هشتاد استفاده کرد.

راه حل

پس از جلسه‌های مختلف بریفینگ، نیازسنجی و ایده‌پردازی، بخش‌های مختلف سایت به صورت زیر تعیین و قرار شد به مرور و در سه فاز اجرایی شود:

صفحۀ اصلی: شامل بخش‌های Hero Event، سرویس‌های 780 به طوری که با کلیک روی هر سرویس به صفحۀ جزییات آن برویم، نحوۀ استفاده، امنیت در سیستم 780، توصیه نامه‌ها، پذیرندگان 780، ورود به سیستم پشتیبانی 780 که در تمام صفحه‌ها هم تکرار خواهد شد
درباره ما: شامل دو بخش مجزای معرفی صاحب 780(معرفی و فلسفه، مدیران، تقدیرنامه‌ها و جوایز، همکاران تجاری، تصاویر محیط کار) و معرفی 780
سرویس‌ها: شامل دسته‌بندی سرویس‌ها، لیست کامل سرویس‌های هر دسته به همراه جزییات و کد دستوری USSD آن سرویس
تماس: شامل اطلاعات تماس، نقشۀ گوگل، فرم ارتباط
پشتیبانی: شامل سوالات متداول، ثبت و پیگیری تیکت
پذیرندگان: شامل معرفی خدمات پذیرندگی هف‌هشتاد، امنیت در 780، لیست پذیرندگان(نام و کد پذیرندگی)، فرم درخواست پذیرندگی
کلوپ هف‌هشتاد

حرکت در مسیر

سایت هف‌هشتاد در انتهای تابستان 93 با ویژگی‌های زیر رونمایی شد:

ظاهر مدرن و منطبق با اصول هنرهای تجسمی
طراحی واکنش‌گرا برای ارائه بهترین نمایش در انواع دستگاه‌های دسکتاپ، موبایل و تبلت
کابردپذیری بالا و کد استاندارد و امن