Flexible, dynamic design system

Creating a flexible design system for Dynamic content optimization (DCO) with limitations of the technology and content's unpredictability.

Creative goals have creative flexibility and a seamless design not look computer-generated

Production goal: having one template that can cover many needs to avoid extra costs.

Reducing designer time with standards briefing.

A fresh design can cost the company $3000-$8000 for set up.

My Role

Creative & Media Strategy
Temple design
Design & Process Management
Creative Production

Building a framework

It’s not just about building a flexible design framework. It also set up project briefing standards that ensure we are all on the same page for every project.

Marketing teams are responsible for completing content briefs that give the creative team's directions and creative matrix for product targeting.

Project checklist

  • Step 1

    Understanding media and marketing needs.

    Looking at the different kinds of campaigns messaging.

    Look for the comment elements needs

    Talk to the vendor to understand technology laminations and best practices.

    Will there be a creative matrix or a feed from user data based on targeting?

  • Step 2

    Start mapping design framework based on the common elements.

    Elements will appear depending on campaign type

    Elements

    Brand name

    Price

    Sale price if appropriate

    discount code

    Interaction states

    Logo

    Hero assets

    Tagline or lockup

  • Step 3

    Internal check in with all partners and vendors to assure alignment.

    After approval, the template is set. It will be re-evaluated after 3 months if there are internal requirements that need to be updated but also if budget permitting.

Flashtalking DCO

This vendor has had a more flexible ability to design requests.

These display ads have a 2 frame state.

Frame 1 is an intro to the content setting up the feed.

Frame 2 fed by the creative matrix and we are able to keep on massaging.

Media Math DCO
& Criteo

This vendor had more restructures on what we could design.

The display ads are specially designed to promote sales.

Media Math

These display ads have a 2 frame state.

Frame 1 is an intro with promo or sale messaging.

Frame 2 is feed by customer data aquation or retargeting.

We had started testing having larges promo messaging on the second frame.

Criteo

Responsive resizing based on IAB

Make the technology work for you.

The future of advertisement is personalization.

Speaking to the customer at the right time, the right place, and the right way.


If I had time and budget, I would have built some new models to create a better experience and different types of storytelling.

Story examples
Trend story
How to build a look

Campaign tactics to think about

 

Continuity

Us ethe intro to building excitement and care over into the product feed.

Add interaction

Have 4 top products to a top carousel that will auto play or the customer can interact.

Single-State

Lose the intro frame and build a frame work for the content

 

100% DCO feed

Design a framework that is auto-filled Downside you do lose a bit of design control but when you have many sales it reduces production time.

Add info

Show available size and color as a part of the information feed..

Mixed stated

The intro stater is to build excitement and draw the eye.

 

Testing is always king

There are always multiple ways to solve a problem in the end the best is to test and see what works best.