Interactive 3D Road Wordpress Website with Animation -- 2
Budget: $250 – $750 AUD
Description:
I’m looking for a developer to create a visually engaging, interactive website inspired by https://atmos.leeroy.ca/. The website should feature:
Homepage: A zoomed-out 3D globe focused on Australia, with subtle animations (e.g., rotating globe, stars in the background) and a call-to-action overlay saying “Scroll or Zoom to Explore.”
Zoom-In Transition: As users scroll or zoom, the globe transitions into an immersive 3D road scene.
Interactive Road: A single road is mapped directly onto the globe. As users zoom in, the road is slightly curved and rotates along with the globe, creating a dynamic, interactive experience. Animated pop-ups with text, images, or videos appear as users move through key points on the road.
Navigation Options: Interactive scrolling and clickable points of interest, with fallback navigation for accessibility.
Responsive Design: Fully optimized for mobile and desktop, including touch gestures like pinch, zoom, and swipe.
Technical Details:
Preferred Tools: Three.js for 3D rendering, GSAP for smooth scrolling and animations.
Compatibility: Ideally developed as a WordPress-compatible custom theme or plugin.
Lightweight and optimized for fast loading on all devices.
Deliverables:
Fully functional website with the above features.
Responsive design across all devices.
Source code and clear documentation.
Please include links to similar interactive projects you’ve developed and a timeframe for completion.
I’m looking for a developer to create a visually engaging, interactive website inspired by https://atmos.leeroy.ca/. The website should feature:
Homepage: A zoomed-out 3D globe focused on Australia, with subtle animations (e.g., rotating globe, stars in the background) and a call-to-action overlay saying “Scroll or Zoom to Explore.”
Zoom-In Transition: As users scroll or zoom, the globe transitions into an immersive 3D road scene.
Interactive Road: A single road is mapped directly onto the globe. As users zoom in, the road is slightly curved and rotates along with the globe, creating a dynamic, interactive experience. Animated pop-ups with text, images, or videos appear as users move through key points on the road.
Navigation Options: Interactive scrolling and clickable points of interest, with fallback navigation for accessibility.
Responsive Design: Fully optimized for mobile and desktop, including touch gestures like pinch, zoom, and swipe.
Technical Details:
Preferred Tools: Three.js for 3D rendering, GSAP for smooth scrolling and animations.
Compatibility: Ideally developed as a WordPress-compatible custom theme or plugin.
Lightweight and optimized for fast loading on all devices.
Deliverables:
Fully functional website with the above features.
Responsive design across all devices.
Source code and clear documentation.
Please include links to similar interactive projects you’ve developed and a timeframe for completion.