Campaign Live

Valentine

Role Sole Frontend Engineer

Timeline Under 2 weeks

Year 2026

Live chowdeck.com/valentine

interactive experiences in one site

love archetypes

2,000+

love notes on the wall

Overview

For Valentine's 2026, Chowdeck didn't just run a promo — they built a destination. Love HQ was a multi-experience campaign site where users could discover their love archetype, leave a public love note, stream a curated playlist, and shop Valentine gift deals. I built it.

The landing page is an illustrated scene — four elements arranged around the headline 'For all Kinds Of Love', each wiggling on hover with a GSAP-animated custom cursor that changes image based on which one you're over. Each element routes to a different experience: the love archetype quiz, the love wall, the playlist, or the gift marketplace.

The love archetype quiz walks users through personality questions and produces one of six results — Surest Plug, Thoughtful Planner, Wordsmith, Quiet Caretaker, Life of the Party, or Work in Progress — each with a shareable result card and a 'love pairing' callout. The love wall is a live, scrollable feed of notes left by users, with real-time updates and a write-a-note popover. All of it was built and shipped in time for Valentine's Day.

What I built

→ Built the interactive landing scene — four GSAP-animated hotspots with wiggle-on-hover, active/inactive SVG state transitions, and a custom cursor that swaps imagery per hotspot

→ Built the love archetype quiz — multi-step form flow (intro → username → questions → result), frequency-based personality scoring across 6 archetypes, and a shareable personality result card

→ Built the love wall — horizontally scrollable live note feed, intersection observer-based lazy loading, React Query polling with up to 5 refetches for real-time note arrival, and a write-a-note popover

→ Built fully responsive desktop and mobile layouts — hotspot scene on desktop, adapted single-scroll flow on mobile

→ Loading screen experience before the landing scene rendered

→ Navigation (desktop + mobile) with route-aware header gating

→ Google Analytics integration for campaign tracking

Landing