Skip to content

Home / Guides / Design

Design

Data has a pulse: using data to inform and design marketing

How useful data becomes better creative briefs, moving artwork, customer information and playful little worlds. With a concept film and interactive examples.

By Shane Rounce · 13 min read

THE IDEA

A spreadsheet can be
the start of something good.

I like making things move. Little worlds, ridiculous glowing objects, bits of interface that feel like they escaped from an old console. But the interesting part starts before anything moves: deciding what the thing is actually trying to tell you.

Data can help with both halves of that job. It can inform the creative brief, showing what people need, what they search for and where they get stuck. It can also become the material: the numbers, labels, shapes and rules that generate a poster, animate an explainer or change a game world.

I have built a set of fictional business interfaces to explore that connection: ordering, sport, publishing, service maps and campaign operations. The full-screen lab keeps them together, while each example has the visual language and interaction of its own business.

Working interfaces / 24 seconds

From data to an interface.

A reporting chart grows in time order, a kiosk responds to an order, match statistics build through a timeline and a market browser shows recorded prices. This earlier interface study captures the direction of the apps below, with an original instrumental soundtrack and fictional data.

Explore all the apps in the full-screen lab →

Read the film transcript

Follow the data: weekly enquiries appear from left to right. Make it personal: a burger order changes heat and cheese layers. See the story unfold: North versus South match statistics build through the match. Keep the context clear: a fictional market browser shows recorded price history. All data is illustrative. The soundtrack is instrumental.

Watch the original B2B film

A command centre should explain what changed.

A useful publishing dashboard brings several kinds of evidence together without pretending they mean the same thing. An article can be getting attention while its price feed is unavailable. A quiet configuration record can be perfectly healthy. A busy cache can be doing its job. The design needs to make those differences easy to see.

I have built a fictional editorial command centre around patterns from my publishing and platform work: time-based activity, source health, editorial changes, placement context and a checked record travelling through a publishing pipeline. The figures, publication and incidents here are invented.

The editorial command centre loads nearby.

Switch sports or measures, advance the sample snapshot, then make the racing source unavailable. The audience chart remains an observation; the source-health panel explains which customer modules must be withheld. Pause refreshing and the last snapshot stays dated. Clicks leaving an article are not completed bets, sales or unique people.

The movement has a job too. Chart segments arrive in time order. A small packet travels through the publishing stages. A changed health state draws attention to the affected feed. There is room for the elastic, illustrated feel of a 90s ident, but it belongs to the action. The numbers and labels stay readable.

Open the command centre in the full-screen lab →

Design the placement and its rules together.

A piece of creative needs to fit the place it appears. Change the article context and the placement below: the same small campaign system composes a mobile article unit or a desktop masthead. Expire the creative and the placement is withheld while the story remains readable.

The placement studio loads nearby.

Impressions, viewable impressions and clicks remain separate measures. The click rate names its denominator. Historical results do not disappear just because an offer expires, and an attractive animation does not prove that it caused a commercial outcome.

Let the interface show its reasoning.

A content review is another design problem. Known zero traffic, a seasonal audience and missing measurement should not lead to the same recommendation. Try the review queue: a staged replacement keeps its evidence, an unknown record needs investigation and a demo decision can be undone.

The content review workspace loads nearby.

The same rule applies to the smaller customer journeys. A shoe size changes fit information, stock and the order. A ticket choice changes the reservation total and available places. A council map filters eligible locations. Each control should produce a visible, understandable consequence inside its own interface.

01 / INFORM THE MATERIAL

Start with a question,
then choose the message.

“Make a nice animation” is a fairly loose brief. “Help people understand what they’ll leave this workshop knowing” gives us somewhere to go. Search terms, customer questions, support requests, product use and properly collected feedback can all help find that starting point.

In the campaign planner, choosing creative makers or business teams changes the headline and workshop brief. Choosing a website or venue screen changes the composition. These are authored design rules using invented inputs, rather than a machine deciding what people must want.

In a real campaign I’d check the sample, the date and what the question actually asked. Seventy-two per cent of twenty-five respondents is different evidence from seventy-two per cent of five thousand. Clicks can suggest curiosity; they don’t tell you whether someone understood the offer or had a useful experience.

The evidence helps choose the story.
The design helps someone understand it.
02 / DESIGN WITH THE MATERIAL

Give the artwork
a reliable source.

A product name, a price, an event date, a colour and an availability figure can be fields in a shared record. Once those fields have clear meanings, the same record can populate a landing page, a motion graphic, a printed card and a social carousel.

The campaign planner binds the headline to the audience and adapts the layout to the placement. The output studio below extends that record into flyers, adverts and screen graphics. The design supplies the rules; the data supplies the values.

Change a record and you can regenerate the materials without retyping everything. You still need someone to approve the message, check awkward text lengths, confirm image rights and review the finished export. A video already uploaded to a social network won’t update when the source changes; it needs a fresh export and a deliberate replacement.

TRY IT / CAMPAIGN

One record becomes the creative.

Interactive app example loads as you approach it.
Open this app in the lab →
03 / MAKE THE SYSTEM VISIBLE

A little Matrix energy.
With a reason behind it.

The Feedroom view shows the publishing status of workshop availability, venue access and artwork. Filter to records needing review, then refresh the sample to see the access record become publishable.

That distinction matters in the less glamorous part of the job. Stable IDs stop two products being mistaken for one another. Shared units stop pounds becoming pennies. Timestamps tell us whether a number is still useful. Validation catches missing values before a confident-looking animation turns them into misinformation.

Zero places means sold out. Missing availability means we don’t know. The game lobby disables a full world, while the evidence-review queue keeps missing measurement separate from known zero traffic.

TRY IT / MATRIX

See the fields behind the scene.

Interactive app example loads as you approach it.
Open this app in the lab →
04 / MAKE IT USEFUL, OR MAKE IT PLAYABLE

The same record can
build a small world.

The Worlds lobby gives each destination a small illustrated island and an explicit number of open places. Selecting a world updates its join state. Joining uses one demo place, while a full lobby cannot be joined.

That same principle can drive a game’s inventory, a progression map, an event installation or a stream overlay. In a game, state changes should happen in the game’s rules, with the animation showing the result. A pretty effect should never secretly become the source of truth.

The Customer view is a workshop booking interface. Ticket quantity changes the total and remaining places. Reserving updates the demo booking and prevents overbooking; it does not take payment.

TRY IT / WORLD

Turn availability into a small world.

Interactive app example loads as you approach it.
Open this app in the lab →
TRY IT / CUSTOMER

Give the customer a clear answer.

Interactive app example loads as you approach it.
Open this app in the lab →
05 / CHOOSE THE RIGHT VIEW

Not every question
needs a spinning jewel.

The useful thing about combining design with data work is being able to choose the view that suits the question. A map tells you where. A chart tells you what changed. A funnel makes a sequence visible. A graph shows how records relate to each other.

These examples borrow the kinds of problems I work on across events, community platforms, websites and hosting. The records below are invented for this article. They are not customer metrics or extracts from those projects.

A map for “where?”

Working on Sheff Events means thinking about place as well as time. An event listing needs a usable location, a consistent category and a date that means the same thing everywhere. Here, a schematic map lets you choose a fictional venue, inspect its availability and filter for step-free access. It is not a directions service.

TRY IT / MAP

Find the places that fit.

Interactive app example loads as you approach it.
Open this app in the lab →

For a council, the map needs to answer a real question.

A service finder brings together location, opening hours and access information. Filter this fictional map for step-free locations and choose a pin to inspect its details. A real service needs an owner, a last-checked date and a way to report incorrect information.

TRY IT / COUNCIL

Find an open, accessible service.

Interactive app example loads as you approach it.
Open this app in the lab →

A chart for “what changed?”

A campaign report needs a consistent time interval, named measures and a visible scale. This example compares six fictional weekly counts of enquiries and qualified enquiries on the same zero-based scale. Chart segments grow in time order so the sequence remains understandable.

TRY IT / TREND

Give the numbers a time axis.

Interactive app example loads as you approach it.
Open this app in the lab →

A funnel for “where is the friction?”

Website visits, offer views, enquiries and bookings are different events. Define them before putting them in a funnel, and use the same cohort and period. Here the visible planning choices change the assumed booking rate applied to 108 qualified enquiries. The final count is a projection, not a measured campaign result.

TRY IT / FUNNEL

Make a conversion assumption visible.

Interactive app example loads as you approach it.
Open this app in the lab →

A graph for “what depends on what?”

A shared event record can connect a venue, campaign, website and customer message. Switch the source record below: the website, email and venue-screen summaries all use the same saved information. Shared content avoids retyping facts into unrelated materials.

Community work such as Together is also a reminder to think carefully about what connections should be exposed. A useful visual should have a clear purpose and respect the permissions of its underlying records.

TRY IT / NETWORK

See the relationships behind the outputs.

Interactive app example loads as you approach it.
Open this app in the lab →
06 / CLOSE THE LOOP

Measure what the
creative was meant to do.

For this imaginary workshop, the first question might be whether people understand the outcome. The next might be whether suitable visitors book a place. I’d choose those questions before deciding which dashboard numbers to celebrate.

Keep a record of the creative version, audience, placement and dates. Compare equivalent periods and account for changes in budget, seasonality and audience mix. If you test two headlines, keep the rest as consistent as you can. A spike after launch is a reason to investigate, not proof that the animation caused it.

Aggregated evidence is often enough to improve a piece of marketing. You don’t need someone’s name falling through an animated display. The operational examples use fictional records; the ESPN sports hub labels its real source separately, and the visual rules are visible so you can see what is doing what.

Good data leaves
more room to play.

The useful bit is the connection: evidence shapes the brief, structured content builds the materials, and thoughtful measurement helps with the next version. That can be a very sensible customer update. It can also be a weird little glowing jewel on a low-poly island. I’m quite happy making both.

Got information that’s difficult to explain? I can help turn it into something people can understand, interact with and enjoy.

Follow the infrastructure into the artwork.

An infrastructure map can explain more than where a server lives. It can show which source supplied a claim, which saved record a page used and how the same approved information reached a screen or poster. I have borrowed the idea of selectable paths and an evidence inspector from my hosting control-plane work, using entirely fictional infrastructure here.

Switch between normal traffic and a campaign peak, then change source freshness. Utilisation and cache share respond to the traffic scenario. An expired source withholds new claims. Select each infrastructure stage to inspect its role without pretending traffic changed the product’s availability.

Interactive app example loads as you approach it.

Open the infrastructure example on its own →

Find the story before making the noise.

A useful news signal is a question for the creative team. What are people trying to understand? Is there a shared frustration worth poking fun at? Can the product do something useful inside that moment? I want the idea to earn its place, whether the result is a straight explanation, a dry one-liner or a piece of matchday mischief.

The editorial planner starts with an audience and a placement. The output studio then shows how one approved record can produce different creative compositions. The visual rules are authored: an animated background must not quietly turn attention into demand or a runner into a predicted winner.

Interactive app example loads as you approach it.

In a real workflow I would keep the sample definition, observation time and source link with the brief. An editor checks the facts and decides whether the tone fits. A designer chooses the composition and tests it at the actual placement size. We record which version went out so later results can be compared fairly. The joke is authored; the evidence is inspectable.

This can support sports editorial, adult-facing regulated campaigns, restaurant launches or a business explaining a complicated service. The useful thing is the combination of cultural timing, a clear product truth and enough craft to make the result worth noticing.

Open the campaign study on its own →

The data behind the design

The companion guide on AceMedia Host looks at source freshness, ownership, publishing snapshots and forecasting: the work that makes these creative examples dependable.

Read the backend companion on AceMedia Host →

Make it work for your business

I can help with data visualisation and motion design, or build a repeatable creative campaign system. For the feeds, checks and publishing behind it, explore data pipelines and publishing and campaign infrastructure.

One record, a whole campaign

I want to show the finished design as well as the machinery behind it. An event record can supply the printed flyer, display advert, venue screen and spot storyboard. The composition changes for the placement, while the approved time, availability and message stay together. Try the visible choices below: high demand changes the event offer, and holding the record withdraws customer claims.

Loading campaign output studio…

Open campaign output studio in the full lab

The campaign carries through to the door

A booking count also helps plan check-in lanes and staffing. Confirmed venue access feeds the arrival map and customer message. This sample uses declared staffing assumptions; it does not pretend a marketing tool can determine safe venue capacity.

Loading event operations…

Open event operations in the full lab

A sports record can become a hub, team view or screen graphic

This example fetches today’s fixtures from ESPN through a cached source adapter when opened. Choose a sport, fixture and output. Team names, scores, status, time and venue come from the source; the layouts are design studies. Missing details stay missing. The source check is limited to once a minute, with a visible fetched time, rather than claiming to be a continuous live ticker.

Loading ESPN sports hub…

Open ESPN sports hub in the full lab

The Trackside example uses the horse-on-a-stick visual from my event-hub work. Its race sections and prices are fictional and separate from ESPN. Moving a horse shows a scripted position, not a predicted winner or a conversion of odds into physical progress.

Need a hand with your next project?

I help with branding and logo design, with practical advice and hands-on work. Tell me what you are trying to improve.

Email Shane