Holiday Afterpay
CLIENT
Block, Inc.
TECHNOLOGIES
HTML, CSS, JavaScript
YEAR
2021
EXTERNAL URL
Frontend development for Afterpay’s 2021 holiday campaign microsite — an interactive, single-page experience built as a multi-story building facade where each window showcased shoppable products. Animated snow effects, precise CSS positioning across dozens of interactive hotspots, and a fast-turnaround build on a hard holiday deadline.
Development lead on this project, working directly with Block, Inc.
Background
The biggest buy-now-pay-later brand in the world needed a holiday microsite — and it needed it fast.
Afterpay — the Australian-founded buy-now-pay-later platform acquired by Block, Inc. (formerly Square) in a $29 billion deal — was heading into the 2021 holiday season as the dominant BNPL brand in North America, with over 20 million customers and nearly 100,000 retail partners. The holiday season was existential for BNPL: consumer spending through Afterpay was up 34% year-over-year, in-store orders had surged 442% on Black Friday alone, and the platform had saved U.S. customers an estimated $459 million in credit card fees that year. Afterpay’s marketing team wanted a dedicated holiday microsite at holiday.afterpay.com — not a standard landing page, but a fully interactive experience that would drive product discovery and funnel shoppers into partner retailers during the most competitive shopping window of the year. The timeline was fixed to the holiday calendar with zero flexibility on the launch date.
The brief was clear: build something visually ambitious on a holiday deadline — no extensions, no phased rollout, live or nothing.
Implementation
A single-page building facade with shoppable windows, animated snow, and the most demanding CSS layout I have ever built.
The concept was a multi-story building — rendered as a single scrollable page — where each window in the facade contained a featured product from an Afterpay retail partner. Clicking a window opened the product detail and routed users to the retailer’s storefront to complete the purchase with Afterpay. The entire composition was built in HTML, CSS, and JavaScript with no framework — just precision positioning, layered z-indexing, and meticulous responsive breakpoint management to keep dozens of interactive hotspots aligned against an illustrated building backdrop across every screen size. The snow effect was a JavaScript-driven particle animation layered over the entire viewport, calibrated to feel ambient without competing with the product interactions underneath. Every window had its own click target, hover state, and product overlay — each one hand-positioned against the building illustration, which meant the CSS grid wasn’t a grid at all but a carefully orchestrated set of absolute and relative positions that had to hold together from mobile through ultrawide. The layout was the hardest part and the most rewarding — the kind of build where the design looks whimsical and effortless on screen but the code behind it is anything but.
This was the most technically demanding frontend build I had done to that point — a layout challenge that pushed every assumption about responsive positioning and proved that precision CSS can carry an entire interactive experience.
Results
Live on time, pixel-perfect, and driving product discovery through the peak holiday window.
The microsite launched on schedule at holiday.afterpay.com and served as a primary discovery channel for Afterpay’s holiday campaign, routing shoppers directly to retail partner storefronts during the highest-volume shopping weeks of the year. The build shipped on a compressed timeline with no scope cuts — every window, every product, every snow particle made it to production exactly as designed. The experience ran through the full 2021 holiday season, supporting Afterpay’s broader campaign that included their “Six Weeks of Gifting Better” sweepstakes and “Done Day” initiative. The microsite has since been retired — seasonal campaigns don’t live forever — but the build remains one of the most technically ambitious frontend projects in my career and a proof point that precision CSS and vanilla JavaScript can deliver the kind of interactive experience that most teams would reach for a framework to build.
This project proved that fast timelines and ambitious design aren’t mutually exclusive — the constraint was the deadline, not the craft.
