www.modiseh.comREMOTE LIVE
مرورگر زنده پروژهفروشگاه آنلاین مدیسهبا یک کلیک، سایت داخل مرورگر ابری واقعی باز و بهصورت زنده Stream میشود
01
جزئیات کامل پروژه
مدیسهفروشگاه آنلاین مدیسه
مدیسه یک فروشگاه اینترنتی چنددستهای با تمرکز بر عرضه پوشاک زنانه، مردانه و کودک، محصولات آرایشی و بهداشتی، لوازم خانه، کالاهای دیجیتال، سوپرمارکتی و مجموعه گستردهای از محصولات سبک زندگی است. ساختار این پروژه برای مدیریت یک کاتالوگ بزرگ، نمایش منظم دستهبندیها و محصولات و فراهمکردن مسیر مشخص از جستجو و انتخاب کالا تا حساب کاربری و خرید آنلاین شکل گرفته است.
PROJECT PROFILE
مشخصات اجرای پروژه
دستهبندیطراحی سایت فروشگاهی
نوع اجراطراحی سایت اختصاصی
سال پروژه2018
مدت اجرا12 ماه
وضعیت پروژهاتمام یافته
سئو و پشتیبانی
سئو فعال
پشتیبانی فعال
خدمات انجامشده
5 خدمت
نمایش واقعی سایت
پروژه در یک مرورگر ابری واقعی باز میشود و بهصورت زنده در Desktop، Tablet و Mobile نمایش داده میشود. سایت مقصد مستقیماً داخل iframe ازکی وب قرار نمیگیرد؛ بنابراین محدودیتهای X-Frame-Options و CSP سایت مقصد مانع این روش نمایش نیستند.
تجربه تعاملی پروژه
پروژه را فقط نبینید؛ در اندازههای واقعی بررسی کنید.
نمای دسکتاپ، تبلت و موبایل را جابهجا کنید. سایت اصلی در یک Browser Session مستقل در Cloud اجرا میشود و تصویر همان Browser بهصورت زنده به این بخش منتقل میشود؛ بدون Screenshot fallback.
دسکتاپ1440px
تبلت820px
موبایل390px
مرورگر ابریREMOTE / LIVE
داستان اجرای پروژه
چالش اصلی، تصمیمهای اجرایی و نتیجه نهایی پروژه را در سه مرحله کوتاه و شفاف مرور کنید.
01نیاز و مسئله
چالش پروژه
یکی از مهمترین چالشهای این پروژه، مدیریت ساختار گسترده یک فروشگاه آنلاین با تعداد زیاد دستهبندی، محصول، برند و ویژگیهای متنوع کالا بود. کاربران باید بتوانند در میان بخشهای مختلف سایت از پوشاک و محصولات آرایشی تا لوازم خانه، الکترونیک و کالاهای سوپرمارکتی بهسادگی حرکت کنند، بدون آنکه گستردگی کاتالوگ باعث پیچیدگی مسیر خرید شود. در کنار آن، صفحات محصول باید اطلاعاتی مانند تصاویر متعدد، ویژگیها، رنگ و سایز، قیمت و تخفیف، فروشنده، شرایط ارسال و کالاهای مرتبط را بهصورت منظم در موبایل و دسکتاپ نمایش دهند.
02تصمیم و اجرا
راهکار ازکی وب
راهکار پروژه بر ایجاد یک معماری فروشگاهی قابل توسعه بر پایه Magento 2 و سازماندهی مسیرهای اصلی کاربر شامل دستهبندی، جستجو، صفحه محصول، حساب کاربری، سبد خرید و Checkout متمرکز شده است. ساختار رابط کاربری بهگونهای شکل گرفته که حجم بالای محصولات و کمپینهای فروش در قالب بخشهای مشخص و قابل پیمایش ارائه شوند. استفاده از زیرساخت جداگانه برای تحویل تصاویر و محتوای رسانهای محصولات، مسیر اختصاصی Checkout و ابزارهای تحلیل رفتار کاربران نیز امکان مدیریت بهتر تجربه خرید و توسعه قابلیتهای فروشگاه را فراهم کرده است. طراحی فارسی و RTL نیز در بخشهای مختلف فروشگاه و تجربه کاربری موبایل و دسکتاپ در نظر گرفته شده است.
03خروجی پروژه
نتیجه و خروجی
خروجی پروژه یک فروشگاه اینترنتی گسترده و چنددستهای است که کاربران میتوانند از طریق ساختار دستهبندی، جستجو و پیشنهادهای محصول به بخشهای مختلف کاتالوگ دسترسی پیدا کنند. صفحات محصول اطلاعات ضروری برای تصمیمگیری خرید را در کنار تصاویر، مشخصات، انتخابهای محصول، قیمت، شرایط ارسال و محصولات مرتبط ارائه میکنند و مسیر حساب کاربری، سبد خرید و ثبت سفارش نیز بهصورت یکپارچه در ساختار فروشگاه قرار گرفته است. زیرساخت پروژه امکان ادامه توسعه کاتالوگ، کمپینهای فروش و قابلیتهای مرتبط با تجارت الکترونیک را نیز فراهم میکند.
این Case Study به کدام خدمات ازکی وب مرتبط است؟
این ارتباط فقط از خدماتی خوانده میشود که برای همین پروژه در Portfolio ثبت شدهاند؛ از روی فناوری سایت یا ظاهر پروژه، خدمت جدیدی بهصورت خودکار حدس زده نمیشود.
چالش، راهکار، نتیجه، فناوریها و مشخصات این صفحه شواهد پروژه را تکمیل میکنند؛ نتیجه عددی یا ادعای عملکرد فقط زمانی باید ثبت شود که مستند و قابل اثبات باشد.
فناوریهای پروژه
فناوریها و ابزارهایی که متناسب با نیاز واقعی این پروژه برای طراحی، توسعه و نگهداری انتخاب شدهاند.
Magento 2PHPMySQLJavaScriptRequireJSjQueryLodashSentryGoogle Tag ManagerGoogle Analytics 4Matomo AnalyticsGoogle reCAPTCHA
پروژه بعدی
برای پروژه بعدی آمادهاید؟
اگر به طراحی اختصاصی، توسعه اصولی و مسیر قابل توسعه نیاز دارید، نیاز پروژه را با هم بررسی میکنیم.