Skip to content
NL Start a project

ET5, supercar DNA.

This is the real file, exactly as it ran live. It’s playing now.

We rebuilt NIO’s logo animation move by move, in SVG and GSAP. So the logo stays razor-sharp on every screen.

Brand
NIO
Format
Half page · 300 × 600
Running time
36.5 s
Frames
2 + end frame
Layers
8, taken apart
NIO ET5, supercar DNA, HTML5 banner 300 × 600

300 × 600 · actual size

How it’s built

8 layers, taken apart.

Every layer is a piece of the real file, with its own animation. Drag to rotate, click a layer to see it on its own, or press Play: the ad then plays while it’s taken apart.

9.40 s

NIO, ET5, supercar DNA: Base, Photo 1, Photo 2, Copy, Logo, Intro gradient, Button, Cover and border.

LayerOn screen, from 0 to 36.5 s

Frame by frame

How it tells its story.

The moments where the picture holds still, measured in the real file. 2 frames and an end frame, in 36.5 seconds.

  1. 7.2 s
  2. 11.2 s
  3. end frame

More work

More from NIO.

Contact

Want something like this?

Start a project