Monoform Architects 3D Website Portfolio
A high-impact architecture landing page with a scroll-driven Three.js building, GLTF and Draco loading, and fullscreen 3D project previews.
Live deployments
Source repositories
Project overview
Monoform Architects is an interactive landing-page concept that uses a real 3D building model as part of the page narrative. The scene responds to scroll progress while the surrounding interface presents the studio, selected projects, testimonials, and a dedicated 3D laboratory.
What I built
- 01
Loaded and rendered a GLTF building model with Three.js, including Draco-compressed geometry support and a fallback scene.
- 02
Mapped camera and model movement to page scroll so the background scene develops with the content.
- 03
Built a fullscreen 3D viewer for project models alongside hero, studio, project, testimonial, and contact sections.
- 04
Delivered the experience as a framework-free static site suitable for GitHub Pages hosting.
Implementation notes
The project uses browser-native ES modules and local model assets, so it runs from a simple HTTP server without an application backend.
Third-party 3D models retain visible attribution and license references in the project interface.
Technology stack
- Three.js
- JavaScript
- GLTF
- Draco
- HTML
- CSS
More portfolio projects
Need a similar product?
Let’s discuss the workflow, website, or application you want to ship.