Étude de cas
Ondes
La refonte d’un média de podcasts : un lecteur persistant entre les pages, des transcriptions navigables et un site nettement plus léger.
- Rôle
- Développeur frontend
- Année
- 2024
- Stack
- Next.js
- React
- Web Audio API
- Tailwind CSS
01
Contexte
Un média audio indépendant, inventé pour cette étude, perdait une grande part de ses auditeurs mobiles avant la fin du premier épisode : chaque changement de page coupait la lecture.
02
Défi
Garder un lecteur audio actif pendant la navigation, sans transformer le site en application monopage lourde, et rendre chaque épisode lisible sans le son.
03
Solution
Le lecteur vit dans le layout racine : il survit aux navigations côté client alors que les pages restent rendues sur le serveur. Les transcriptions sont synchronisées avec la lecture et servent de sommaire cliquable.
04
Résultat
- Un JavaScript initial bien plus léger
- Des écoutes sur mobile qui vont plus souvent jusqu’au bout
- Des transcriptions indexées qui amènent de nouveaux auditeurs par la recherche
05