Translations,

Contexte et mandat du projet

Le projet « Translations » de l’auteure Claire Legendre est une œuvre sensible qui donne la parole à des personnes issues de l’immigration à travers des récits audio poignants, accompagnés de photo-récits. L’objectif était de créer une plateforme numérique qui ne soit pas seulement un conteneur, mais un véritable écrin pour ces histoires. Agence Chocolat a été mandatée pour concevoir et développer un site web sur mesure qui incarne l’élégance, la sobriété et l’accessibilité, tout en offrant une expérience d’écoute immersive et sans friction.

Le défi principal consistait à équilibrer une esthétique minimaliste avec une fonctionnalité riche, en s’assurant que la technologie serve le récit et non l’inverse.

La valeur ajoutée d’Agence Chocolat

Notre approche s’est articulée autour d’une compréhension profonde des objectifs du projet : honorer les histoires et faciliter leur découverte. Nous avons apporté notre expertise technique et créative à chaque étape pour construire une solution complète, durable et performante.

1. Approche UX/UI : Le design au service de l’écoute

Notre philosophie de design était de créer une interface qui s’efface pour laisser toute la place au contenu.

• Esthétique minimaliste : Nous avons privilégié les espaces blancs généreux, une palette de couleurs neutres et chaudes, et une mise en page aérée pour mettre en valeur la typographie et les photographies sans jamais surcharger l’écran.
• Hiérarchie typographique : Une sélection rigoureuse des polices de caractères assure une lisibilité parfaite et guide subtilement l’œil de l’utilisateur à travers le contenu.
• Navigation intuitive : L’architecture de l’information a été pensée pour que les visiteurs puissent naviguer sans effort entre les épisodes, les photo-récits et les informations contextuelles.

2. Accessibilité : Un site pour tous les publics

Un projet centré sur l’humain se doit d’être accessible à tous. Nous avons intégré les meilleures pratiques d’accessibilité (WCAG) pour garantir une expérience inclusive.

• Contrastes et navigation : Les couleurs ont été choisies pour leur contraste élevé et le site est entièrement navigable au clavier.
• Lecteur audio accessible : Le lecteur de podcast est simple d’utilisation et compatible avec les lecteurs d’écran.

3. Développement WordPress sur mesure : Flexibilité et autonomie

Nous avons bâti un écosystème WordPress robuste et entièrement personnalisé pour répondre aux besoins spécifiques du projet.

• Thème sur mesure : Le développement d’un thème propriétaire nous a permis d’optimiser la performance et la sécurité.
• Types de contenu personnalisés (CPT) : Des CPT ont été créés pour gérer distinctement les épisodes, les photographes et les photo-récits, structurant ainsi la base de données de manière logique et évolutive.
• Champs personnalisés (ACF) : L’utilisation d’Advanced Custom Fields (ACF) permet de structurer l’entrée de données (dates, crédits, liens) et garantit la cohérence sur l’ensemble du site.

4. Expérience audio et éditoriale

L’écoute étant au cœur du projet, nous avons particulièrement soigné cet aspect.

• Performance du lecteur : Le lecteur audio se charge rapidement et permet une lecture fluide, même sur des connexions lentes.

5. Performance web et optimisation (Core Web Vitals)

Un site lent est une barrière à la découverte. Nous avons mis en place une stratégie d’optimisation agressive.

• Optimisation des images : Utilisation de formats modernes (WebP) et du chargement différé (lazy loading) pour accélérer l’affichage initial.
• Mise en cache et CDN : Une stratégie de mise en cache serveur et navigateur, couplée à un réseau de diffusion de contenu (CDN), assure des temps de chargement records partout dans le monde.

6. SEO technique pour les podcasts

Pour maximiser la visibilité du projet sur les moteurs de recherche, nous avons implémenté des optimisations SEO spécifiques aux contenus audio.

• Données structurées : Un balisage Schema.org (PodcastEpisode, PodcastSeries) a été intégré pour aider Google à comprendre et à présenter les épisodes directement dans les résultats de recherche.
• Métadonnées et URLs propres : L’optimisation des titres, des descriptions et de la structure des URLs contribue à un meilleur positionnement.

7. Autonomie du client et assurance qualité

Notre but est de rendre nos clients autonomes.

• Flux de travail éditorial : L’interface d’administration a été simplifiée pour faciliter la gestion du contenu par l’équipe de Claire Legendre sans nécessiter de connaissances techniques.
• Tests et remise : Une phase de tests rigoureux a été menée sur différents appareils et navigateurs avant une remise officielle du projet, accompagnée d’une formation et d’une documentation claire.

Résultats observés

Le site « Translations » offre aujourd’hui une expérience utilisateur fluide et engageante. Qualitativement, les retours soulignent une interface qui invite à l’exploration et à l’écoute prolongée. L’architecture du site favorise un temps passé sur la page plus élevé et encourage la découverte de multiples épisodes lors d’une même session, contribuant ainsi à l’immersion dans l’univers du projet.