webapp · 2026 · Soon

The Drift

An immersive personality quiz — descend through oceanic depths to reveal your archetype and a shareable identity card.

Next.jsFramer MotionStripehtml-to-image
The Drift hero

01 · The problem

Most personality quizzes are flat forms with a generic result and nothing worth sharing.

The Drift reframes the quiz as a descent — you sink through depth tiers question by question, then surface with an archetype and a designed identity card.

02 · The build

A Next.js app built around atmosphere: a stack of Framer Motion components (depth meter, caustics, pressure vignette, particle and ink effects) shifts the mood as you answer, ending in an animated archetype reveal.

Results render into a downloadable identity card via html-to-image and can be shared with a code-based link; paid 'Depths' and 'Abyss' tiers unlock deeper analysis through Stripe Checkout.

Depth-tiered quizAnimated revealShareable identity cardStripe tiers

03 · Outcome

An atmospheric, monetized personality experience with shareable results.

Built; deploying soon.

Soon
Status
Solo — design & build
Role
Next.js · Framer Motion · Stripe
Stack

04 · Gallery