Et voila !

Fin du teasing : j'ai le plaisir de vous présenter le nouveau site de Capgemini. "Il est beau et il est valide, que peut-on demander de plus ?" m'a t-on dit aujourd'hui ("Des vacances ?" ai-je répondu).

Vous ne pouvez pas savoir à quel point je suis content aujourd'hui. Si vous me pardonnez l'usage de quelques superlatifs, sans doute dû à quelque abus de champagne, c'est le plus important redesign de site qu'il m'a été donné d'orchestrer et le résultat est, en toute modestie, le meilleur site du Groupe Capgemini en dix ans de présence sur internet.

Ce projet a une longue histoire, dont je raconterai quelques instants quand je pourrai enfin souffler un peu.

En attendant, je vais laisser plusieurs éminents acteurs de cette aventure vous en dévoiler quelques aspects : messieurs Monsieur Jeffrey Zeldman, Douglas Bowman et Brian Alvey.

P.S. : pour Tristan-qui-ne-blogue-plus, sauf erreur de ma part c'est en ce moment le seul site d'une entreprise du CAC40 qui valide. Pour la forme il y en a trois autres qui utilisent le XHTML, et ceux-là ne valident pas à cause de quelques toutes petites erreurs qu'il leur serait facile de corriger. Et je tiens à préciser que notre précédent code n'était pas franchement valide. Il n'empêche, seulement un dixième des entreprises du CAC40 qui respectent les standards web, c'est encore bien peu.

35 commentaires

Il y avait un petit quelque chose qui me gênait, j'ai mis quelques minutes avant de me le formuler. Mais maintenant je sais. On dirait un blog. Un design de blog-de-geek-qui-respecte-les-standards, pas un design de site institutionnel d'une entreprise du CAC40. À votre avis, combien de temps avant que les mentalités changent et que les blogs fassent penser à des sites institutionnel?

Simon, intéressant, c'est la première qu'on compare ce design à celui d'un blog. "Blog" ne faisait pas partie du brief aux designers, par contre "simple", "épuré", "esthétique" oui. Peut-être que ce sont des qualités qu'on retrouve en effet plus facilement dans les blogs aujourd'hui que dans les gros sites institutionnels "classiques".

Si tu as raison, alors je vais pouvoir zapper la phase design graphique des blogs qu'on a en préparation :-).

Je suis du même avis que Simon, pour moi ça me fait penser à un blog, certes joli mais dans mon esprit (redardé ?) en voyant le site je me suis dit que ça devait être la partie blog de Capgemini. Ca ne me fait pas du tout penser à la home page d'une grande entreprise.
Cela dit la réalisation est parfaite, félicitations ;)

Je ne savais pas que les sites corporate "devaient" rentrer dans un certain moule graphique. On s'est assez plaint que ce genre de ce site avait toujours la même tête, il est bienheureux que ça change! Personnellement je ne trouve pas que ça ressemble à un blog, mais peut-être certains visiteurs visitent-ils trop de blogs et pas assez d'autres sites ;)
Quoi qu'il en soit, félicitations, et spécial thumbs up à ceux (ou devrais-je dire celui? ;) qui se sont démenés pour sortir un site aux standards par des noms prestigieux!

Le CMS est un développement spécifique en PHP/MySQL adapté au site, avec un éditeur WYSIWYG qui a l'air de fonctionner, vu que la quasi totalité du contenu a été créé par quelqu'un du marketing qui n'a jamais tapé une ligne de code XHTML.

Bravo ! C'est vraiment superbe, on reconnaît un peu la touche Bowman dans ce design, j'aime beaucoup et ça change vraiment de sites corporate en 100%, écrits tout petit parce-que-ça-fait-pro. Félicitations François.

> la css ne valide pas. Erreur du validateur??

Non, méchante erreur de frappe, merci de l'avoir signalé. C'est corrigé.

Ya un vilain lien pas accessible qui traine vers une vilaine popup :)
Quelques div vides qui pourraient probablement disparaitre mais bon, pas bien grave...

Niveau sémantique, je pourrais critiquer certains points, mais bon, ça relève dans certains cas de la branlette intellectuelle tellement les avis peuvent être divergent...
Par exemple, je ne comprends pas pourquoi on met un h1 sur "Collaboration works..." et pas sur le logo ;)

Magnifique !
Moi qui était fier du travail que nous venons de réaliser pour Sun, tout en ayons lutté, sans effet, pour que le nouveau design bascule sur un code moderne et standard... :(
Il faudrait que le marketing de Sun rencontre plus souvent celui de ses partenaires... ;)

Encore bravo !

Chapeau! Le site est superbe - très pastel, je trouve aussi qu'il fait blog mais après tout ce n'est pas l'avis des geeks qui compte mais l'oeil du décideur, et visiblement il a apprécié. C'est beau quand on laisse la bride sur le cou des gens, quand on fait confiance, cela donne souvent les meilleurs résultats!
Est-ce que tu t'es battu avec de l'existant? Pour le rendre valide. (je dis cela d'expérience, j'ai passé il fut un temps un site important en xhtml mais il y avait 200 pages de html généré sur lequel on ne pouvait rien faire.) Ou est-ce que vous avez repris toutes les pages?
Et, sans faire de but, vous travaillez avec dr***er comme wysiwyg? Pour savoir si les graphistes peuvent garder leur habitudes.
Intellectuellement on pourra toujours reprocher mais franchement ce serait faire la fine bouche. Le code est léger, le design est léger, la navigation très réussie, le tout est rapide... Un vrai site moderne. Vous avez fait de super choix. C'est d'autant plus frappant dans le monde des sites institutionnels des ssi, où c'est en général assez catastrophique.

Salut,

Effectivement ça peut faire penser à un blog... mais je pense surtout que le site est designé et réalisé par trois personnages tellement important sur la scène du web et des standards qu'ils en ont influencé la majeur partie des design actuels.

Bon bravo ! Tant qu'à donner dans les standards, je trouve que les liens de type «read more» sont affligeants. Ils devraient au moins avoir un title ou alors etre plus explicites, du genre «read more truc» :
http://www.la-grange.net/w3c/wcag1/wai-pageauth.html#gl-facilitate-navigation

Bob Marcel, parfaitement d'accord. Pour être clair, j'ai encore un très gros boulot à faire pour éduquer le marketing.

> Ya un vilain lien pas accessible qui traine vers une vilaine popup :)

La pop-up est rendue nécessaire par le fait qu'on la partage avec une trentaine d'autres sites pour avoir une liste centrale de nos sites internet. Tous nos sites appellent la même URL, mais ils n'ont pas forcément tous la même navigation, ne sont pas tous hébergés dans le même pays, etc.

Comment améliorer ça ?

Félicitations François pour ce travail.

petite remarque, n'y aurait-il pas un problème avec l'URL de trackback?

J'ai posté une note ici
http://www.shoob.com/fr/blog/archives/2005/05/cap_gemini_linf.html

Magnifique site web (on ne pouvait s'attendre à moins de messieurs Zeldman et Bowman), mais une petite critique néamoins: la console de Firefox explose sous les coups de boutoir des warnings que le javascript génère. C'est un peu dommage.

En dehors de cette petite réserve, un grand travail tant au niveau graphique (le design est [en apparence] simple mais efficace) qu'au niveau sémantique/micro-organisationel (les pages restent claires en mode texte ou sans les CSS) ou macro-organisationel (la navigation m'a semblé aisée et intuitive, les liens sont clairs et les informations ne sont pas planquées dans le seul but d' "améliorer le design" [notion subjective s'il en est])

> la console de Firefox explose sous les coups de boutoir des warnings que le javascript génère

Sur quelle page ? A première vue (et en tout cas sur la home page), mon Firefox dit qu'il est très content (il dit "no javascript errors" exactement).

le fichier s_code_remote.js (dans /js), il se plaint:
1- d'une propriété non définie s_wd[v] ligne 162 (et il s'en plaint beaucoup)
2- d'une redéclaration de la variable "l" ligne 265
3- d'une redéclaration des variables "t" et "p" ligne 264

Et sur la page d'index (www.capgemini.com) il me fait savoir qu'une valeur est affectée à la variable "pageLoaded" sans que celle ci ait été définie.

Je précise encore: ce ne sont pas des erreurs mais des warnings.
Je sais que c'est du pinaillage, mais rien ne me fait plus plaisir que d'arriver sur un site et de ne voir que la petite bulle bleue d'un javascript parfait dans ma barre Web Dev, donc je pinaille.

masklinn > pour la variable pageLoaded, je viens de corriger. Pour le script inclus c'est malheureusement hors de mon contrôle, il s'agit d'un "web beacon" fournit par Omniture pour notre suivi statistique du traffic. Ceci dit, ce qui me dérange, c'est que ma Dev toolbar à moi dans mon Firefox, elle est parfaitement muette (ou parfaitement contente), donc je peux difficilement faire remonter si je ne vois aucune erreur !

Dommage, pour une entreprise du CAC40, que seul le site international valide. Le site français ne valide pas et ne profite pas de la remise à l'étude. Le site états-unien, par contre, en bénéficie. Capgemini bientôt cotée au Dow? ;-)

Par ailleurs, la page Who we are s'est affichée avec l'ancien habillage. J'ai rechargé la page (sans avoir pris le temps de réaliser une capture d'écran) et depuis elle s'affiche correctement. Bizarre...

Shishen > nous venons juste de lancer notre site global et le site US a suivi dans la foulée. Nous travaillons pour relancer tous nos sites externes dans la foulée, ce qui prend du temps car nos filiales sont autonomes. Synchroniser un tel chantier pour une trentaine de pays et pratiquement autant de langues différentes est un travail titanesque et, d'un point de vue strictement business, pas forcément l'idéal. Surtout qu'ici on ne s'est pas contenté d'un coup de peinture, la refonte est radicale et notre site international sert de référence pour les autres.

Quand au problème que tu décris sur la page Who We Are, je crois savoir d'où ça vient (une fausse manip de ma part corrigée dans la minute, il y a des choses qu'un webmestre en privation de sommeil devrait éviter de faire ;-)).

Vraiment impressionnant.
C'est le moment ou jamais de profiter du code tout propre et de proposer un outil du type Label Vue ou autres pour faciliter l'accès du site au non-voyants...

Chapeau, si d'autres pouvaient s'y mettre...

Hello,

je trouve aussi qu'il fait vachement blog... par exemple à cause des polices de caractères. Notamment celle utilisée pour, sur la page d'accueil, "Thought Leadership", "Success Stories" et "News", puis à l'intérieur dans le bandeau gauche.
(Désolé j'arrive pas à mettre un nom dessus)
Ca fait très "Typepad". D'ailleurs beaucoup de ces foutus blogs Typepad ont cette même police (super écartée, dans les entêtes colonnes de droite et de gauche, cf http://laurentjavault.typepad.com/retour_de_peche/ par ex), ce que je ne comprends pas car je la trouve ILLISIBLE.
Regardez le G de "Thougt" ou "News", je trouve ça super moche.
C'est marrant de voir comment y'a de gros effets de mode sur les polices de Caractères... Au début était Times New Roman, puis vint Verdana et maintenant cette police (et celle du slogan "Collaboration Works...", pas de nom là non plus).

Aaaaah et dans "What we do", encore cette police avec cette accroche : "Capgemini works in partnership with clients"... Mais c'est horrrible cette police arrêtez !

Bon voilà c'était mon coup de gueule contre l'effet de mode des polices de caractères. Je sais c'est pas très constructif mais bon... on sait jamais, peut être que Typepad va changer ça ?

Bravo !

A mon sens ce site est un modèle d'ergonomie et de lisibilité. L' "effet blog" est visible pour ceux qui y sont habitués, mais contrairement à ce qui a été dit plus haut, je le dis comme un compliment car pour moi c'est la communauté des blogueurs qui de nos jours offre la plus vive évolution de l'internet en général.

Je note juste que la police du champ de recherche n'est pas en accord avec celles du site... est-ce un oubli ?

"la police du champ de recherche n'est pas en accord avec celles du site... est-ce un oubli ?" > euh, bin oui :).

très beau redesign, félicitation. par contre j'ai vu une page sans css ( http://investor.capgemini.com/) je suppose que c'est provisoire/en travaux mais bon je signale a tout hasard :)

annecdote n'ayant rien a voir : je viens de me rendre compte que c'est vous que j'ai eu en ligne lors de la mise en ligne du rapport annuel 2004 de cap il y a quelques jours (oui oui je suis le maudit intégrateur qui a tarvaillé sur celui ci) et je n'ai même pas fait le rapprochement entre votre nom (pourtant peu courant) et ce blog que je lis souvent. shame on me.

Eh eh, bonjour Engy, le monde est petit :-).

Oui, le site investisseurs est en travaux, et la page provisoire en question je l'ai tricotée amoureusement à la main, avec un éditeur de texte !

P.S. merci de nous avoir fait un joli site rapport annuel sans TABLE cette année ;-).

Je trouve le site très efficace. J'aurai bien aimé voir le brief créatif. L'"expérience utilisateurs" semble avoir été au coeur de la démarche. D'autres devraient s'en inspirer...
Well done !

Laisser un commentaire

En laissant un commentaire, vous acceptez la politique des commentaires de ce blog.

Billets plus ou moins similaires

Archives mensuelles

Notes récentes

  • Un repas de fête

    Un repas de réveillon improvisé et entièrement fait maison, à quatre mains : En apéritif, des bretzels (graines de pavot, sésame et mélange de graines...

  • Une simple question d'égalité

    L'indifférence est pire que la haine. En particulier l'indifférence de cette fameuse catin qu'on appelle « opinion publique ». L'avantage des opinions anti-mariage pour tous...

  • François, sans filtre

    Hier matin, un homme bien ne s’est pas réveillé. Un hommage sans filtre à un François, par celui grâce à qui j'ai eu le plaisir...

  • Ce qu’il faut pour être heureux

    Ce qu’il faut pour être heureux Il faut penser ; sans quoi l’homme devient, Malgré son âme, un vrai cheval de somme. Il faut...

  • La Nouvelle Calédonie en 6 minutes

    À huit jours du second tour de l'élection présidentielle française 2012 (cuvée « Casse-toi pov’con ! »), je voudrais partager cet aperçu de la Nouvelle-Calédonie...