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.