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.
This London-based developer’s portfolio site features an interface that recalls old sci-fi and video game head-up displays.