One Motion Designer. Five teams.

As the sole motion designer for client Sherwin-Williams, I worked across a handful of talented teams. I established SW Motion from the ground up: motion principles, easing curves, tokens, patterns, and then applied that system across the full breadth of their digital ecosystem including consumer apps, pro tools, web experiences, and social content.

gergwerk client diagram

What I brought to the engagement

Motion Design System

Principles, easing curves, tokens, and reusable patterns for Dropcloth, SW’s design system

UX Interaction Design

Micro-interactions, parallax effects, vector animations, and Lottie exports for mobile and web

Promotional Video

Full post-production pipeline for feature launches, YouTube series, and social content

Figma Tooling

Custom storyboard component system that lets writers, designers, and animators work in a single shared file

SW Motion Design Guidelines


Roles: motion design system / motion patterns / easing curves / motion tokens

I created Sherwin-Williams’ first ever motion design guidelines for Dropcloth, their enterprise design system. This meant establishing motion principles from scratch: defining SW’s motion personality, crafting proprietary easing curves, coining motion tokens, and documenting patterns that both designers and engineers could apply consistently across surfaces.

The guidelines live in Zeroheight alongside the rest of Dropcloth, giving every team a shared reference for how SW moves.

SW Color Expert App


Roles: motion patterns / interaction design / Promotional video

 

The Color Expert App lets customers photograph a room and virtually repaint it in any SW hue, with AI-matched complementary suggestions. I designed animations across the entire app experience: onboarding flows, color-swap transitions, parallax effects, and micro-interactions that made the AR features feel seamless and premium.

I also handled the full promotional pipeline for the app’s launch on both Apple and Android, producing social and store assets end-to-end.

UX Motion Reel


Roles: motion frameworks / interaction design / 

 

Working across 6 teams, I lead all UX Motion for SW digital products. This video encapsulates the range of work I did. This motion spanned across web and mobile app, applying my dropcloth principles and delivering specs for developers.

Figma Storyboard Tool


Roles: UX Design / Component framework  / interaction design 

 

Producing high volumes of video for SW exposed a real workflow bottleneck: building storyboards in Figma was slow, error-prone, and required constant re-work whenever a shot changed. I built a complete storyboard component system inside Figma to solve it, enabling writers, designers, and animators to collaborate in a single shared file.

Read more about my process here 🔗

Atomic Modules

Swappable icon and text description components that adapt to any project type

Auto Layout

Storyboard frames and full pages reflow automatically when content changes

Art Frame Sync

Full-scale art auto-syncs to thumbnails, no more manual resizing across every shot

Impact at a glance

5

product teams served simultaneously

1st

motion guidelines ever created for Dropcloth

2+

years as the sole motion designer on the account

Mobile + Web

Motion patterns shared across environments
  • Previous ProjectLenovo & Motorola Qira

  • Next ProjectEcho Spot

Share