رفتن به محتوا

محصول تعاملی · مطالعهٔ موردی دمو

Auto Gallery

از صفحهٔ ثابت خودرو تا تجربه‌ای که می‌شود در آن کاوش کرد.

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

اجرای عمومی این پروژه موقتاً غیرفعال است.

React · Vite · Three.js · WebGL

نمای واقعی رابط Auto Gallery و خودروی مفهومی تعاملی
تصویر واقعی برنامه در حال اجرا · دسکتاپ
نقش محمدمهدی کعبی
طراحی محصول و توسعهٔ نرم‌افزار با کمک ابزارهای هوش مصنوعی. مدل سه‌بعدی خودرو، دارایی شخص ثالث است.
نسخهٔ محصول
1.0.0 · Demo
زبان برنامه
فارسی و انگلیسی
01

مسئله

عکس‌های ثابت ارتباط میان ظاهر خودرو، فضای کابین و جزئیات کاربردی را به‌خوبی نشان نمی‌دهند. این دمو بررسی می‌کند که یک مسیر هدایت‌شده چگونه می‌تواند به بازدیدکننده کمک کند جزئیات را با ریتم خودش ببیند؛ بدون ساختن موجودی یا مشخصات غیرواقعی.

02

چه چیزهایی را می‌توانید امتحان کنید؟

کشف محصول

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

کاوش سه‌بعدی

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

همراهی با Lyra

تور نه‌مرحله‌ای را دنبال کنید یا از راهنمای آفلاین مبتنی بر قواعد استفاده کنید. این تعامل‌ها محلی و از پیش طراحی‌شده‌اند؛ سرویس مولد AI فعال نیست.

مقایسهٔ فرض‌ها

قیمت نمونه، پیش‌پرداخت، مدت و نرخ را تغییر دهید. مبلغ نمایشی قسط، در مرورگر دوباره محاسبه می‌شود.

خلاصهٔ خصوصی

در صورت تمایل و با رضایت صریح، خلاصهٔ دمو را در همین مرورگر نگه دارید. پس از ۲۴ ساعت در زمان اجرای برنامه یا در مراجعهٔ بعدی پاک می‌شود و به فروشنده یا CRM ارسال نمی‌شود.

03

معماری کوچک با مرزهای روشن

React بخش کشف محصول و پوستهٔ مسیرها را اداره می‌کند. مسیرهای مبتنی بر هش، لینک جزئیات و استودیو را پس از بازخوانی صفحه حفظ می‌کنند. استودیوی Three.js فقط هنگام نیاز بارگیری می‌شود. یک رجیستری تغییرناپذیر فقط خودروی دارای مدل و نگاشت مکانیکی معتبر را می‌پذیرد. فرمان‌های صحنه محدودند و محاسبهٔ پرداخت و ذخیره‌سازی محلی در ماژول‌های جدا قرار دارند.

  1. کشف محصول
  2. بررسی سه‌بعدی
  3. راهنمای زمینه‌ای
  4. سناریوی پرداخت

04 · شواهد

شواهد موجود در سورس

سورس بررسی‌شدهٔ نسخهٔ ۱.۰.۰ شامل برنامهٔ اجرایی Vite، یک مدل بهینه‌شدهٔ glTF، ماژول‌های راهنمای محلی، محاسبهٔ پرداخت و رضایت کاربر و آزمون‌های واحد و مرورگر است. نسخهٔ پورتفولیو همین برنامه را با مسیرهای اختصاصی Asset و لینک بازگشت اجرا می‌کند. این دمو به Secret سرور یا پایگاه داده نیاز ندارد.

بازبینی سورس eba8596 · 2026-09-03

تصویر واقعی برنامه در حال اجرا · موبایل
تصویر واقعی برنامه در حال اجرا · موبایل
05

مرزهای این دمو

  • فقط یک خودروی مفهومی سه‌بعدی موجود است. موجودی زنده، مشخصات رسمی تیپ خودرو، وابستگی به سازنده و CRM تولیدی وجود ندارد.
  • AI زنده غیرفعال است. اتصال اختیاری سرور در این نسخهٔ عمومی و استاتیک منتشر نمی‌شود.
  • نمای قوای محرکه مفهومی است. برای بررسی فضای بار، درِ عقب پنهان می‌شود؛ انیمیشن کامل آن قابل اتکا نیست.
  • محاسبهٔ مالی صرفاً نمونه است؛ قیمت پیشنهادی، پیشنهاد تأمین مالی، تأیید اعتبار یا شرایط وام‌دهنده نیست.
  • رابط برنامه و معرفی پروژه به فارسی و انگلیسی ارائه می‌شوند.
  • اجرای سه‌بعدی به WebGL و دستگاه مناسب نیاز دارد. در صورت شکست رندر، نمای جایگزین نشان داده می‌شود. حجم مدل پیش از فشرده‌سازی انتقال حدود ۱۴٫۴ مگابایت است.
منشأ و مجوز دارایی‌ها

مالک پروژه در ۱ سپتامبر ۲۰۲۶ حق ارائهٔ وب مدل و بافت‌های خودرو را تأیید کرده است. رسید خرید و نسخهٔ مجوز زمان خرید در مخزن نیست؛ بنابراین تأیید مستقل حقوقی ادعا نمی‌شود. ساخت مدل به محمدمهدی نسبت داده نشده است. اعلان‌های مجوز React و Three.js همراه برنامه قرار دارند.

Third-party notices

نسخهٔ اجرایی را ببینید

دمو را باز کنید، وارد نمایشگاه سه‌بعدی شوید و کاوش هدایت‌شده یا دستی را انتخاب کنید. حساب کاربری لازم نیست.

اجرای عمومی این پروژه موقتاً غیرفعال است.