It’s through mistakes that you actually can grow. You have to get bad in order to get good.
Paula Scher
Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.
Antoine de Saint-Exupery
Good design is obvious. Great design is transparent.
Joe Sparano
People ignore designs that ignore people
Frank Chimero
It’s easier to ask forgiveness than it is to get permission.
Grace Hopper
Simplicity is the ultimate sophistication.
Leonardo da Vinci
Nike DIA Style It Yourself Interactive Video

Nike DIA Style It Yourself Interactive Video

To support the launch of Nike Air Max Dia, HYPEMAKER created an interactive video experience. Titled "Style It Yourself", viewers can interact and influence the film's story and assemble an outfit before shopping the collection.

Building the experience

The video experience was challenging to create, so we had to keep it simple. The viewer gets three interaction opportunities, choosing their footwear, jacket and bottoms.

We divided the footage into four categories.

  1. First comes the main scene
  2. Straight afterwards, the interactive decision
  3. Then confirming the outcome
  4. After all the interactions, the video ends with the final outfit

After each decision, the timeline breaks into a new branch. In total, eight clothing combinations are possible.

Eight different possibilities

The timeline branches are then stitched together into one long timeline.

Once the viewer makes a clothing decision, the video skips to the relevant scene on the timeline, creating a seamless video experience.

Final Outcome

Nike DIA Interactive Video
Play Interactive Video
No items found.
Nike DIA Style It Yourself Interactive Video
Nike DIA Style It Yourself Interactive Video

Senior Designer: Erlen Masson

Designer: Luke Brown

Creative Editor: Joe Iley

Production Manager: Anna Carradice-French

Let's create something together, get in touch.
Email me
DM me on
Connect on