3D Animation Website -- 2
Budget: $15 – $25 USD
Build a site with 3D animation, just like https://mont-fort.com/maritime/. The landing page will be fully WebGL-driven with flowing, abstract background animations; the remaining four pages are straightforward content screens without animation.
Here’s how I imagine the stack working:
• Three.js (or a comparable WebGL wrapper) to render the abstract scene in real time.
• GSAP + ScrollTrigger for timeline control and buttery page-entry transitions.
• Blender or Cinema 4D for any pre-modelled elements or texture baking.
• React and Next.js for routing, code-splitting, and easy deployment to Vercel; plain HTML/CSS is fine for the four static pages if you have a lighter approach in mind.
• SASS / Tailwind for styles, keeping the codebase tidy and themeable.
The deliverable is a fully responsive site, tested on the latest Chrome, Safari, and Firefox, bundled and ready to push live. Source files for all models, textures, and code must be included.
When you reply, lay out:
1. The exact cost for the entire build (no starter bids or ranges).
2. A timeline with milestones for modelling, animation, integration
3. Links to live WebGL sites you’ve created that show similar abstract motion.
Here’s how I imagine the stack working:
• Three.js (or a comparable WebGL wrapper) to render the abstract scene in real time.
• GSAP + ScrollTrigger for timeline control and buttery page-entry transitions.
• Blender or Cinema 4D for any pre-modelled elements or texture baking.
• React and Next.js for routing, code-splitting, and easy deployment to Vercel; plain HTML/CSS is fine for the four static pages if you have a lighter approach in mind.
• SASS / Tailwind for styles, keeping the codebase tidy and themeable.
The deliverable is a fully responsive site, tested on the latest Chrome, Safari, and Firefox, bundled and ready to push live. Source files for all models, textures, and code must be included.
When you reply, lay out:
1. The exact cost for the entire build (no starter bids or ranges).
2. A timeline with milestones for modelling, animation, integration
3. Links to live WebGL sites you’ve created that show similar abstract motion.
Related categories:
JavaScript
CSS
Animation
HTML5
HTML
3D Animation
Cinema 4D
Blender
Three.js
Next.js