Take9
A public-awareness platform for the Take 9 campaign, teaching people to pause nine seconds before clicking, downloading, or sharing, and stay one step ahead of online scams.
Client
Craig Newmark
Public awareness · USA
Services
WordPress Development
Custom Fields
Scroll Animation
CI/CD
Industry
Nonprofit
Cybersecurity
Public Awareness
Year
2024
Nine seconds to a safer world.
Scammers are getting smarter, but a nine-second pause is often all it takes to stay ahead of them. Take 9 is a public awareness campaign — fronted by Sesame Street’s Count von Count — built to teach people to stop and think before they click a link, download a file, or share personal information.
We built the original site in WordPress with a heavily customized field architecture, so the campaign team could author three signature lessons — spotting phishing hooks, protecting personal information, and verifying who’s really on the other end — without ever touching code. Each step paired a real-world scenario with a “how to protect yourself” callout, all driven from structured content.
GSAP ScrollTrigger powered the through-line of the experience: the hero video count-up, sticky step counters, sectional reveals, and the playful pacing that mirrored the “pause, then act” message of the brand. SCSS was compiled into a tight, tokenized stylesheet so type, color, and spacing stayed consistent across every lesson, callout, and CTA.
Every push to main shipped through GitHub Actions to WP Engine, giving the team a hands-off deploy pipeline so they could focus on the message — not the mechanics — while the campaign was in market.
A walk through the experience.
WordPress, with a pulse.
A custom-field driven WordPress build with GSAP-powered scroll triggers, compiled SCSS, and a hands-off Git Actions → WP Engine deploy pipeline.
WordPress
Editorial control for the campaign team to publish without code.
Toolset Custom Fields
Structured fields powering each lesson, callout, and CTA.
GSAP Scroll Triggers
Sticky counters, sectional reveals, and pacing that matches the brand.
JavaScript
Video controls, count-ups, and front-end interaction logic.
SCSS Compiling
Tokenized type, color, and spacing for a consistent system.
Git Actions
Push-to-deploy automation from repo to production.
WP Engine
Managed WordPress hosting with caching and staging baked in.