03Marketing site & tool
CapitalHype
Content agency site + CV engine
A done-for-you content agency for notaries and accountants. A narrative, scroll-driven site with a real-time 3D hero, plus an internal engine that turns a profile into a formatted, downloadable CV.
- Role
- Design & Full-stack
- Year
- 2026
- Type
- Marketing site & tool
- Status
- Live
Stack
- Next.js 16
- TypeScript
- Three.js
- React Three Fiber
- Spline
- GSAP
- Tailwind v4
The problem
Notaries and accountants know they should publish. They do not have the time, and the agencies that serve them produce interchangeable filler.
The site had to sell a done-for-you service to a conservative, sceptical audience — which meant it had to look expensive without looking frivolous, and load instantly on a mid-range laptop in an office.
What I built
01
3D hero
A real-time WebGL scene built with React Three Fiber, gated behind a capability check so it only ever mounts on hardware that can actually run it. Everything else gets a designed CSS fallback, not a blank box.
02
Scroll narrative
GSAP drives a sequence that explains the offer as you scroll: the problem, the process, the deliverable. Each beat is a pinned scene rather than a wall of copy.
03
CV engine
An internal tool that takes a structured profile and produces a formatted CV, handling layout and export so the output is consistent regardless of who fills the form.
Engineering decisions
Capability-gated WebGL
GPU tier, memory, connection and motion preference are all checked before Three.js is even downloaded.
Pinned scroll scenes
GSAP ScrollTrigger drives the narrative with a single timeline, keeping scroll behaviour predictable across devices.
Deterministic document output
CV generation runs off a typed profile schema, so the same input always produces the same document.
Outcome
A marketing site that carries a premium positioning for a traditionally dry sector, plus the internal tooling the service runs on.