Projet en ligne : Tecnica / Volkl
Vendredi 24 octobre 2008
Les 2 sites Tecnica et Volkl sur lesquels j’ai travaillé ces derniers mois sont enfin en ligne !
Tecnica et Volkl sont des marques internationales : il existe des sites web américain, italien, allemand…
Ceux ci sont les sites français.
Volkl, distributeur de skis et snows, a pour cible un public plus jeune et plus “tendance” que Tecnica, distributeur de chaussures de ski, chaussures de randonnée et après-ski.
C’est pourquoi Volkl s’imprègne des tendances actuelles avec de la vidéo, des textures et des motifs un peu trash (j’aurai aimé aller plus loin mais le public cible est varié : le client voulait bien différencier Snow et Freeski qui cible les jeunes, et Alpin qui cible un public plus large… d’où la mise en page plus classique des visuels de certaines pages) tandis que Tecnica reste plus sobre et plus classique, avec des motifs floraux et une tonalité sépia.
Les 2 sites sont liés par le blog qui sera bientôt en ligne, puis par les produits associés.
C’est un projet qui me tient beaucoup à coeur puisque sur ces 2 sites, j’ai pu concevoir entièrement la charte graphique, puis la déclinaison graphique des écrans, les animations flash et le montage html/css.
La particularité de ces 2 sites est d’avoir le même montage html : seul le CSS diffère pour changer la mise en forme.
J’ai eu une grande liberté sur ce projet, j’ai pu m’exprimer davantage sur le graphisme que dans mes projets précédents.
Le travail de complémentarité au niveau du montage des 2 sites était intéressant puisqu’il a fallu penser des univers graphiques originaux pour 2 sites ayant sensiblement la même mise en page.
Une fois la charte graphique posée, la déclinaison de chaque écran n’était pas du tout rébarbative puisque pour chaque écran, il a fallu trouver un moyen graphique de mettre en avant les produits, les visuels…
Les anims flash/vidéo étaient cool à faire aussi, et le montage un exercice intéressant !
La particularité de ce site c’est qu’il mixe animations flash et animations Ajax, qui permettent de donner vie à un site entièrement monté en HTML. Le développeur a conçu quelques petits modules en ajax sympa comme la sous-nav, l’accès rapide ou encore le curseur qui permet de choisir le produit qui correspond le mieux à une pratique.
En gros, je me suis éclatée sur ce projet donc j’espère que le résultat vous plait 