I will create 3d animation interactive website design 3d animated website gsap threejs


Level 1
About this gig
Static pages don't stop the scroll. Motion does.
I design and build 3D animated websites where a real-time 3D scene, smooth GSAP motion and thoughtful interactions work together to tell your story and move visitors to act. Designed first, coded second, tuned for desktop and phone.
WHAT I CREATE:
- 3D animated landing pages
- Interactive 3D hero sections
- Scroll-driven storytelling pages
- Animated portfolios and agency sites
- Product reveal and showcase pages
- Brand and campaign microsites
- SaaS and startup homepages with motion
- 3D text, shapes and particle effects
- Hover, click and drag interactions
- Figma designs turned into animated pages
EVERY PROJECT INCLUDES:
- Custom layout and motion design
- Real 3D with Three.js, animated with GSAP
- Responsive layout with a lighter mobile version
- Performance tuning and clean code
HOW IT WORKS:
1. Share your idea, brand and references
2. I confirm the concept and layout
3. I build and share a live preview
4. You request revisions and approve
Message me with your goals and deadline first.
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Bolu Olaniyi
AI Video Creator Web and Mobile App Developer
Level 1
- FromNigeria
- Member sinceNov 2025
- Avg. response time1 hour
- Last delivery2 months
Languages
English, German, French, Spanish, Czech, Portuguese, Swedish, Polish, Dutch
My Portfolio
FAQ
What does a “3D animated website” mean here?
A site where a real-time 3D scene, built with Three.js, reacts to scroll, mouse or clicks, with motion driven by GSAP. It’s not a looping video background, so visitors can interact with it.
Do you design it, or do I need a design first?
Standard and Premium include custom layout and motion design. If you already have a design, send the Figma file and I’ll build it. Basic uses a simple layout that I set up for you.
Do I need to provide 3D models?
No. I can build scenes from shapes, text, lighting and particles. If you have GLB or GLTF models, I’ll optimize them. Custom models from scratch need a custom offer. Please only send assets you have rights to.
Will it run smoothly on phones?
I build a responsive layout with a lighter mobile version, optimized assets and lazy loading. Older phones may get a simplified scene. I can’t guarantee a specific speed score.
Can you convert my Figma design into 3D animation?
Yes, in Premium. Send a clear Figma file with assets and notes on the motion you want. For Basic or Standard, message me first and I’ll confirm what fits your package.
Can you add 3D to my existing website?
Yes. I can add a 3D hero or an animated section to your current site. Please don’t send passwords. I’ll tell you a safe way to share access, such as a GitHub invite or a staging copy.
Which tools do you use?
Three.js for 3D, GSAP with ScrollTrigger for motion, and JavaScript or React depending on the project. I pick the best fit and tell you before starting.
Is it SEO-friendly and accessible?
I keep real text in HTML instead of baking it into the 3D canvas, and I add a reduced-motion option for people who need it. Rankings depend on many factors, so I can’t guarantee them.
What counts as a revision?
Changes to the delivered design or animation, like colors, timing, text or layout. New sections, a new concept or extra features after approval are extras or a custom offer.
What do you need to start, and how long does it take?
Your goal, brand assets, copy, references, and models or a Figma file if you have them. Delivery is 5 to 16 days by package, and rush delivery is an extra. Please don’t send passwords or secret keys in chat.

