Nike

ESC

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.

UXArt Direction
Film still labelled 1. Scene — the stylist working through a rail of clothing
Film still labelled 2. Decision — two jackets framed as selectable options
Film still labelled 3. Outcome — the chosen green puffer jacket held up to camera
Film still labelled 4. Final Outfit — the completed look shot on a pink backdrop
Branching timeline diagram — each decision splits the film into a new branch, resolving into eight outfit combinations
The eight branches stitched into one continuous timeline, each ending in a replay
Eight different possibilities
The finished film running in the Hypebae article on tablet and phone
Studio set lit around a magenta backdrop for the Nike Air shoot
A Nike shoebox held up to camera
The Style It Yourself title card
Two Air Max Dia colourways framed as the footwear choice
The stylist presenting a shoe to camera in the sneaker room
The jacket choice — a grey half-zip and a green puffer framed as options
End frame — Air Max Dia on the model with a Shop Now prompt
End frame — the green puffer look with a Shop Now prompt
End card — Do It Again, with a replay button

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.

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

Play Interactive Video

Credits

  • Agency: HYPEMAKER
  • Senior Designer: Erlen Masson
  • Designer: Luke Brown
  • Creative Editor: Joe Iley
  • Production Manager: Anna Carradice-French

More Work

Let's talk

Let's make something together.

Every project starts with a conversation. Tell me what you're building and I'll take it from there.

Get in touch