Alpha
Edge 4D

Feel the future

Voor de AlphaEdge 4D, de hardloopschoen met een 3D-geprinte zool, maakten we acht formaten. Wat hieronder beweegt zijn de echte banners, geen screenshots: drie productshots wisselen met een masker-wipe, en de shop-knop reageert op hover.

Storyboard · zo is elke banner opgebouwd

Frame 01

AlphaEdge

De schoen in beweging, de naam komt in beeld.

Frame 02

Feel the future

Wipe naar de close-up van de geprinte zool.

Frame 03

Shop now →

Eindshot met logo. De knop reageert op hover.

formaten, van smartbanner tot billboard XL

3 frames

productshots wisselen met een masker-wipe

15 s

maximale animatieduur volgens de specs

GSAP

TweenMax-timeline, jQuery voor de setup

Groep	Formaten	Toepassing
Breed	970×250 · 970×600	Homepage takeover, boven de vouw	↓
Rechthoek	300×250 · 336×280	In-content, meestal in de tekstkolom	↓
Verticaal	300×600 · 160×600	Zijkolom, blijft lang in beeld	↓
Mobiel	320×100 · 320×50	Sticky onderin of tussen content	↓

Breed

970×250 · 970×600

De takeover-formaten. Het 970×600-formaat is het hoofdpodium van de set: hier krijgen de drie productshots de meeste ruimte.

FMT 970×250Billboard

FMT 970×600Billboard XL

Rechthoek

300×250 · 336×280

De werkpaarden voor in de content. Zelfde opbouw als de grote formaten, strakker gecomponeerd rond de zool.

Campagnebeeld rechthoek — IMG 02 · 4D-zool

FMT 300×250Medium Rectangle

FMT 336×280Large Rectangle

Verticaal

300×600 · 160×600

Voor de zijkolom. De verticale crop zet de schoen rechtop in beeld en blijft lang zichtbaar tijdens het scrollen.

Campagnebeeld verticaal — IMG 03 · verticale crop

FMT 300×600Halfpage

FMT 160×600Skyscraper

Mobiel

320×100 · 320×50

De compacte formaten. Alles op één regel, de wipe doet het werk.

FMT 320×100Mobile large

FMT 320×50Mobile smartbanner