🎥 Learn How to Build a 3D Website in 10 Minutes! 🎥
Hey guys, I’m Jack, a 3D and immersive web designer, and today I’m showing you how to create a stunning 3D website from scratch in 10 minutes!
Whether you’re diving into web design for the first time or want to expand your skills with 3D elements, this video is packed with practical tips and step-by-step guidance to bring your ideas to life.
✨ What’s in Store:
- A complete walkthrough of building a 3D website.
- How to utilize cutting-edge tools for dynamic designs.
- Quick tips for seamless integration of 3D elements.
From beginner-friendly techniques to impressive end results, this tutorial is designed to help you achieve professional-looking 3D designs in no time.
Timestamps:
00:00 Introduction to Creating a 3D Website
00:47 Getting Started with Spline
01:16 Designing the Main Asset: The Strawberry
02:16 Exploring Rayloom for Sitemap and Wireframe
03:20 Customizing Components and Copy
03:58 Exporting to Figma for Detailed Edits
06:26 Creating and Exporting GIFs in Spline
08:11 Integrating Assets into Webflow
09:49 Animating the 3D Object on Scroll
11:08 Conclusion and Additional Resources
---
👨💻 Tools/Resources/Cloneables Used:
- Webflow Website: https://webflow.com/made-in-webflow/website/humble-strawberrry
- Spline Assets: https://app.spline.design/@jackredleydesign
- Relume: https://www.relume.io/
- Figma: https://www.figma.com/
---
Get A 1-1 lesson from me!
https://buy.stripe.com/test_fZeaFobwg07W50c000
---
👨💻 Tools/Resources Used:
- Spline: A browser-based 3D design tool for creatives
- Matcaps Megabundle: [https://cosmolabs.design/work/matcaps-mega-bundle](https://cosmolabs.design/work/matcaps-mega-bundle)
📬 Connect with Me:
- 🌐 Portfolio & Projects: [https://www.jackredley.design/](https://www.jackredley.design/)
- 🛒 Shop My Creations: [https://www.jackredley.design/shop](https://www.jackredley.design/shop)
- 📬 Subscribe to **Spline Time 3D**: [https://splinetime3d.substack.com/](https://splinetime3d.substack.com/)
- 🐦 Twitter: [https://x.com/JackRedley1](https://x.com/JackRedley1)
- 💼 LinkedIn: [https://www.linkedin.com/in/jackredley/](https://www.linkedin.com/in/jackredley/)
- 📸 Instagram: [https://www.instagram.com/jackredleydesign/](https://www.instagram.com/jackredleydesign/)
💡 Cloneables & Links:
- [https://community.spline.design/@jackredleydesign](https://community.spline.design/@jackredleydesign)