Booska-P : la renaissance digitale du média de référence de la culture urbaine

Expertises Identité de marque Site média UX/UI Design

Cosa a été sollicitée par Booska-P, média de référence de la culture urbaine depuis 2005, pour la refonte complète de son site.

Objectif : donner un nouveau souffle, à travers une refonte à la fois graphique et fonctionnelle.

Faire de Booska-P LE média de référence pour les cultures urbaines

Overview

Booska-P est le média numéro un en France dans le traitement de l’information liée aux cultures urbaines.

Il rassemble une communauté de fidèles, présente depuis sa création. Alors que la marque et sa communauté s’est fortement développée sur les réseaux sociaux, son site n’avait pas connu de mise à jour depuis 2015.

En 2021, Booska-P fait appel aux équipes de Cosa pour une refonte complète de sa plateforme, repensant à la fois le parcours utilisateur et la direction artistique.

« Cosa c’est une équipe qui connaît bien le média et qui captait bien où on voulait aller »

Amadou Ba, Co-fondateur de Booska-P

Solutions :

UX : repenser l’intégralité du parcours utilisateur

L’équipe UX a mené deux ateliers avec Booska-P. Lors du premier, nous avons présenté les résultats détaillés de notre audit UX, puis retravaillé l’arborescence du site en co-création pour définir des parcours clairs et efficaces. Le second atelier s’est concentré sur les premiers wireframes stratégiques (page d’accueil, listing d’articles, page article) : nous avons confronté nos choix aux retours du client, en ajustant notamment l’ergonomie et la navigation en fonction de ses besoins et de ceux des utilisateurs.

Les retours ont ainsi été intégrés de manière itérative dans une véritable démarche de co-création.

UI : donner un nouveau souffle en modernisant la direction artistique pour plus d’impact.

L’équipe Branding/UI de Cosa a animé un atelier dédié pour insuffler une direction artistique résolument contemporaine, tout en préservant l’identité unique du média. Des références et inspirations ont été partagées en amont pour nourrir la réflexion créative.

Plusieurs propositions visuelles ont été conçues et présentées, puis affinées jusqu’à aboutir aux maquettes finales, incarnant la direction artistique retenue.

Des formats spécifiques, tels que des articles spéciaux, ont ensuite été développés à la demande de Booska-P afin de proposer une expérience encore plus singulière.

Enjeux techniques : proposer un site performant avec une intégration publicitaire personnalisée

Projet WordPress orienté média avec un gros volume de pages articles déclinées selon plusieurs typologies de contenus, l’un des gros enjeux a été de livrer un site rapide, optimisé dès la sortie et les résultats ont été au rendez-vous : 98/100 en webperf à la mise en ligne, grâce à une attention poussée sur le lazy loading, le chargement critique , la gestion fine du cache, et un thème custom.

Autre challenge et non des moindres : la mise en place des espaces publicitaires, intégrés directement côté front avec une gestion des emplacements dynamiques, des délais de chargement pour éviter de pénaliser le LCP, et une compatibilité poussée avec les outils de mesure.