DUOLABS
Work

Charts for a promotion campaign

For a weight-management cereal brand's web promotion, we developed the screens that turn participants' entries into charts. The campaign offered interactive web content where consumers tracked and checked their own meals and weight changes. In a participation campaign the chart is where people check their own progress, so the focus was on making weight change, goals, and progress readable at a glance. The work was implementing chart screens that respond to the data.

Launch
2010
Client
A global food company
Type
Data & Visualization
01 / 04

A personal record graph drawn straight from what participants enter

The weight-management campaign sites the same brand ran in several countries paired personal meal plans, shopping lists and exercise tips with a record screen where participants checked their own progress. On the weight-management campaign website, participants entered and checked their own meals and weight changes. We implemented the screens that show participants' entries and the campaign data as charts. Showing a graph instead of a list of numbers lets the build-up of records catch the eye first.

A personal record graph drawn straight from what participants enter
02 / 04

A layout that reads weight change, goal, and progress at once

The campaign chart screen shows three things together: weight change, the goal, and progress. Participants see on one screen how their weight has changed, where the goal is, and how far they have come. Because the campaign belonged to a brand that helps with weight management, the values in the chart were the participants' own weight and goals.

A layout that reads weight change, goal, and progress at once
03 / 04

Charts that respond to data instead of fixed pictures

The campaign charts were built as interactive screens that respond to data, not as static images. When a participant's records change, the chart redraws to match on the same screen. A picture drawn in advance cannot show records that differ from one participant to the next.

Charts that respond to data instead of fixed pictures
04 / 04

A balance that keeps the campaign's tone and keeps the numbers readable

The campaign chart sits inside marketing web content, so it had to follow the tone of the brand's campaign. We composed the screen so that the chart flows naturally into the surrounding content, balancing clear information against visual presentation. This work was part of a campaign run by a digital agency, and the chart experience built here led on to developing the same brand's mobile app.

A balance that keeps the campaign's tone and keeps the numbers readable

Highlights

01

Web charts drawn from participants' own entries

02

Weight change, goal, and progress on one screen

03

Interactive screens that respond to data instead of fixed images

Insights

Read the blog