Brand DNA — an assessment visitors can explore

An eight-question assessment where every answer changes a visible helix and shapes the final brand profile.

How it works

Questionnaire state, deterministic answer mapping, graphical rendering and final interpretation each have their own role. The helix provides the theatre; questions, progress and results use ordinary HTML.

Development scope

A custom WebGPU and WebGL helix, pointer and touch rotation, accessible answer controls, restart behaviour, deterministic result rules and email result delivery.

Inside the build

WebGPU falls back to WebGL, and the questionnaire remains available if the enhanced renderer cannot start. Fixed-step inertia keeps movement consistent while reduced-motion preferences remove unnecessary animation.

Working example

Take the Brand DNA assessment. Analytics events exclude private answers and email addresses.

Discuss an interactive website