Nike x Runner's World

2025

UI/UX

Motion

Art Direction

Parallax-led storytelling designed to shift and reveal, bringing together product innovation, movement and community across a multi-market digital experience. Early video concept and visual direction shaped in collaboration with Rob Monk.

Interactive article including 360° shoe rotations, animated collages, infographics, and video integration (responsive display units) and 3x short videos commissioned.

Interactive feature

  • Designed and built an interactive article blending Nike’s visuals with Runner’s World’s tone.

  • Included 360° views, animations, infographics, and video.

  • Set the initial creative direction with a moodboard and commissioned an illustrator to shape the look and feel of the embedded videos.

Building a modular toolkit

  • Developed and streamlined parallax templates prior to this project for smoother, quicker builds.

  • Built modular units like maps, timelines, and slideshows for faster, adaptable builds.

  • Focused on rhythm, pacing, and seamless transitions for a natural reading flow (scroll-based).

Collaboration

  • Worked closely with the editor, the motion graphics video editor and the technical team.

  • Helped align creative and production teams through a clear process.

  • Delivered a bespoke feature that kept the editorial voice of Runner’s World and Nike’s campaign aesthetic in balance.

    Live link

Nike x Runner's World

2025

UI/UX

Motion

Art Direction

Parallax-led storytelling designed to shift and reveal, bringing together product innovation, movement and community across a multi-market digital experience. Early video concept and visual direction shaped in collaboration with Rob Monk.

Interactive article including 360° shoe rotations, animated collages, infographics, and video integration (responsive display units) and 3x short videos commissioned.

Interactive feature

  • Designed and built an interactive article blending Nike’s visuals with Runner’s World’s tone.

  • Included 360° views, animations, infographics, and video.

  • Set the initial creative direction with a moodboard and commissioned an illustrator to shape the look and feel of the embedded videos.

Building a modular toolkit

  • Developed and streamlined parallax templates prior to this project for smoother, quicker builds.

  • Built modular units like maps, timelines, and slideshows for faster, adaptable builds.

  • Focused on rhythm, pacing, and seamless transitions for a natural reading flow (scroll-based).

Collaboration

  • Worked closely with the editor, the motion graphics video editor and the technical team.

  • Helped align creative and production teams through a clear process.

  • Delivered a bespoke feature that kept the editorial voice of Runner’s World and Nike’s campaign aesthetic in balance.

    Live link