Square's homepage is the front door for millions of global sellers. I was the sole Production Designer on a full redesign focused on improving conversion across international markets.
I built and shipped the majority of the page in Contentful, owned all UI motion, and led localization.
I'll explore this project from three different angles
Once designs and copy were finalized, I led production across desktop, tablet, and mobile. I partnered with Design Technologists on complex interactions, and built the remaining site in CMS.
I handled all asset production — including localized imagery, video, and animation — and ensured everything was optimized, responsive, and performance-ready across breakpoints.
The page is still live. Visit Squareup.com if you'd like to see it in person. If you'd prefer to stay here, there's a full video walkthrough of the live site attached.
Full homepage walkthrough, screen recording of the live Squareup.com
Figma PD working file, asset slices across breakpoints and locales
Production Figma File
I built and maintained a highly structured production file to support asset generation at scale across breakpoints and locales.
Assets were modular, systematically named, and optimized for reuse across Contentful, Box, and Figma — making updates faster and enabling other teams to self-serve when needed.



Outcome. The US page launched, was A/B tested, and the results were strong enough to drive expansion into international markets.
I owned all homepage motion end-to-end, creating 5 UI animations in Rive to demonstrate key product workflows.
I worked directly with product teams across POS, Payroll, Marketing, Banking, and Integrations to source accurate UI, then simplified and adapted flows for clarity and speed.
Each animation was designed to make complex software feel intuitive, using subtle motion and interaction patterns that mirrored real user behavior.



Showing UI for 5 Product Verticals
Localization was one of the most complex parts of working for a global company. I owned it end-to-end, from coordinating translations and adapting assets, to running QA with native speakers to make sure each experience felt right for that market, not just translated.
More than translation
French and Spanish copy expands 20–30% compared to English, which means layouts have to flex without breaking — through manual line breaks, shortened headlines, and adapted component choices per locale.
| US EN | US ES | CA EN | CA FR | |
|---|---|---|---|---|
| Copy | Food + Beverage | Alimentos + Bebidas | Food + Beverage | Aliments et Boissons |
| Tax | Tax 9% | Impuesto 9% | HST 15% | TPS/TVQ 15% |
| Currency | $21.56 | $21.56 | $21.56 | 21,56 $ |
| Date | MM/DD/YYYY | MM/DD/YYYY | YYYY/MM/DD | YYYY/MM/DD |
A big part of my work at Square wasn't just building pages — it was building the systems that made page building faster and more consistent for everyone.
That meant maintaining a company-wide UI component library in Figma, and owning a reusable template and module library in Contentful that any team could pick up and use without starting from scratch.
I maintained a reusable template and module library in Contentful to support scalable web production. The system provided pre-built, on-brand components that allowed teams to create pages quickly and consistently, without starting from scratch.
I worked closely with the Design Systems team to test components and ensure alignment with the Figma library, then owned the library in Contentful — keeping it up to date, production-ready, and easy to use.
This reduced build times by 50% and lowered the barrier to entry for teams working in a complex CMS, enabling faster and more consistent output across the company.
Public Web Template & Module Library, an internal tool for all builders at Square
Impact
I explored how AI could scale web production, partnering closely with engineers to shape and refine an internal page-building tool.
This work started with testing AI, and quickly shifted toward making it reliable, repeatable, and usable in real production workflows.
AI enabled us to automate the creation of 100 SEO programmatic landing pages, dramatically reducing production time and manual effort.
This freed up time for higher-impact work: handling ad hoc tickets, exploring new AI workflows, and spending more time on creative problem-solving.
I tested real scenarios, resolving edge cases, and helping define workflows the broader team could adopt.
Once it was in a stable place, I created onboarding documentation and trained other Production Designers so the team could effectively use the tool and scale its impact.
3 of 100 programmatic landing pages. Click to visit the live pages
AI was part of my daily workflow, used to improve speed, consistency, and output quality across production. And yes, I vibe-coded this portfolio. So many learnings.
AI in my day-to-day
I'm a Production Designer based in Oakland, CA, with 6+ years of experience working on high-traffic web and marketing experiences.
I've spent most of that time at Square, where I worked on everything from global homepage redesigns to building systems that help teams move faster — template libraries, localization workflows, and AI-assisted production tools.
My path into this work wasn't linear. Before design, I spent much of my adult life working in the food and beverage industry. That experience shaped how I think about design in a big way. I understand how much small details matter, how fast things move, and how much small businesses rely on tools that just work.
I tend to do my best work on fast-moving, collaborative teams, especially when I'm learning something new or helping bring structure to something messy.
Outside of work, I'm usually hiking somewhere in California with my dog, cooking, practicing Spanish, or finding live music.