نمونه کار · صنایع غذایی

طراحی سایت بنیس

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

کارفرما
بنیس، گروه صنعتی رسولوی
صنعت
کیک، ویفر و شیرینی
خدمات
طراحی رابط کاربری، پیاده‌سازی وردپرس و المنتور
رونمایی
مهر ۱۴۰۵
صفحه‌ها
خانه، محصولات، درباره ما، شعب، کاتالوگ، فرم‌ها
نشانی سایت
beniscompany.com
رنگ هر اسلاید از بسته محصول ۳۵۰+ قلم محصول در هفت گروه
beniscompany.com
۵۰+سال سابقه گروه صنعتی رسولوی
۳۵۰+قلم محصول در سایت
۷گروه محصول با کارت تصویری
۵۸شعبه و عامل فروش روی نقشه
۸۲صفحه کاتالوگ آنلاین
جلسه بریف · ۱۸ مرداد ۱۴۰۵

خواسته‌های بنیس، جواب‌های ما

در دفتر مرکزی بنیس بیشتر گوش دادیم تا حرف بزنیم. هر خواسته در سایت یک جواب مشخص گرفت. گزارش کامل جلسه

۰۱
بنیس گفتبنیس از ۱۳۸۳ تولید می‌کند، ولی گروه رسولوی بیش از پنجاه سال سابقه دارد. این پیشینه باید دیده شود.
ما ساختیمصفحه درباره ما با قصه روستای بنیس و کارخانه ۲۷ هزار متری شروع می‌شود و عددها کنارش می‌آیند.
۰۲
بنیس گفتبیش از ۳۵۰ قلم محصول داریم. مشتری نباید بینشان گم شود.
ما ساختیمهفت گروه محصول با کارت تصویری خودشان و فیلتری که سریع به محصول می‌رساند.
۰۳
بنیس گفت۲۶ شعبه و ۳۲ عامل فروش داریم. خیلی‌ها فقط نزدیک‌ترینش را می‌خواهند.
ما ساختیمهمه روی نقشه ایران؛ اسم شهر را که بنویسید، شعبه‌اش پیدا می‌شود.
۰۴
بنیس گفتکاتالوگ لازم داریم، هم برای نمایشگاه‌ها و هم برای فروشنده‌ها.
ما ساختیمیک کاتالوگ ورق‌خوردنی داخل خود سایت، با جستجو بین صفحه‌ها.
۰۵
بنیس گفتدرخواست صادرات، همکاری و استخدام زیاد می‌رسد.
ما ساختیمبرای هرکدام فرم جداگانه گذاشتیم تا درخواست‌ها با هم قاطی نشوند.
لحظه‌های خلاقانه

جاهایی که سایت بنیس جان می‌گیرد

ده لحظه از سایت، همان‌طور که روی سایت زنده کار می‌کنند. اسکرول کنید یا روی هرکدام بزنید.

beniscompany.com
۰۱/ ۱۰
  1. ۰۱

    اسلایدر صفحه اول

    هر اسلاید رنگ خودش را دارد: عسلی، گیلاسی، کاکائویی و طلایی، همه برداشته از بسته همان محصول. با عوض شدن اسلاید، کل صفحه رنگ عوض می‌کند.

  2. ۰۲

    منوی تمام‌صفحه

    منو با یک حرکت نرم باز می‌شود و مسیرهای اصلی سایت را بزرگ و خوانا جلوی کاربر می‌گذارد.

  3. ۰۳

    چرخ گروه‌های محصول

    هفت گروه محصول مثل کارت‌هایی که روی میز پخش شده باشند دور یک چرخ می‌چرخند. می‌شود آن‌ها را کشید و رها کرد.

  4. ۰۴

    کیک‌هایی که پرتاب می‌شوند

    در بخش برندهای گروه رسولوی، بسته‌های محصولات ویژه روی هم ریخته‌اند. با موس یا انگشت می‌شود برشان داشت و پرتابشان کرد.

  5. ۰۵

    کارت‌هایی به رنگ بسته

    رنگ هر کارت محصول از تصویر خود بسته‌بندی گرفته می‌شود و قاب زرد لوگو با حرکت موس دورش کشیده می‌شود.

  6. ۰۶

    نقشه ۲۶ شعبه و ۳۲ عامل فروش

    روی نقشه ایران هر استان را بزنید تا شعبه‌هایش بیاید، یا اسم شهر را بنویسید تا نزدیک‌ترین شعبه پیدا شود.

  7. ۰۷

    کاتالوگ ورق‌خوردنی

    ۸۲ صفحه کاتالوگ اصلی بنیس داخل سایت ورق می‌خورد؛ بدون دانلود PDF و با جستجو بین محصولات.

  8. ۰۸

    دکمه‌های ژله‌ای

    دکمه‌های سایت مثل کرم شکلات زیر موس کش می‌آیند. طوری ساخته شده‌اند که روی گوشی هم سبک و روان بمانند.

  9. ۰۹

    برش کیک برای بازگشت به بالا

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

  10. ۱۰

    صفحه محصولات با فیلتر

    اسم انگلیسی هر گروه بزرگ پشت عنوان صفحه نشسته و فیلترها کمک می‌کنند بین ۳۵۰ محصول سریع به جواب برسید.

رنگ‌ها

رنگ‌ها از خود بسته‌بندی‌ها

قهوه‌ای شکلاتی و زرشکی را از لوگو و بسته‌ها برداشتیم. زرد لوگو را برای جاهایی نگه داشتیم که باید به چشم بیایند؛ مثل صفحه‌ای که الان در آن هستید.

کاکائو تیره#160805
گیلاسی#FF7A66
کاراملی#FF8A3D
عسلی#FFBE4D
زرد لوگو#FFCA06
کرم#F7E6D0
روی گوشی

همان حس، در دست

جلوه‌ها را سبک نگه داشتیم تا روی گوشی هم روان بمانند و صفحه‌ها سریع باز شوند.

صفحه درباره ما سایت بنیس در موبایل
صفحه محصولات سایت بنیس در موبایل
مسیر پروژه

از جلسه بریف تا رونمایی

۱۸ مرداد ۱۴۰۵

جلسه بریف

دفتر مرکزی بنیس، کنار ویترین محصولات. خبر جلسه بریف را بخوانید

شهریور ۱۴۰۵

طراحی صفحه‌ها

خانه، محصولات، درباره ما، شعب و کاتالوگ.

مهر ۱۴۰۵

پیاده‌سازی

ساخت روی وردپرس و المنتور، روی سرور آزمایشی.

۲۷ مهر ۱۴۰۵

رونمایی

سایت جدید روی beniscompany.com آنلاین شد.

پروژه بعدیشرکت تعمیراتی و بهره برداری مپنا