adidas Climazone Webpicks

adidas Climazone

Resn’s animations turn up the heat on this microsite for adidas’s cooling athletic gear.

Bold headlines shimmer into indistinct letterforms as visitors hover over them. Background images of deserts fade into view, the edges of mountains appearing to undulate in the heat. To promote adidas’s Climachill apparel, a line of sportswear designed for athletes who want to train in the hot summer months, digital creative agency Resn suffused this single-page site with animations that evoke heat mirages. Immersive video content throughout the site shows off Climachill’s features, and a boldly minimal layout bucks the trend of typical e-commerce site design by placing a heavy emphasis on typography; Resn established all font sizes using rem units within the site’s CSS layout, enabling the site to display different sizes relative to the size of the visitors’ browsers. Graphic rendering in WebGL let Resn create a rich site with high performance for adidas. 

adidas.com/us/climazone

PreLoader

Create an Account
Subscribe
Sign In

Subscribe
Sign In