bonak.marketREMOTE LIVE
مرورگر زنده پروژهبنک مارکتبا یک کلیک، سایت داخل مرورگر ابری واقعی باز و بهصورت زنده Stream میشود
01
جزئیات کامل پروژه
بنکبنک مارکت
بنک مارکت یک پلتفرم فروش آنلاین و عمده خواروبار و کالاهای مصرفی است که امکان خرید اقلام موردنیاز خانه و شرکت را در یک ساختار دیجیتال فراهم میکند. کاربران میتوانند محصولات را بر اساس دستهبندی و برند بررسی کنند، کالای موردنظر خود را جستجو کنند، محصولات تخفیفدار را ببینند و پس از تکمیل سبد خرید، سفارش خود را با روشهای مختلف پرداخت و تحویل ثبت کنند.
PROJECT PROFILE
مشخصات اجرای پروژه
دستهبندیطراحی سایت مواد غذایی
نوع اجراطراحی سایت اختصاصی
سال پروژه2022
مدت اجرا2 ماه
وضعیت پروژهاتمام یافته
سئو و پشتیبانی
سئو فعال
پشتیبانی فعال
خدمات انجامشده
1 خدمت
نمایش واقعی سایت
پروژه در یک مرورگر ابری واقعی باز میشود و بهصورت زنده در Desktop، Tablet و Mobile نمایش داده میشود. سایت مقصد مستقیماً داخل iframe ازکی وب قرار نمیگیرد؛ بنابراین محدودیتهای X-Frame-Options و CSP سایت مقصد مانع این روش نمایش نیستند.
تجربه تعاملی پروژه
پروژه را فقط نبینید؛ در اندازههای واقعی بررسی کنید.
نمای دسکتاپ، تبلت و موبایل را جابهجا کنید. سایت اصلی در یک Browser Session مستقل در Cloud اجرا میشود و تصویر همان Browser بهصورت زنده به این بخش منتقل میشود؛ بدون Screenshot fallback.
دسکتاپ1440px
تبلت820px
موبایل390px
مرورگر ابریREMOTE / LIVE
داستان اجرای پروژه
چالش اصلی، تصمیمهای اجرایی و نتیجه نهایی پروژه را در سه مرحله کوتاه و شفاف مرور کنید.
01نیاز و مسئله
چالش پروژه
یکی از چالشهای اصلی پروژه، تبدیل فرایند عمدهفروشی و توزیع کالا به تجربهای ساده برای کاربران حقیقی و حقوقی بود. برخلاف یک فروشگاه کوچک، ساختار چنین سامانهای باید حجم بالایی از کالاها، برندها و دستهبندیها را مدیریت کند و در عین حال جستجو، فیلتر، تخفیف، سبد خرید و ثبت سفارش برای کاربر سریع باقی بماند.
در کنار کاتالوگ محصول، فرایند تحویل نیز اهمیت زیادی دارد؛ کاربر باید بتواند زمان مناسب دریافت سفارش را انتخاب کند و بین پرداخت آنلاین و پرداخت در محل تصمیم بگیرد. هماهنگی این تجربه با سیستم توزیع و لجستیک، بخش مهمی از معماری یک پلتفرم عمدهفروشی آنلاین است.
02تصمیم و اجرا
راهکار ازکی وب
Front-end وبسایت بهصورت یک Single Page Application با معماری Angular پیادهسازی شده است تا تعاملات پرتکراری مانند جستجو، فیلتر محصولات، تغییر دستهبندی و حرکت در فرایند خرید بدون وابستگی به بارگذاری سنتی صفحات انجام شود.
در لایه رابط کاربری، محصولات بر اساس دستهبندی و برند قابل دسترسی هستند و مسیر خرید شامل مشاهده تخفیفها، جستجوی کالا، افزودن محصول به سبد و تکمیل سفارش است. در زیرساخت Front-end نیز Leaflet و ParsiMap برای قابلیتهای مبتنی بر نقشه استفاده شدهاند.
Google Tag Manager برای مدیریت Tagهای بازاریابی و تحلیل، Yektanet برای فعالیتهای تبلیغاتی و Goftino برای ارتباط آنلاین با کاربران در اکوسیستم سایت شناسایی شدهاند. علاوه بر نسخه وب، بنک مارکت یک اپلیکیشن Android مستقل نیز برای دسترسی کاربران موبایل ارائه کرده است.
03خروجی پروژه
نتیجه و خروجی
خروجی پروژه یک اکوسیستم فروش آنلاین برای بازار خواروبار و کالاهای مصرفی است که تجربه خرید را از مشاهده و جستجوی محصول تا ثبت سفارش و تحویل پوشش میدهد. مشتریان میتوانند محصولات را بر اساس برند و دستهبندی پیدا کنند، تخفیفها را بررسی کنند و خرید خود را بهصورت آنلاین تکمیل کنند.
وجود اپلیکیشن Android در کنار نسخه وب نیز کانال دسترسی مستقلی برای کاربران موبایل ایجاد کرده و قابلیتهایی مانند مشاهده خریدهای قبلی، تحویل فوری و پرداخت در محل را در اختیار مشتری قرار میدهد. این ساختار، مدل سنتی پخش و عمدهفروشی را به یک فرایند سفارشگیری دیجیتال تبدیل کرده است.
این Case Study به کدام خدمات ازکی وب مرتبط است؟
این ارتباط فقط از خدماتی خوانده میشود که برای همین پروژه در Portfolio ثبت شدهاند؛ از روی فناوری سایت یا ظاهر پروژه، خدمت جدیدی بهصورت خودکار حدس زده نمیشود.
چالش، راهکار، نتیجه، فناوریها و مشخصات این صفحه شواهد پروژه را تکمیل میکنند؛ نتیجه عددی یا ادعای عملکرد فقط زمانی باید ثبت شود که مستند و قابل اثبات باشد.
فناوریهای پروژه
فناوریها و ابزارهایی که متناسب با نیاز واقعی این پروژه برای طراحی، توسعه و نگهداری انتخاب شدهاند.
AngularJavaScriptLeafletParsiMapGoogle Tag ManagerAndroid App
پروژه بعدی
برای پروژه بعدی آمادهاید؟
اگر به طراحی اختصاصی، توسعه اصولی و مسیر قابل توسعه نیاز دارید، نیاز پروژه را با هم بررسی میکنیم.