Varaa
درباره پروژهAbout the project
وب‌سایت تعاملی ورا (VARAA)، پلتفرم جامع اکوسیستم خودروهای برقی در ایران است که تجربه کاربری متفاوتی را بر پایه یک استیج سه‌بعدی تعاملی و رندر بی‌درنگ خودرو خلق کرده است. کاربر در این وب‌سایت با چرخش سه‌بعدی و جابه‌جایی زاویه دید پیرامون خودرو در خط افق تهران، به بخش‌های متنوع اکوسیستم از جمله مجله تخصصی و فناوری‌های باتری، شبکه ایستگاه‌های شارژ شهری و بین‌شهری، دسته‌بندی تجهیزات و لوازم جانبی و اتصال به شبکه خدمات و کسب‌وکارهای حوزه حرکت برقی دسترسی پیدا می‌کند. همچنین اسکرول صفحه در امتداد یک جاده تعاملی با المان‌های متحرک، مخاطب را در سفری روان به شناخت عمیق‌تر زندگی با خودروی پاک هدایت می‌کند.
The Varaa interactive platform serves as a comprehensive electric vehicle ecosystem in Iran, designed around an interactive 3D hero stage overlooking the Tehran skyline. Visitors explore EV lifestyle dimensions through spatial camera transitions orbiting a real-time car model, seamlessly navigating between the editorial technology magazine, an interactive charging station network map, electric mobility products, and a B2B business collaboration network.
طراحی وب‌سایتی ساده، مدرن و سه‌بعدی که به جای ساختارهای سنتی و متنی، مخاطب را از طریق تعامل مستقیم با یک خودروی برقی در فضایی سه‌بعدی و متحرک، با کل ابعاد اکوسیستم شامل فناوری، ایستگاه‌های شارژ، لوازم و خرید آگاهانه آشنا کند.
Create a clean, accessible, and 3D-interactive website that replaces conventional static layouts with spatial vehicle interaction, guiding users across EV technology, charging networks, accessories, and informed adoption.
استفاده از پس‌زمینه تمیز با گرادیان‌های آسمانی و خط افق شهری تهران، همراه با رندر سه‌بعدی تسلا مدل ۳ در مرکز استیج. کلیک روی هر ایستگاه تعاملی (مجله، شبکه شارژ، مقایسه) زاویه دوربین را به نرمی روی جزئیات متناسب (پورت شارژ، بدنه، کاکپیت) تغییر می‌دهد. کارت‌های شیشه‌ای نیمه‌شفاف با انیمیشن‌های شارژ باتری و نقشه تعاملی ایستگاه‌های تهران، دسترسی سریعی به داده‌ها می‌بخشند. در ادامه صفحه، خودرویی متحرک در امتداد جاده‌ای عمودی حرکت کرده و مخاطب را از میان دسته‌بندی محصولات و شبکه همکاران تجاری به سمت فوتر هدایت می‌کند.
A crisp neutral palette with atmospheric sky gradients pairs with a 3D-rendered Tesla Model 3 at the stage center. Selecting navigation waypoints triggers smooth camera transitions to relevant vehicle aspects—such as the rear charging port or battery pack. Frosted glassmorphic cards present live battery animations and interactive charging maps. Scrolling continues down a vertical highway track where a stylized EV travels through lifestyle products and ecosystem partnerships.
پالتی هدفمندA Palette with Intention
در دل طراحیInside the Design
چه چیزی تحویل شد
آنچه منتشر شدWhat was shipped
- 01استیج سه‌بعدی تعاملی با رندر خودروInteractive 3D Hero Stage
- 02ناوبری فضایی دوربین به اجزای خودروSpatial Camera Waypoints
- 03نقشه تعاملی ایستگاه‌های شارژ روی نقشهCharging Network Map
- 04مجله تخصصی فناوری و باتری خودروهای برقیEV Tech & Magazine Hub
- 05دسته‌بندی تجهیزات و لوازم جانبی شارژLifestyle Products Showcase
- 06انیمیشن جاده تعاملی در امتداد اسکرولScroll-driven Road Experience