Web Design, Art Direction, UX/UI
Client: Jack Wolfskin | MACHINAS | August 2016 | Barcelona, Spain
Brief: Creating a Microsite in order to promote the new Jack Wolfskin Tech Lab collection and its concept, offering an easy access to product and purchase.
Solution: The Techlab Landing Page presents the new collection via a flow of image, text and video snippets, enriched by direct access to shoppable products, animation elements to expand on overall mood and interaction for more information. Bundles information into key messages for the user to chose where to zoom in for more in depth information.
Home. The menu on the left provides an alternative navigation to scrolling, using keywords of the Tech Lab concept.
Captures of the background video.
Icons on the right take the user straight to the video, to the functions and detail page or to an overview of the product range. Men and women collections as a prominent element within the navigation.
Functions and details page. Each one further explained in overlays, if clicked.
Function and detail overlay.
Product detail page.