پرش به محتوای اصلی
روینده
EN
بازگشت به خدمت
دموی زندهمطالعهٔ مستقل طراحی و توسعهٔ فروشگاه آنلاین

فلورا

گل‌ها، مثل یک اثر هنری.

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

نقش
کارگردانی هنری، طراحی رابط و تجربهٔ کاربری، توسعهٔ فرانت‌اند، طراحی موشن و نمونه‌سازی فروشگاه اینترنتی.
سال
۲۰۲۶
ابزار ساخت
Next.js, TypeScript, GSAP, Lenis
صفحهٔ نخست واقعی deployment فلورا؛ فروشگاه نمایشی فارسی گل با طراحی ادیتوریال.

مطالعهٔ مستقل طراحی و توسعه است، نه پروژهٔ سفارشی مشتری یا شرکت واقعی ارسال گل. مشاهدهٔ محصولات و سبد خرید تعاملی هستند؛ پرداخت آنلاین و ارسال واقعی در این نسخه فعال نیستند.

یک مطالعهٔ مستقل

فلورا برای بررسی طراحی و تجربهٔ خرید یک فروشگاه گل ساخته شده است. این پروژه، سفارش یک مشتری یا معرفی شرکت واقعی ارسال گل نیست.

تصویر، تایپوگرافی و حرکت

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

مسیر خرید نمایشی

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

تصمیم‌هایی که به آن شکل دادند

  1. ۰۱

    فارسی از ابتدا

    چیدمان و مسیر خرید با نیاز تجربهٔ فارسی و موبایل ساخته شده‌اند.

  2. ۰۲

    تصاویر واقعی پروژه

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

  3. ۰۳

    مرز روشن دمو

    نمایشی بودن پروژه و غیرفعال بودن پرداخت و ارسال، به‌روشنی بیان شده است.

تصویرها

فهرست واقعی محصولات فروشگاه نمایشی فلورا.
فهرست واقعی محصولات فروشگاه نمایشی فلورا.
صفحهٔ جزئیات محصول در deployment واقعی فلورا.
صفحهٔ جزئیات محصول در deployment واقعی فلورا.
صفحهٔ نخست فلورا روی گوشی، با چیدمان فارسی راست‌به‌چپ.
صفحهٔ نخست فلورا روی گوشی، با چیدمان فارسی راست‌به‌چپ.

وضعیت پروژه

  • در دسترسدموی زنده.
  • ساخته‌شدهمشاهدهٔ محصولات و سبد خرید تعاملی هستند.
  • گام بعدپرداخت آنلاین و ارسال واقعی در این نسخه فعال نیستند.

آنچه آموختم

یک نمونهٔ طراحی می‌تواند مسیر خرید را قابل تجربه کند، بدون اینکه به‌عنوان یک کسب‌وکار واقعی معرفی شود.

ارتباط

چند خطی بنویسید.

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

[email protected]
نوشتن ایمیل

یا سری بزنید به صفحه‌ی ارتباط