Iutopi : un site original

Iutopi – Creative Land

http://www.iutopi.com/en/

J’ai découvert ce site par hasard en surfant sur internet, et le trouvant intéressant, je l’ai partagé à la classe.

Petite présentation :

Iutopi : nouvelle agence de publicité, graphisme et webdesign, implantée à  Buenos Aires, Argentine.

 

Un site créatif avec un effet de parallaxe verticale

Qu’est ce qu’un effet de parallaxe ?

La parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. En d’autres termes, la parallaxe est l’impact (ou l’effet) de changement de position de l’observateur sur un objet observé.

source http://fr.wikipedia.org/wiki/Parallaxe

L’effet de parallaxe dans la conception web est la technique qui permet de faire déplacer des images disposées sous différentes couches. L’interaction se fait à partir de la souris ou du scroll afin de créer un effet de vitesse/perspective pour donner une illusion agréable et intéressante de 3D.

 Le site iutopi.com :

  • Profondeur verticale : lorsque l’on descend dans la page, le fond change, en toute continuité
  • Commencement du site par une scène de ciel et début de la mer (plage), et plus on “scroll“, plus on s’enfonce dans les profondeurs de l’eau
  • Découverte des valeurs de l’agence qui, comme son site, va en profondeur de la marque
  • Boutons sur le côté gauche, qui vont emmener aux différents niveaux
  • Dernier niveau : Contacts de l’agence

Ce genre de site web original peut donner des idées pour toute conception web ! Et en effet, l’idée a été reprise durant le Workshop 2012 : deux groupes, donc le mien, se sont inspirés de cette navigation dynamique et fluide !

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s