Block (formerly Square), Digital Production Designer

November 2020 – January 2026, Full-time

At Block, I supported global marketing and product initiatives for Square, growing from a motion-focused production designer into a senior production role supporting digital experiences across web, email, and other customer-facing surfaces at scale. My work focused on translating designs into precise, production-ready deliverables across different formats. I collaborated with cross-disciplinary teams to support 8 global markets, implementing localization and market-specific adaptations while ensuring accuracy within platform and system constraints.

Alongside core production work, I improved workflows and internal documentation to support more efficient, consistent processes from design to delivery.

Tools used: Figma, Adobe After Effects, Adobe Photoshop, Lottie, Contentful CMS, Goose (Block’s open source AI agent)

Role highlights

  • Produced digital static and motion assets for marketing and product communications across formats including web, email, social, and paid media.

  • Built and maintained public-facing web pages using an internal content management system (Contentful) to support product launches, campaigns, and ongoing site updates.

  • Animated UI flows that distilled complex interactions into clear, web-optimized motion for product education and messaging.

  • Provided motion and production guidance to designers and partners, helping clarify tradeoffs and align on scoped, executable design solutions.

  • Improved production workflows and documentation to streamline handoffs and reduce revision cycles.

  • Supported hiring and onboarding of production designers, leading sessions on animation localization and workflow standards to expand team motion capabilities.

Web animations

Web page builds

Paid ads

Emails

Social

Animation & localization

Digital OOH

Internal Process Improvements & Documentation

Gif storyboard template for emails

Gif animations for email often required production animation support during early creative development so stakeholders could visualize and approve concepts, pulling production in before creative lock and creating capacity strain. To address this, I developed a storyboard template in Figma that enables designers to visualize their work in motion without needing to use After Effects. By building email-specific file size limits directly into the template, it established clear guardrails that reduced late-stage revisions and ensured designs were feasible and optimized before creative lock and production handoff.

AI powered animation gallery

Using Block’s internal AI tool, I built an automated gallery that scans Square’s live public web pages and displays existing motion assets and animations, improving visibility into motion work across distributed pages, products, and teams. The gallery refreshes every two weeks and links each animation to its source page, making it easy to locate original files. This encourages designers to discover and reuse existing animations when timelines or resourcing do not allow for net-new motion work, freeing up production time and resources. It has since been adopted by designers and integrated into the internal Public Web Design System Library.

Motion wiki

I created an internal motion wiki that documents common animation formats, including GIFs, MP4s, and JSON/Lottie animations, paired with visual examples and guidance on when each format is most appropriate. This resource serves as a shared reference for designers and production teams, helping teams make informed decisions about animation usage across different surfaces and contexts.