Square, Digital Production Designer

November 2020 - present

As a Digital Production Designer on the Point of Sale team, I am responsible for creating and delivering a large volume of static and motion graphic assets across Square’s digital communication channels such as public web, emails, social, campaigns and more.

In addition to building public web pages and emails, I collaborate closely with Digital Technologists, Art Directors and Designers to prototype and animate their designs. Internally, I help identify ways to improve workflow, and create documentation for best practices. I also work closely with the Globalization team to localize our UI screens and assets for international locales in 11 languages.

Tools used: Figma, Adobe Photoshop, Adobe After Effects, Lottie, Contentful CMS (XMS-FE)

Motion

Public Web

Coffee Shop Solutions Page

Coffee shops are a crucial vertical for Square. I worked closely with the designer and design technologist to give Square’s Coffee Shop Solutions page a design refresh. This project showcases new testimonials from Square coffee shop sellers and emphasizes features tailored for coffee shops. My role involved slicing and imaging assets on the page, building the page using a CMS, editing and integrating video assets, and localizing the page for US Spanish.

Fun fact: I recommended one of my favorite coffee shops in Seattle for the new seller testimonials, and it was selected to be featured prominently in this redesign!

Square Gift Cards Page

I worked with the designer and design technologist to give Square Gift Cards site a refresh. The new design features a hero carousel animation, which I helped prototype, animate and export into a json file to implement into the page.

Square Invoices

Created four UI animations as part of the Square Invoices page redesign, showcasing different features.

3D explorations

3D experimentations of Square hardware

Workflow/documentation

Gif storyboard template for emails

Created a storyboard template in figma for designers to help guide and streamline the design process for gifs for email. Email assets have a size limitation of 300 kbs, which often resulted in designs having to be revised/shortened during production. This storyboard template helps guide designs from the very beginning, and allows designers to visualize their designs as a simple animation without having to use After Effects.

Motion wiki

I created an internal motion library featuring visual examples of various animations (gifs, mp4s, json/lottie animations) and their use cases. This resource serves as a reference for other designers and production teams, helping them understand which types of animations to use for different contexts.