GRAFT AI Landing
- Art direction
- Interactive 3D
- Scroll choreography
- Front-end build
Scan, analyse and plan: one pinned hero driven by the scroll position, so the presenter sets the pace
The problem
GRAFT AI needed one page that works in two rooms: read alone by an investor who found the link, and scrolled through on a screen during a meeting. A deck does the second and nothing for the first; a landing page does the first and dies in the room. It also had to explain a clinical workflow -- scan, analyse, plan -- to people who have never seen a graft count.
Our solution
A pinned three-act hero: a point cloud of a head that scans, resolves and turns into a plan as the page is scrolled, built with React Three Fiber and driven by scroll rather than by a timer, so the presenter sets the pace. The palette is sampled from the brand artwork rather than eyeballed, and it is split into two tokens -- one for text that has to clear 4.5:1, one for the fill that carries white -- so the brand blue cannot be used where it fails contrast.
What it took
English, Czech and Italian
The brand blue split into a text colour and a fill, so it cannot be used where it would fail contrast
The work
Same shape of problem on your side?
Thirty minutes, no deck, and a reply within one working day.
“You will be talking to me, not to an account manager. I scope the work and I am on the build.”