Brief
Trax a consulté FCINQ pour refondre le site web du magazine.
Comment faciliter la mise à jour du site avec de nouveaux contenus par ses contributeurs tout en rendant la navigation encore plus agréable ?
Ils l'ont fait
Beaucoup de personnes ont travaillé sur ce projet, voici ceux qui y ont pris part chez nous
-
Eloïse Gaboriau -
Jérémy Petrequin -
Gwendoline Gendron -
Priscillien Gac -
Charlotte Graff
Création
L’architecture globale du site a entièrement été repensée pendant plusieurs workshops en collaboration avec les équipes de Trax, afin de construire une UX bien plus claire que l’ancienne mouture en termes d’entrées de menu, de thématiques et d’exploration des contenus. L’ensemble du site a été divisé en trois grandes typologies de contenu : l’éditorial, l’agenda et la boutique.
Une association de couleurs spécifique a été choisie pour chaque grand ensemble pour permettre une meilleure compréhension pour l’utilisateur. Le site se veut comme un prolongement du magazine papier : couleurs vives inspirées par d’anciennes couvertures, réinterprétation des typographies et identité pop flirtant avec le brutalisme de la maquette print. Le tout dans une hiérarchie d’informations pensée de manière transverse. Il est ainsi possible de naviguer entre les articles (comme souvent) via des tags mais également par thématiques couvrant ainsi les différents sujets éditoriaux.
Développement
Pour répondre aux enjeux techniques, nous avons complétement refondu l’ecosystème web de TRAX, divisé en trois grosses parties :
– La partie éditoriale, qui regroupe tous les articles, dispatchés dans différentes thématiques et tags. Les articles sont construits en une suite de blocs Gutenberg, le nouvel éditeur WordPress, qui permet aux rédacteurs de créer aussi facilement des shortreads avec un paragraphe de texte comme des longreads en enchainant des blocs textes, galerie photo, vidéo, citation… à leur guise.
– La partie agenda, regroupant les événements à venir et les lieux. Un espace dédié aux professionnels leur permet d’annoncer leurs soirées directement sur le site, lesquelles sont ensuite soumises à la validation de l’équipe TRAX avant mise en ligne.
– La partie boutique : basée sur un WooCommerce, cette partie propose à la vente aussi bien des anciens magasines, du merchandising ou encore des abonnements. Les clients créent leur compte, et peuvent ainsi accéder aux magazines achetés en version numérique via une lectrice Calaméo sécurisé, gérer leur renouvellement d’abonnement, leurs commandes, etc.
Le site est basé sur notre framework WordPress que nous utilisons sur toutes nos réalisations WordPress. Les performances, tant côtés serveurs que client ont été analysées en détails pour proposer aux dizaines de milliers de visiteurs quotidiens la meilleure expérience possible de navigation.
Parmi les nombreux efforts SEO qui ont été mis en place, que ce soit lors de la migration des nombreux contenus ou après, nous avons notamment déployé une version AMP (Accelerated Mobile Page), pour proposer aux visiteurs sur mobile depuis Google un chargement quasi instantané des contenus.
Nous avons développé un adserveur propre au site TRAX. Plus optimisé et rapide à charger, car developpé sur mesure, celui-ci respecte plus la vie privée des visiteurs, car il ne partage pas de cookie ou de données avec un service tiers.
TRAX peut programmer les campagnes de ses clients, en utilisant les différents formats IAB ou habillage à leur disposition, créer des articles sponsorisés, récolter des statistiques d’impressions, de clicks…
