Je viens de découvrir la toute nouvelle version du site d’Electronic Arts et je dois avouer avoir été scotché par cette nouvelle réalisation. En fait je me demande même s’ils n’ont pas réussi le sans-faute… Il y a tout d’abord cette superbe page d’accueil avec beaucoup d’images, plein de trucs à cliquer tout en conservant une excellente lisibilité :

Les raisons qui font que j’aime cette page d’accueil :
- La grille de lecture est sobre et visuellement très légère ;
- Le haut de page est très bien orchestré avec une élégante intégration du logo, de la barre de navigation et du moteur de recherche ;
- Il y a beaucoup d’espace entre les blocs (ce qui fait « respirer » la page et ne sature pas l’oeil) ;
- Les différents éléments sont bien hiérarchisés avec une emphase sur « Browse Games » et « Featured Spore Creatures » (pour compenser avec les autres éléments aux couleurs plus vives) ;
- La page est structurée sur un bloc centré à largeur fixe, mais si vous agrandissez la fenêtre de votre navigateur le fond est « habillé » d’une très belle illustration.
Il y a ensuite un certain nombre de détails que j’adore, à commencer par le menu de navigation surdimensionné avec un très bon cloisonnement de l’information et une mise en avant :

Une sacrée coïncidence car j’ai justement rédigé un billet hier au sujet des menus XL et des plan de site dans le footer (ce que propose également ce site) : Soignez vos extrémités (menu et pied de page).
Le site propose également un très bon carrousel avec une petite barre qui permet d’anticiper le changement de vignette :

Il y a également un autre carrousel avec une présentation en accordéon très original :

Et il y a enfin une barre d’outil en bas de l’écran (qui reste à sa place quelle que soit la position dans la page) où l’on retrouve l’accès aux autres sites du groupe, le changement de langue, la création de compte… avec à chaque fois des panneaux flottants de toute beauté :

Le reste du site est plus classique (quoi que toujours aussi efficace). Mention spéciale pour la page de News qui présente un design élégant mais moderne (cf. nuage de tags) ainsi qu’un très bon moteur de filtres à gauche :

Bref, je suis vraiment sous le charme de cette nouvelle version car elle concentre un ensemble de bonnes pratiques dans un tout cohérent et de très bon goût.
Et vous ne savez pas le pire ? L’URL de ce site (EA.com) est l’anagramme d’un autre site que j’adore (AE.com). C’est fou, non ?











