• Tweet
• 
• 

Sont apparus récemment un certain nombre de sites qui démontre que le HTML5 couplé au JavaScript a de beaux jours devant lui : utilisation des fonctionnalités vidéos, systèmes de navigations astucieux couplés à des effets de transitions. Certes, comme nous le démontre  Arnaud Steckle sur son blog, le flash n’est pas mort, les utilisations sont forcement différentes. Mais ces quelques exemples montrent concrètement ce que le HTML5 peut apporter en terme de conception et de création ! A noter qu’indépendamment de ma volonté, 3 sites présentés proviennent d’agences françaises …

The Built Agency (by Immersive Garden)

Site d’agence spécialisée dans le booking d’artiste. Charte graphique minimaliste, information sous forme de vignettes, vidéo d’introduction. À noter le chartage très intéressant de l’API google Map. Je vous conseils vraiment d’explorer les différentes sections de ce site pour vous rendre compte de la qualité de la réalisation !

Estates et Wines (by Uzik)

Outre sa mise en avant très visuelle de l’information (background fullscreen), certains détails comme le défilement vertical style OnePage layout apportent à ce site une identité qui lui est propre. La clarté de la charte graphique renforce également l’aspect haut de gamme des produits.

Ultra Noir

Mon premier coup de cœur : le nouveau site de l’agence Parisienne Ultra Noir. Un univers graphique riche et esthétique, une volonté flagrante de présenter chaque partie du site comme un univers à explorer, une séparation habille des parties blog et site, l’inclusion de certains système de navigation comme le drag and drop qui servent l’ergonomie, … Beaucoup de choses à dire donc mais le résultat est tout simplement bluffant … Bravo à cette agence pour la qualité de cette réalisation !

Büro für Graphik Design (Raffael Stüken)

Mon second coup de cœur. Voici donc le portfolio de Raffael Stüken, graphiste Allemand basé à Cologne. La prise en main du site est assez déroutante aux premiers abords. Néanmoins, ce système de centralisation du menu de navigation permet de laisser l’intégralité de l’espace aux travaux du designer. La navigation par projet est très efficace. Une fois de plus, la présentation des image en fullscreen est un atout en terme de visibilité. A voir absolument : la page de contact : simple, efficace et … magnifique !

Evil Studio

Cinquième et dernier exemple, le portfolio de l’agence Evil Studio. Cet exemple nous montre que « l’originalité » graphique ne gâche en rien la lecture de l’information. Utilisation pertinente de la typographie, Slideshow permettant une visibilités accrue de l’information. Tout ici est mis en œuvre pour présenter de manière originale les réalisations de cette agence.

Alors oui, les exemples montrés ici ne sont pas des sites accès grands publics mais des présentations de produits d’exception, des portfolios, … Mais cernons la conception de ces réalisations dans la globalité. Nous pouvons ressentir une évolution certaine de la conception, sur des points de détails, sur l’utilisation de la vidéo, des transitions. C’est donc à nous, professionnels du web, d’accompagner  et d’habituer les utilisateurs pour qu’ils profitent pleinement des possibilités offertes par ces évolutions technologiques. Des applications comme Deezer, Groovshark ou Jolicloud l’ont d’ailleurs bien compris …

Et pour le plaisir des yeux, cliquez ici