nyroBlog
Bannière NyroBlog, par FB
Image par FB - ?

Tag : Graphisme


Vente-Privée, toujours plus loin dans les bandes annonces

Vente-Priv?e Il m'est arrivé à plusieurs reprises de parler de Vente-Privée, ce magasin en ligne qui fait des chiffres d'affaires énormes en vendant des habits de fins de séries (d'où le nom...).

Et leurs présentations des ventes sont toujours de mieux en mieux. La dernière en date pour Reebok ne présente pas simplement et bêtement les produits, mais c'est un véritable court-métrage (vraiment court) d'un boxeur et son entraîneur.

Vente Priv?e Reebok

J'ai un peu de mal avec la voix de l'entra?neur. Elle ne me paraît pas à 100% réel. Mais pour le reste, wahou !

Ils sont passé un cran au dessus là ! On pourrait faire passer ça pour la bande-annonce d'un film ou dans les pubs TV. D'ailleurs je les vois bien se lancer dans le créneau dans les années à venir. Ils ont les capacités et les moyens pour ça.

Au passage, ils ont m?me sortis un CD, VP Sound, qui reprend les univers sonore créées pour ces présentations en les allongeant et ajoutant quelques voix parfois. A peine la première version de sortie qu'ils travaillent déjà sur la prochaine...

Et pour ce CD, quoi de plus naturel pour eux de réaliser un clip :

Header flash vidéo : un moyen efficace de présenter la page

Header Vidéo sur 352 MediaJe vous parlai il y a quelques temps des headers qui changent sur les pages et des avantages qu'on pouvait en avoir.

Je suis tombé sur un site qui poussent le vice un peu plus loin, en proposant des headers en flash qui consistent en une vidéo/animation présentant le site et/ou la page en cours. Je trouve l'idée très sympa, surtout qu'elle est très bien réalisée.Jugez plutôt (en anglais) :

  • L'accueil : on présente rapidement l'entreprise et ce qu'on peut voir sur le site
  • La présentation de l'entreprise : le patron et le vice-président raconte l'histoire de la boîte, le tout accompagné d'animations flash parfaitement synchronisé très bien faites.

Vous pouvez naviguez sur les autres pages du site, les headers sont des images qui respectent la charte graphique, à savoir un fond vert, simplement... Je trouve que ces vidéos de présentation d'une excellente qualité sont vraiment utiles et se chargent très vite. Le fait de voir la personne qui parle ajoute une dimension humaine au site; il en devient immédiatement plus familier, plus agréable. Peut-être un nouvel élément à intégrer à certains sites...

En fouillant un peu plus, cette entreprise propose de réaliser votre vidéo de présentation, avec le choix de la personne qui le fera pour vous (féminin ou masculin). Les exemples qu'ils donnent :

C'est bien, mais il ne faut pas en abuser. Et je pense qu'un petit cookie flash pour savoir si la vidéo a déjà été visionnée et ne pas la relancer automatiquement serait pas mal.

En parlant de header, n'oubliez pas que vous pouvez mettre les vôtres (JPG uniquement, les flash/flv viendront peut-être un jour...) sur mon blog !

Sortie du [Frigo] N°4

[Frigo] N?4Le [Frigo] N°4 vient de sortir.


Au programme :
Devenir infographiste : un maître mot, l'imagination !
Cet été, détendez-vous : cinéma, musique, jeux vidéo
Mathieu Collé : Cap sur les gobelins
Télévision HD : Le futur est déjà là
Les Flux RSS (le petit article dont je vous avais parlé)
Et plein d'autres choses...

Bonne lecture






Des headers qui changent

Sur mon blog, j'ai mis en place des headers qui changent à chaque appel. Voici ma petite analyse par rapport à cet élément qu'on peut mettre facilement en place sur un site.

1) Dans quels cas on rencontre ça ?
Commençons par regarder quelques exemples :

  • Ville de Besançon : l'image incluse dans le header change selon la catégorie dans laquelle on se trouve. Cette image est en rapport avec la catégorie (Ex: dans "Loisirs et Cultures" : un concert dans la ville et des enfants sur des vélos). Toutes les images sont construites par une composition de 2 images avec 1 transition en dégradé.
  • Electrolux : 1 image par page, toutes plus ou moins sur le thème printanier.
  • Leap Frog Interactive (création de sites aux USA) : les header toutes dans les teintes vertes sont en rapport avec la partie dans laquelle on est. Parfois, elle disparait.
  • Allociné : Parfois on a droit à d'imenses header (qui se prolonge très loin dans la page) aux couleurs d'un film pour en faire la promo.

2) Dans quels buts ?
Comme on vient de le voir dans les exemples précédents, il peut y avoir un but bien précis (la publicité) ou simplement de rendre le site un peu plus attrayant, en ajoutant une pointe de "fraîcheur", de "renouveau" au site à chaque page; chaque page est ainsi incluse complétement dans le site par la charte graphique du site, mais personnalisé par ce header (que l'on voit forcément) qui change tout le temps.

3) Des variantes ?
On peut très bien imaginer des headers en flash, dont les animations changent à chaque page. j'ai déjà vu aussi des sites (je n'ai pas de lien sous la main) qui changent en fonction de l'heure qu'il est. On peut aussi étendre le système au site complet et/ou à un pied de page (footer) qui changera en accord avec le header. A vous de laisser libre court à vos imaginations

4) Ma conclusion
Ajouter des headers changeant, je l'ai dit, c'est très simple à mettre en place. Ca ne prend que deux secondes, ça n'enlève rien au site, puisque la charte graphique est toujours là, mais ça ajoute un petit plus qui peut faire revenir ou rester plus longtemps le visiteur. Dans le cas d'une image dans un cadre définie, le lieu du changement est limité à ce cadre et ne perturbe aucunement le passage d'une page à une autre. On ne se rend pas forcément compte. Et si ce n'est pas conscient, l'inconscient sera là pour mémoriser les changements et se dire (pures spéculations, je ne suis pas expert dans le domaine) "Ah, y'a eu du changement là, c'est sympa, ce n'est pas toujours pareil".
C'est pour ses raisons que j'ai mis en place ce système sur mon blog, et que je vais le mettre en place sur d'autres sites, et le proposer pour mes futurs projets. En plus, vous savez qu'ici, vous pouvez ajouter vos propres headers, ce qui permet encore une petite personnalisation en plus pour ceux qui veulent...

En 2 mots : "une petite chose qui ne coûte rien, simple et discrete qui apporte un petit plus au site"

FlickR et moi

Il m'arrive souvent, quand j'ai envie de décompresser, d'aller faire un tour sur FlickR, pour "errer" en regardant de jolies Photos.

J'erre, allant de recherche en recherche, en parcourant les dernières images envoyées (et il y en a !), à regarder les dernières compositions de mes quelques amis inconnus (qui m'ont contacté en arrivant sur mon blog via google).

Bref, comme je suis tombé sur quelques trucs vraiment sympa et/ou intéressant (comme d'habitude), l'artiste qui est en moi a voulu vous en faire part, pour 2 raisons :

  1. ce n'est pas parce que je ne blogue pas que je n'existe plus sur le net
  2. pour vous faire partager tout ça et pourquoi pas pour que vous donniez vous aussi vos coups de coeur et vos sites où vous aimez errez

NB : Toutes ces images appartiennent à leur propriétaire. Un lien sur chaque image pointe sur sa page FlickR.

On sait pas ce que c'est, mais c'est totalement atypique, on se demande si c'est vrai ou mis en scène. Mais j'adore.

Deug, un artiste qui exprime ses sentiments par de belles vectos :

Un iguane ou quelque chose du genre :

Une jeune fille dans les pissenlits :

Une photo du plus belle effet :

Une aurore boréale (par Tristan Nitot) :

Et puis pour le 1er mai, un brin de muguet (Lily of the valley en anglais) :

A travers ces images, on découvre des photographes, des graphistes ou des simples gens, anonymes qui envoient leurs photos pour les partager ou les stocker...

PS : et si ce billet fait ressortir vos âmes d'artistes, vous pouvez toujours envoyez vos header sur ce blog !