Loading ...

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

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In