Square Public Web 2.0
Senior Design Technologist
Square’s public web (squareup.com) is a Contentful and SvelteKit app serving CMS-driven content across 11 locales. Working closely with Design and Engineering, I built reusable components that reduced overhead while also enabling teams to ship bespoke, conversion-optimized experiences.
I shipped a large-scale redesign of the site, from early concepting and prototyping through launch, jumping into code early in the design process to validate interactions live on screen. The work balanced creative ambition with engineering standards, including TypeScript components built with full test coverage, all production-ready in Storybook. For more bespoke needs, I built tools like a Rive animation renderer that let designers bring their vision directly to the public web without the need for engineering support.
Interactive motion at scale using Rive
A Content Explorer component I built adapted to many different use cases, all using the same portable, extensible API that made it easy to fold into the design system later. It was later upgraded to render Rive animations, putting two foundational components I built side by side on the Square homepage today.
For Square's Feature Log and Roadmap, I built a shared component that lets sellers filter and search for product updates relevant to them. Both pages use the same component under the hood, with Roadmap pulling from Contentful and Feature Log from an internal API. There were no one-off changes, just a clean component API contract.
Other components
Results
75+ of the redesigned pages were tied to the 37M+ in monthly incremental revenue increase. +500M in annualized incremental revenue. Virtual point of sale pages got +33% BOF conversion rate. Patterns that arose from this redesign set the standard for redesigning the following 500 pages across other locales.