doofen
A scroll-driven 3D agency site. A wireframe building assembles as you scroll, with a built-in CMS for the portfolio.
source ↗2026
What it is
A site for an agency called DE Inc. The page opens on a close view of a wireframe “X-ray” building. As you scroll, the camera eases through keyframes to reveal the whole model, with the agency’s services orbiting it.
How it works
- Astro in hybrid mode: marketing pages are static, while the admin panel and API routes run server-side on Vercel.
- React Three Fiber for the scene, with a separate lighter layout on phones that keeps a single WebGL context.
- A small CMS at
/adminfor portfolio categories and works, with image uploads and YouTube embeds, behind signed session cookies.
