طراحی سایت فروشگاهی عروسک

طراحی سایت فروشگاه عروسک فروشی رزآوو (UI/UX)

طراحی سایت فروشگاهی رزآوو بر پایه هویت بصری شاد و فانتزی برند شکل گرفته است. پالت رنگی صورتی و سرخابی، فونت‌های نرم و دوستانه و استفاده از کاراکتر آووکادوی صورتی، در تمام بخش‌ها تکرار شده تا کاربر از لحظه ورود، وارد دنیای عروسکی رزآوو شود. المان‌های گرد، باکس‌های نرم و فضای سفید کافی، به سایت حال‌و‌هوای مینیمال اما کودکانه می‌دهد و باعث می‌شود صفحه شلوغ و خسته‌کننده به نظر نرسد.

از نظر تجربه کاربری (UX)، مسیر خرید تا حد ممکن ساده و سرراست طراحی شده است. دسته‌بندی عروسک‌ها (عروسک شخصیت‌ها، عروسک حیوانات، عروسک پودری، آویزهای عروسکی و…) در منوی بالای سایت و همین‌طور در بخش «دسته‌بندی محصولات» با آیکون‌های تصویری نمایش داده می‌شود تا کاربر بدون خواندن متن طولانی، خیلی سریع دسته مورد نظرش را پیدا کند. اسلایدر اصلی صفحه با تمرکز بر عروسک‌های شاخص و کمپین‌های ویژه، کاربر را به سمت محصولات پرفروش و پیشنهادهای هدیه هدایت می‌کند.

در طراحی UI به جزئیاتی مثل دکمه‌های واضح «مشاهده محصولات» و «افزودن به سبد خرید»، نمایش مناسب روی موبایل، سرعت لود بالا و خوانایی متن‌ها توجه شده است. نتیجه این طراحی، یک فروشگاه عروسک آنلاین است که هم با هویت فانتزی و متفاوت رزآوو هم‌خوانی دارد و هم تجربه خرید را برای کاربر ساده، لذت‌بخش و به‌یادماندنی می‌کند.

طراحی نسخه موبایل وبسایت  عروسک فروشی فانتزی

• هدر ساده و واضح

  • لوگو در مرکز، آیکن سبدخرید در چپ و منوی همبرگری در راست، چیدمان استاندارد و آشنا برای کاربر موبایل است.

  • هدر خلوت است و حس برند (صورتی + کاراکتر) را خوب منتقل می‌کند.

• هیرو (اسلایدر بالا) مناسب موبایل

  • نسبت تصویر و کادر، برای موبایل خوب فیت شده و کات عجیبی در عکس نمی‌بینیم.

  • متن و دکمه روی اسلایدر مشخص است و CTA (“یک عروسک”) خواناست.

  • بک‌گراند صورتی تیره بالای اسلایدر باعث می‌شود قابی واضح و تمیز دور اسلاید شکل بگیرد.

• بخش دسته‌بندی محصولات

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

  • دو ستونه بودن دسته‌بندی روی موبایل کاملاً منطقی است؛ هم صفحه پر می‌شود هم کارت‌ها بیش‌ازحد کوچک نیستند.

  • دکمه‌ی کپسولی زیر هر کارت (مثلاً «عروسک حیوانات») هم از نظر UI مرتب است و هم مسیر ورود به دسته کاملاً مشخص است.

• هویت بصری یکدست

  • همه چیز از لوگو، بک‌گراندها، دسته‌بندی‌ها و دکمه‌ها با یک پالت رنگی هماهنگ (در طیف‌های مختلف صورتی) طراحی شده که هویت رزآوو را خیلی خوب نشان می‌دهد.

  • منحنی پایین بخش دسته‌بندی و ورود به بخش بعدی (محصولات شگفت‌انگیز) حس «جریان نرم» بین سکشن‌ها می‌دهد.