Tout nouveau, tout beau, orange.com, le site institutionnel du Groupe France Télécom-Orange a fait peau neuve. Nouvelle ergonomie, nouveau design, nouvelles fonctionnalités, nouvelles technologies…L’équipe du site orange.com a travaillé des mois sur cette nouvelle version pour offrir un site accessible à tous, répondant aux exigences du web actuel, dans lequel vous trouverez l’info que vous cherchez et même plus encore !
Changer un site d’une telle ampleur n’est pas une mince affaire. Des centaines de pages à migrer, des milliers de liens à vérifier, d’innombrables images à retailler, des contraintes techniques en veux-tu en voilà…Un travail colossal ! Dominique Rodà, responsable éditorial du site orange.com, Marc Pinon, responsable technique du site et Jean-Claude Guyot, responsable du graphisme et de l’ergonomie, nous expliquent plus en détail cet orange.com version 2012.
nouveau design pour orange.com
Orange.com côté contenus avec Dominique Rodà
A quand remonte la dernière version d’orange.com ?
Dominique Rodà : Nous avions mis en ligne la dernière version d’orange.com en janvier 2008… c’est-à-dire une éternité pour les temps du Web !
Cette nouvelle version est totalement différente de la précédente, c’était une volonté de votre part ?
Dominique Rodà : Oui, il y avait certainement une volonté de rupture. C’est pourquoi, nous avons beaucoup travaillé en amont, avec les équipes de la Marque entre autres, sur les évolutions de la charte graphique d’Orange.
Comment est organisé le nouveau site ?
Dominique Rodà : Toute refonte est une occasion idéale pour remettre à plat l’ensemble des contenus. Nous avons ainsi décidé de valoriser davantage certains d’entre eux qui ne l’étaient pas suffisamment auparavant : la gouvernance pour suivre les standards d’aujourd’hui, le sponsoring pour lequel il y a une vraie appétence du public sans oublier live Orange blog bien sûr J
Quelles ont été les principales difficultés pour cette migration ?
Dominique Rodà : Nombreuses ! Au-delà du travail de reprise et de recomposition des contenus (qui sont très importants sur un site comme le nôtre) ; nous avons dû aussi nous familiariser avec un nouveau back-office. Ca fait beaucoup d’un coup !
Quelles sont les prochaines étapes pour l’équipe orange.com ?
Dominique Rodà : Beaucoup de projets dans les tuyaux pour demain : enrichir la partie sponsoring avec un module interactif, accroître plus encore notre ouverture aux réseaux sociaux, une série de dossiers didactiques sur nos cœurs de métiers et bien autres choses encore. On ne risque pas de s’ennuyer !
Orange.com côté graphisme avec Jean-Claude Guyot
Le nouvel orange.com a complètement changé de design, comment l’avez-vous fait évoluer tout en respectant la charte Orange ?
Jean-Claude Guyot : En effet, le design du site a totalement changé. Nous avons laissé de côté notre homepage patchwork pour faire place à un accueil qui fait la part belle à l’image. De plus, l’évolution de l’équipement des internautes aidant, nous nous permettons désormais une surface de page plus confortable puisque nous sommes passés sur une largeur d’écran de 1 200 pixels.
L’ensemble du site est construit à l’aide de modules (zones de contenu pur, bandeaux d’actualités, de widgets…) qui sont facilement gérables et intégrables dans n’importe quelle page ; ce jeu de modules empilables, que nous appelons entre nous le « mille-feuilles », nous permet de proposer un contenu « personnalisé » bien adapté à chaque rubrique.
Enfin, nous avons abandonné presque à 100 % l’utilisation du Flash dans nos contenus pour une utilisation full HTML, ceci afin d’être au maximum accessibles à nos publics malvoyants.
Tout ceci a bien sûr été élaboré en concertation avec la Marque qui nous a donné quelques pistes sur l’évolution prochaine de la charte Orange.
Comment avez-vous travaillé l’ergonomie ?
Jean-Claude Guyot : Un site simple pour de l’info facilement disponible. Nous n’avons rien à vendre, simplement de l’information à donner de la manière la plus claire possible à nos différents publics (clients désorientés, actionnaires, investisseurs, journalistes…). Il n’était donc pas question d’en « jeter plein la vue », mais simplement de proposer des pages de contenu claires qui permettent au lecteur qui cherche une information précise de la trouver rapidement ; mais, pour autant, nous n’oublions pas le côté agréable de la chose avec le plus d’illustrations possibles dans les contenus.
Pour arriver à un résultat satisfaisant, nous avons fait appel à Uzik, une agence de communication avec laquelle nous avions déjà travaillé, et qui connaît très bien notre entreprise.
Quelles ont été vos sources d’inspiration ?
Jean-Claude Guyot : Nos sources d’inspiration sont bien sûr le web lui-même, qui donne instantanément les tendances du moment, et particulièrement les sites de nos pairs du CAC40 et des principaux telcos. Chaque membre de l’équipe a fait son petit benchmark, nous en avons discuté afin de traduire les envies et les coups de cœur de chacun, et bien sûr notre agence, qui baigne dans cette effervescence qu’est l’internet, a su nous proposer des pistes sérieuses qui ont abouti à ce que vous pouvez voir aujourd’hui.
Orange.com côté technique avec Marc Pinon
Quelles sont les évolutions techniques majeures de cette nouvelle version d’orange.com ?
Marc Pinon : Le nouvel orange.com repose entièrement sur des technologies les plus répandues et les plus évolutives à date. Son moteur open source eZ publish nous a permis de réintégrer non seulement tous les contenus mais surtout les fonctionnalités front et back office que les visiteurs et les contributeurs demandaient.
Pour orange.com il fallait garantir une parfaite continuité de publication sans perturber nos publics spécialisés tout en leur ajoutant de nouveaux outils et informations transverses supplémentaires. Qu’il s’agisse de clients, de médias telco, de finance ou partenaires du Groupe dans le monde… ils devaient retrouver l’information intégrale et à jour en 2 clics dès leur nouvelle visite. A cela, nous avons ajouté de nombreux éléments nouveaux comme des flux d’information d’autres sites du Groupe, des fonctions de partage, la vocalisation du texte ainsi que de nombreux widgets contextualisés.
Les réseaux sociaux et tous flux d’information online nous ont conduit à respecter les standards techniques tout en prenant en compte de nombreux formats source tels que les RSS, Twitter et autres formats XML que nous voulions agréger.
Les technologies CSS3 et ajax ont permis de mettre à disposition des contributeurs des objets indépendants dans le CMS pouvant être appelé depuis n’importe quel nœud (rubrique) du orange.com. Entre nous, nous appelons cela un « mille-feuilles ». Cela donne une image de la disposition de gabarits, modules et widgets. Cette gestion, appelée « par relation d’objet », est simplifiée en back office et surtout permet de moduler en front office l’affichage du contenu suivant la rubrique ou sous-rubrique.
Le site propose du contenu en anglais, français, espagnol, polonais et roumain. Chaque objet est potentiellement multi-langue, mais c’est contenu par contenu que les contributeurs peuvent décider ou non de l’afficher dans chaque langue.
Quelles ont été les difficultés techniques pour cette migration ?
Marc Pinon : La principale difficulté dans ce projet a été de développer la plate-forme, les outils back office et le rendu front en 6 mois et en garantissant aux contributeurs la pérennité de leur contenu qu’ils ont pu commencer à migrer dès les premiers mois.
Les périodes les plus sensibles ont été, comme souvent, les mises en production après la finalisation des développements et leur recette en pré-production. Pour garantir l’intégrité, nous devions à chaque mise en production récupérer les contenu saisis sur la pré-production, mettre à niveau avec le package de livraison puis repasser l’intégralité contenant et contenu (css, médias, js et bdd) en production.
Enfin IT&L@b, en charge de ce développement, a mis un point d’honneur à développer et faire une intégration au pixel prêt, tout en garantissant un codage de qualité, respecter les normes d’accessibilité, le planning et le budget.
Sur quel type de serveur tourne le nouvel orange.com ?
Marc Pinon : La plate-forme est composée d’un ensemble de serveurs cache, web, administration et de base données dont leur rôle, nombre et configuration reste confidentiel. En effet la première sécurité pour le site est de ne pas divulguer la structure de son hébergement, même si tout le monde aura compris que la solution est basée sur Linux/Apache/PHP/MySQL.
Multimedia Business Services, notre hébergeur, nous garantit une ferme en VLANs dont les éléments sont redondés, au-delà de ses propres éléments réseau.
Aucun commentaire