با توجه به ریبرندینگ شرکت سرویس نیروگاهی مپنا، طراحی وبسایت شرکتی با تمرکز بر ارائه طرحی مدرن، خلاقانه در ترکیب با داستان سرایی توسط تیم پپرو انجام شد. قابلیتها و جزئیات طراحی را در ادامه دنبال نمایید.
در گام نخست، تیم طراحی پپرو با برگزاری جلسات تحلیلی، ویژگیها و ارزشهای برند کارفرما را شناسایی کرد.
پس از بررسی، برجستهترین مشخصه برند یعنی بزرگترین بهره بردار خصوصی برق در کشور به عنوان محور اصلی طراحی انتخاب شد.
ترکیب این مفهوم با ساختار اسکرول محور و تعاملی (scroll-based design) وبسایت، به خلق تجربهای منجر شد که در این ویدیو مشاهده میشود: کاربر با حرکت در صفحه، از تاریکی به روشنایی و فضای تولید برق وارد شده و در ادامه، این ویژگی کلیدی برند با رنگ بندی اختصاصی آن برجسته میگردد.
هدف ما این بود که حتی بدون اتکا به نوشتار، طرح بتواند ماهیت و مقیاس برند کارفرما را بصورت بصری منتقل کند؛ سپس با اطمینان از انتقال درست این مفهوم، لایهی محتوایی به طراحی اضافه شد.
در ادامه معرفی بخش خدمات به صورت اسلایدر افقی با اسکرول عمودی کاربر جهت درگیری بیشتر مخاطب اجرا شد تا ترغیب شده و از صفحه اصلی را بیشتر اسکرول کند.
در ادامه ارزشهای برند در قالب یک افکت تایم لاین تعاملی نمایش داده شده، و سپس اعداد و ارقام پروژه نیز با افکت تغییر رنگ با اسکرول کاربر نمایش داده شد.
بروزرسانی و ارتقای بخش نقشهها
- جهت نمایش نقشهها در بخش بک اند پروژه تمامی موارد را همگامسازی کردیم و بروزرسانی نقشه را چه در زبان فارسی و چه در زبان انگلیسی سادهسازی کردیم، در این حالت نقشهها از یک جا ویرایش شده و در تمامی بخشهای مورد نظر فراخوانی میشوند.
- تفکیک پروژههای با قراردادهای فعال و اتمام قرارداد روی نقشه.
- صفحه پروژهها در وبسایت قبلی همگی زیرمجموعه خدمات بودند و همین مورد باعث شده بود که پروژههای با دستهبندی متفاوت اما محتوای تکراری داشته باشیم، در نتیجه متفاوت بودن صفحه مقصد پروژهها بروزرسانی نقشه را با چالش مواجه میکرد که به عنوان راهکار برای تمامی پروژهها پست سفارشی (کاستوم پست) ساخته شد و در نتیجه اگر پروژهای در دسته بندیهای مختلف وجود داشته باشد، فقط یک صفحه برای این پروژه ایجاد میشود.
ضمن اینکه ریدایرکتهای لازم را جهت از دست نرفتن رتبههای سئو برای بخش نیروگاهها تعریف شدند.
این صفحه همگام با پیشرفت پروژه دائما با جزئیات کامل بروزرسانی خواهد شد
جهت کسب اطلاعات بیشتر در خصوص نحوه طراحی سایت، راهنمای انتخاب شرکت طراحی سایت و هر آنچیز که میبایست قبل از سفارش بدانید، صفحه طراحی سایت پپرو را دنبال نمایید