Pour ceux qui suivent  l’actualité du webdesign et l’actualité tout court, il ne vous aura pas échappé la sortie il y a environ une année, de l’excellentissime site de la Maison Blanche. Après une campagne présidentielle parfaitement orchestrée, l’opus site internet est un bijoux. On serait alors tenté de s’inspirer de quelques touches américaines si l’on devait faire une refonte de son propre site…

Mais que voyons nous soudain apparaître à l’horizon? Au début, j’ai eu du mal à y croire. Un de mes collègues fait passer un tweet d’un de ses amis (@twitSTPo), « le jeu des 7 erreurs » qui pointe du doigt quelques ressemblances entre deux sites présidentiels. La moitié de la planète est probablement consciente que le président de la République française, non content d’avoir une femme sortie d’un magazine de mode, se verrait volontiers en icône politique comme l’est aujourd’hui Barack Obama.

Quand on ne peut avoir ni Air Force One, ni un charisme naturel, ni même un Prix Nobel de la Paix, on se fait faire un joli site internet sur mesure copié-collé de son petit camarade. Toutes ces ressemblances sont-elles le fruit d’une agence trop paresseuse pour créer un univers propre à L’Elysée ou un désir concrètement exprimé par le Président d’avoir le même jouet que son voisin? J’ai peine à croire qu’une agence un tant soit peu sérieuse ait pu commettre un tel avatar…

The White Elysée

Voyons en détails ces quelques hasards de design (je ne tiendrai compte que de la homepage, c’est déjà assez de boulot).

Des jolies moulures au plafond

Ils auraient pu faire un petit effort d’intégration du côté français et éviter l’effet « ailes » . Pour les américains, nous apprécierons la petite transparence.
France 0 – USA 1

White House

L'Elysée

Un joli java-script avec des news qui défilent

Lorsqu’on reprend les idées de quelqu’un, la moindre des choses est d’améliorer le travail de l’autre. On peut s’inspirer, mais pas cochonner un beau design. Ce petit java-script frôle le ridicule, quant au défilement des images, c’est proche de l’effet poisson mort…
France 0 – USA 2

White House

L'Elysée

L’image du battant

Rien ne vaut une belle image d’un homme en pleine action, d’un homme sûr de lui, vigoureux. Je vous laisse juger par vous-même.
France 0 – USA 3

White House

L'Elysée

Un bel écusson, rien d’ostentatoire

Il faut savoir affirmer son identité et quel pays nous représentons. Si l’écusson de la Maison Blanche est sans aucun doute présenté avec élégance, on ne peut pas en dire autant de celui de l’Elysée, plat, sans relief.
France 0 – USA 4

White House

L'Elysée

Un search bien placé

Pourquoi aller chercher midi à 14h quand on peut placer son search exactement au même endroit que son voisin (avec un petit rappel inutile en pied de page histoire de marquer sa différence)…
France 0 – USA 5

White House

L'Elysée

2 colonnes et une side bar tout pareil

Vous me direz que des sites avec 2 colonnes et une side bar il en existe des milliers, mais avec 2 colonnes et une side bar ayant quasi le même contenu?
France 0 – USA 6

White House

L'Elysée

Des médias sociaux pour les jeunes

Je crois que celui-ci est mon préféré: le box de logos médias sociaux avec le même titre! La Maison Blanche a quand même eu l’intelligence de nous les aligner proprement alors que nos amis français nous ont laissé de très élégants carrés vides (on sait jamais, qu’on puisse un jour mettre le profil Linkedin de Nicolas…)
France 0 – USA 7

White House

L'Elysée

La photo du jour

Il est de bonne augure sur la side bar de mettre en avant une image du jour. Alors que les américains optent pour la photo d’un agent des services secrets, la France nous rajoute encore une image de l’omniprésent président (difficile de garder le compte juste, tant la quantité d’images de lui sur cette homepage est effarante).
France 0 – USA 8

White House

L'Elysée

Un footer avec sitemap et écusson

Lorsque vous avez une grande quantité de pages, il est recommandé de reporter sur votre footer la totalité de votre sitemap, mais est-il nécessaire de remettre votre petit écusson pour rajouter une couche d’officialisation? Je crois que l’utilisateur avait compris où il se trouvait. Mention bien aux américains qui ont su utiliser un autre tampon et l’intégrer subtilement.
France 0 – USA 9

White House

L'Elysée

Le pied de page

Alors que la Maison Blanche joue sur la subtilité et l’élégance des gris et des dégradés, l’Elysée tente de s’affirmer (se différencier pour ne pas plagier!?) en abusant des bleus et des rouges et en tentant des ombrages soit trop timides soit ratés. Rien ne vaut de copier si l’on n’élève pas le niveau un cran au-dessus.
France 0 – USA 10

White House

L'Elysée

Les plus de la Maison Blanche et les moins de l’Elysée

Voici les coïncidences les plus flagrantes. Vous aurez encore de quoi vous amuser sur le reste des pages. Je voulais maintenant vous montrer les 3 Plus du site White House et les 3 Moins de l’Elysée (je n’ai malheureusement pas trouvé de Plus au site français).

White House: Tout sur la grippe

White House: New Foundation

White House: Help for Haiti

L'Elysée: Les symboles de la République

L'Elysée: Les discours du président

Mon préféré: Le Palais de l'Elysée en 3D

Voilà, je vous laisse avec ce merveilleux travail de copié-collé. Si quelqu’un a trouvé le nom de l’agence qui a commis le site de l’Elysée, faites-le moi savoir, je serais curieuse d’aller voir le reste de leur portfolio.

PS: entre temps, j’ai appris avec effroi et consternation sur Rue89 que Soleil Noir aurait  fait le design du site et Nexint l’architecture. Faut-il que les agences ne travaillant habituellement qu’en full Flash abandonnent l’idée de travailler en html? La question se pose quand on constate l’ampleur de la polémique autour du site de l’Elysée et le plagiat évident.