TRAVEL WITH THE NEW COLLECTION
April 2015 - Quechua - Art direction - UX & UI design
TEAM WORKING WITH NICOLAS MIGNOT, TIMOTHE BLANDIN AND THE AGENCY “AKARU”
Create a unique digital experience that brings the customer to travel through a brand universe made of discovery and authenticity.
Attracting attention to products collection by using pictures showing them in use on their natural playground.
![places plan](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/schema12.png)
Each point represent a place with specific characters and products.
Experiencing travel thanks to a single and specific page per place and character.
Each point unrolls over a drawing of a specific mountain.
First, the page sets the singularity of the scene’s environment (weather, name of the place…).
Then, it introduces the characters by inserting him into the environment.
![mountain drawing](https://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/schema22.png)
![profile 1](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/profil1.png)
![profile 2](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/profil3.png)
![profile 3](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/profil2.png)
SCROLLING IS NEEDED TO ACCESS THE SCENE AND DISCOVER PRODUCTS.
Thus this vertical action plunge the user deeper in the action.
Using a roll over effect, the user is pushed to clic in order to discover and buy the product.
Each achievement release a new information about the surrounding environment.
![wireframe 1](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/wireframe12.png)
![wireframe2](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2016/02/wireframe22.png)
![homepage](https://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page7.png)
![beaverlac presentation](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page1.png)
![beaverlac products](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page2.png)
![lion's head presentation](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page3.png)
![lion's head products](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page4.png)
![kalbaskraal presentation](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page5.png)
![kalbaskraal products](http://www.lydie-perret.fr/wordpress/wp-content/uploads/2015/04/normal-folio-page6.png)