UX | UI

Designing a system to support digital production workflows.

We designed a system to support a multiplicity of proprietary applications to automate and optimize the digital production of thousand of assets for the creation of marketing campaigns distributed across millions of devices. The system is meant to work on small interfaces such as panels within Adobe Illustrator.

  • Role: Senior UI
  • Discipline: UX | UI
Play video

The context

Explainer video for the Kepler automation tool for which CUI-mini Design System was implemented on a second version. By automating key aspects of the creative processes involved in video ad design and development, Kepler brought from 30% to 100% productivity improvements depending on the teams involved. Certain teams were able to be removed from the process entirely.

Impact assessment
73% time reduction, 300% productivity gains, $300k YOY savings and 60% cost benefit

Wireframe examples before implementation of style guide

Early iterations of the applications before applying the style guide

Final design with the implementation of components adapted to smaller spaces. Example corresponds to the Grasshopper tool.

Kepler panel in context within After Effects

The Style Guide

The system is leveraged across Conversant’s tools and platforms throughout their current/future states. This design system is fully extensible allowing for the easy addition of new components, features and functionality as the needs arise.