top of page

Creative
Studio

creativestudio.png

An ad building application that makes building ads easy

The challenge

After acquiring three companies, GumGum's global Ad Building Design Team faced significant workflow obstacles:

  • Tedious manual asset exporting from Photoshop

  • Conflicting design approaches (some designers coded, others didn't)

  • Inefficient approval processes for external users

  • Inconsistent project development relying on "copy-pasting" old templates

interactive designer workflow.png
animation designer workflow.png

A previous designer workflow that consisted of an animation timeline with no coding involved

coding workflow.gif

A previous designer workflow that consisted of purely just front-end development, as if hand-coding a traditional website

The Process

As a Product Manager/Product Design hybrid, I:

  • Conducted 30+ hours of user research to identify pain points

  • Held collaborative workshops with engineers to build cross-team empathy

  • Prototyped two different approaches:

    1. A timeline editor similar to After Effects

    2. A Photoshop file parser that automatically positioned and animated assets

  • Led user testing sessions to identify the most resonant solution

  • Designed key interfaces in Figma

  • Created and validated critical feature workflows

  • Implemented analytics tracking

  • Advocated for the product, winning over resistant designers

dovetail.png

The Solution

We created a unified platform that:

  1. Automatically exports assets from Photoshop

  2. Bridges the coding divide with a flexible component system

  3. Streamlines authentication through domain whitelisting and magic links

  4. Reduces creative development time by 50%

creativestudio.gif

Key Innovations

Intelligent authentication flow (Miro) 

 

Intelligent authentication flow that detects user domains depending on whether they are internal, external (whitelisted) or external (not whitelisted).

authentication flow.png

Export screens (Figma)
 

Customised export interfaces for internal and external teams​

export screen

Sprite Sheet Component (Figma)

 

Sprite sheet animation tool enabling non-technical designers to create highly animated ads

Sprite sheet component.png

Results

Designers now build ads in half the time, with a platform that unifies workflows while maintaining flexibility for different working styles. The solution transformed a fragmented process into a streamlined, efficient creative ecosystem.

happy designer.png
bottom of page