08—Our website · Website · 3D · AI
We build our own site the way we build client work: an editorial design system, a Three.js hero and a 3D object on every key page, an AI assistant that answers from the same content as the pages, and a contact pipeline with spam protection.
- website
- Nayvee Tech
- Status
- Live
01—The challenge
A studio's website has to prove the studio can do the work. Ours had to show design, 3D, AI and engineering discipline on one page without looking like every other agency template.
02—What we built
A Next.js site with a custom design system (Urbanist, navy and cream, ledger grids), a pointer-reactive particle field in the hero, a scroll-driven 3D build sequence, a 3D object for every service, and an AI assistant powered by Claude whose knowledge is generated from the site's own content so it can never drift from the pages. Every page is pre-rendered, fonts are self-hosted, the contact form validates and traps bots, and the sitemap and metadata come from the same data files as the pages.
03—What we do for it
- Design system and copy
- Three.js scenes: hero field, process build, an object per service
- AI assistant with lead capture
- Contact API with validation and spam protection
- SEO: metadata, sitemap, robots, Open Graph
- Self-hosted fonts and performance
- Hosting and monitoring
04—What it changed
- 3DHero field, scroll-driven build and an object for every service
- AIAssistant that answers from the same content as the pages
- 9Services, each with its own page
→Next step
A short call, a written scope and a fixed quote. No pressure and no jargon. If we are not the right fit we will say so and point you to someone who is.