Bibi Sorties

J'ai rejoint Bibi Sorties dans le cadre d'une alternance UI/UX & développement, sur un produit déjà en production : un site, une application mobile et un back-office utilisés au quotidien par des organisateurs et des utilisateurs finaux. Le défi : améliorer significativement les performances et l'expérience sans bloquer les évolutions produit en cours. Dès l'arrivée, j'ai cartographié la stack existante (React, Flutter, API Node), priorisé les chantiers à fort impact (SEO, vitesse de chargement, parcours mobile) et défini un plan d'attaque trimestriel partagé avec l'équipe.

L'audit initial a confirmé plusieurs douleurs : un Time to First Byte élevé sur la version React rendu côté client, des Core Web Vitals dans le rouge sur mobile, et une indexation incomplète des fiches événements (problèmes de balises, contenu généré côté client, sitemap incomplet). Ce diagnostic a justifié la migration vers Next.js comme socle technique pour adresser à la fois le SEO (rendu serveur, métadonnées par fiche, données structurées) et la performance perçue.

La migration s'est faite par lots, page par page, pour éviter une bascule big bang risquée sur un produit en production. Les pages à fort trafic (accueil, listing événements, fiches événement) ont été traitées en priorité avec un rendu hybride (SSG + ISR) pour garantir un TTFB minimal tout en supportant l'ajout fréquent de nouveaux événements. Les parcours authentifiés (compte, favoris, historique) sont restés en rendu client pour préserver la dynamique. Les composants partagés ont été progressivement portés sur une base TypeScript pour fiabiliser la suite.

En parallèle de la refonte technique, j'ai redessiné plusieurs interfaces stratégiques : page d'accueil (hiérarchie, mise en avant des recommandations), listing avec filtres rapides, fiche événement (visuels, infos pratiques, CTA réservation), tunnel de réservation, et back-office organisateur. L'approche : se rapprocher des standards UX des plateformes de billetterie modernes (clarté, réassurance, hiérarchie immédiate) tout en gardant l'identité éditoriale qui faisait la singularité du produit.

Côté mobile, j'ai travaillé sur l'application Flutter pour réduire les temps de démarrage, optimiser la consommation mémoire sur les listes longues (virtual scrolling, pagination cursor-based), et fiabiliser la synchronisation hors-ligne des favoris et de l'historique. L'API Node a été passée au crible : endpoints critiques mis en cache (Redis), requêtes SQL optimisées, ajout d'indexes sur les champs de recherche fréquents, et durcissement des règles de sécurité (rate limiting, validation stricte des payloads).

Les chantiers ont produit des résultats mesurables : • Temps de chargement réduits de 40 à 60 % sur les principales pages (mesures Lighthouse + Real User Monitoring). • Trafic organique en croissance estimée de +100 % à +150 % sur quelques mois après la migration et les optimisations SEO. • Net recul des taux de rebond sur mobile et hausse du nombre d'événements consultés par session. Ces gains ont été obtenus tout en continuant à livrer les évolutions produit demandées par le métier, grâce à une approche incrémentale et un suivi rigoureux des indicateurs.

Tout au long de l'alternance, j'ai animé des points hebdomadaires avec l'équipe produit et tech pour partager l'avancement, arbitrer les priorités et confronter les arbitrages design/perf/dev. Cette transparence a été clé pour faire avancer en parallèle des chantiers transverses (refonte UI, migration tech, optimisations) sans embolie. Ce poste m'a profondément formé : conduire des changements structurants sur un produit en production, mesurer mon impact, défendre des choix techniques auprès de profils variés, et apprendre à équilibrer dette technique, produit et business.