صفحهی اصلی از بالا تا پایین، همانطور که روی سایت زنده دیده میشود؛ نسخهی دسکتاپ و موبایل کنار هم.
hajizadehstore-bu.com
داخل قاب اسکرول کنید۰٪این صفحه به اندازهی ۸ صفحهنمایش طراحی شده
خلاصهی پروژه The brief
قراربودچهکاریانجامشود
فروشگاه چندمنظورهی بوشهر با ۱۳ دستهبندی، از مواد غذایی و ظروف آشپزخانه تا چمدان و اسباببازی
هدفها
01کاتالوگ چندمنظوره با سیزده دسته در سایت قابل گشتن باشد.
02خریدار بتواند حضوری یا آنلاین خرید کند.
03پیشنهادهای ویژه و تازهها در صفحهی اول دیده شوند.
چه چیزی تحویل داده شد
طراحی رابط کاربری فروشگاه برای دسکتاپ و موبایل
دستهبندی چندسطحی با فیلتر برند، قیمت و موجودی
صفحهی برندها، پیشنهادهای ویژه و مجموعههای موضوعی
مجله و راهنمای شرایط ارسال
سبد خرید، پرداخت، حساب کاربری و پنل مدیریت
شرح پروژه Case study
ازمسئلهتاتحویل
01
چالش
حاجیزاده از سال ۱۳۹۱ در بوشهر کالاهای متنوعی میفروشد: مواد غذایی، لوازم آشپزخانه و برقی، کیف و چمدان، پوشاک، اسباببازی و منسوجات. تنوع بهاینزیادی باید در سایت هم قابل گشتن باشد، و خریدار بوشهری هم باید بتواند حضوری بخرد و هم آنلاین سفارش بدهد.
02
راهحل
فروشگاه حول سیزده دستهبندی و زیردستههایشان ساخته شد؛ هر دسته فیلتر برند، قیمت و موجودی دارد. صفحهی اول با دایرههای دستهها، پیشنهادهای ویژه، تازهها و مجموعههای موضوعی مثل «سفر و کمپینگ» و «آشپزخانهای که هر روز دوستش دارید» ویترین فروشگاه را میسازد. کنار آن صفحهی برندها، مجله، شرایط ارسال با نوبتهای ارسال هر هفته و مسیر خرید حضوری در بوشهر قرار دارد.
03
طراحی
نارنجی پررنگ روی زمینهی سفید و خاکستری روشن، با آیکنهای دایرهای دستهها و عکسهای بزرگ مجموعهها؛ فضا شلوغتر از یک فروشگاه تخصصی است، چون کاتالوگ همینقدر متنوع است.
In detail
قابلیتها What we built
چهچیزیساختهشد
کارهایی که این محصول میتواند انجام دهد و پیش از این نمیتوانست.
01سیزده دستهبندی
از مواد غذایی و ظروف آشپزخانه تا چمدان، پوشاک و اسباببازی، با زیردستهی هر کدام.
02فیلتر و مرتبسازی
فیلتر برند، محدودهی قیمت، کالاهای موجود و تخفیفدار در هر دسته.
03پیشنهادهای ویژه
صفحهی جداگانهی کالاهای تخفیفدار و ویترین پیشنهادها در صفحهی اول.
04برندها
فهرست برندهای فروشگاه، مثل فیلیپس و مایر، با تعداد کالای هر برند.
05ارسال و خرید حضوری
نوبت ارسال بعدی در سربرگ سایت و راهنمای کامل هزینه و روش ارسال؛ برای بوشهر، خرید حضوری.
مسیر پروژه How it ran
مرحلهبهمرحله
همان مسیری که واقعاً طی شد، با زمان هر مرحله.
01Phase 01شناخت و معماری محتوا
بررسی کسبوکار، مخاطب و رقبا و چیدن نقشهی صفحهها پیش از هر طراحی.
02Phase 02طراحی در فیگما
طراحی صفحهی اول، دستهها، فیلترها و صفحهی کالا در پالت نارنجی و سفید.
03Phase 03برنامهنویسی
پیادهسازی با لاراول: کاتالوگ چندسطحی، فیلترها، سبد و پرداخت، حساب کاربری، مجله و پنل مدیریت.
04Phase 04انتشار و پشتیبانی
راهاندازی روی سرور، تنظیمات سئوی فنی، آموزش پنل به تیم کارفرما و پشتیبانی پس از انتشار.
تکنولوژی Stack
باچهچیزیساختهشد
ابزارهایی که این پروژه رویشان بنا شده و امروز هم روی همانها میچرخد.
Figma
Laravel
MySQL
گالری Gallery
نگاهنزدیکتر
امروز Where it stands
این پروژه حالا کجاست
حاجیزاده کاتالوگ چندمنظورهاش را کنار فروشگاه حضوری در بوشهر آنلاین هم میفروشد.