Godaddy
UI Motion Production Guidelines
Context
I’ve been working with GoDaddy for over six years, starting as a hands-on designer focused mainly on motion work (you can check out some of that work HERE). As our team rapidly grew, I transitioned into a more senior role where my responsibilities expanded into creative direction, art direction, leadership, and mentoring, while still staying hands-on with animation projects when needed. Over this time, the motion style we developed organically became a core part of GoDaddy’s brand expression.
The Challenge
The core challenge was to test whether static product feature UI elements could be improved through animation. GoDaddy’s product teams were already experimenting with motion, but without a shared approach it was unclear if animations were actually adding value or simply creating distraction. The task was to prove that motion could make product features clearer and more engaging, and then build a system that would allow those benefits to scale consistently across teams.
The Solution
To solve this, we built a Motion Vocabulary and Production Guidelines that gave every team a shared language to approach animation. Instead of relying on ad hoc decisions, designers and developers could reference a clear system that explained why and how motion should be used. The goal was not simply to make things move, but to create animations that reinforced usability, clarified interactions, and strengthened brand expression.
Easing
Offset & delay
Parenting
Masking
Overlay
Paralax
Dimensionality
Zooms
The Process
We began by running small-scale motion trials within specific product features. The goal was to test if animation could make interactions clearer, improve usability, and drive measurable outcomes like higher clickthrough and engagement. These initial experiments proved successful, giving us the evidence we needed to expand the work into a full framework.
From there, I partnered with designers, writers, and developers to refine the motion principles, create documentation, and validate them in real product scenarios. Each iteration helped balance creativity with usability, making sure animations felt purposeful, accessible, and on-brand. This collaboration ultimately shaped a set of production-ready guidelines that scaled seamlessly across GoDaddy’s ecosystem.
The Impact
The guidelines gave GoDaddy’s product teams a practical framework that made motion easier to design, review, and implement. By removing uncertainty and providing a shared reference, production cycles became faster and smoother, with fewer revisions needed. Animations across different teams and products began to feel unified, which not only improved usability but also gave the brand a stronger and more consistent voice in motion.
A strong example of this impact came during GoDaddy’s Super Bowl campaign, where our team was asked to deliver twelve unique animations under an extremely tight deadline. Because the guidelines were already in place, we were able to move quickly, speak the same language across design and development, and make confident decisions without wasting time in back-and-forth reviews. The project was delivered successfully and on schedule, showing how the system not only improved consistency but also gave us the agility to handle high-pressure situations efficiently.
Why this matters
This project showed how motion can evolve from scattered, one-off animations into a structured system that adds real value to both users and the brand. By turning motion into a shared language and embedding it into the design system, we created a foundation that made teams faster, more confident, and more consistent in how they worked. What began as a small set of experiments grew into a scalable framework that supported everything from everyday product features to high-profile campaigns.
My Contributions
Defined the motion language by building on years of GoDaddy’s motion work and transforming it into a unified system that guided product teams and ensured consistency across all experiences.
Designed a scalable and efficient production process that streamlined collaboration, reduced review cycles, and made it easier for teams to deliver motion work at speed without sacrificing quality.
Animated key assets in close collaboration with GoDaddy’s art directors, balancing creative vision with usability needs to deliver animations that were both on brand and strategically effective.
Mentored and led the animation team, setting clear standards, providing feedback, and fostering alignment across deliverables to maintain a high level of quality and consistency in every project.