PagesJaunes

PJ
PagesJaunes
Product Designer → UI Lead • 2014-2016

Refonte des apps PagesJaunes

Deux ans à moderniser l'app utilitaire la plus téléchargée de France. Homepage, onboarding, cartes, et les bases d'un design system.

PagesJaunes Mobile Apps
Défiler pour explorer
Contexte

Produit legacy, échelle massive

En 2014, PagesJaunes servait 15M+ de visiteurs mensuels mais restait ancré dans une logique d'annuaire web. Les apps mobiles existaient, avaient des millions de téléchargements, mais l'expérience était lourde. La navigation datée. Le défi : rendre tout ça plus rapide, plus clair, plus utile, sans casser ce qui marchait pour les utilisateurs existants.

Mon Rôle

De designer à team lead

Product Designer en 2014, puis UI Team Lead avec 4 designers

UI Team Lead

4 designers, 2015-2016

Refonte homepage

Nouvelle recherche

iOS & Android

Onboarding première ouverture

Cartes & itinéraires

Navigation piéton

Audit système

Roadmap Yellowstrap

J'ai rejoint comme Product Designer sur le web, les partenariats (TheFork, Renault R-Link), et les flows de login. En 2015, je suis devenu UI Team Lead : coordination de 4 designers, ownership de la refonte mobile, et syncs hebdo avec les devs iOS/Android.

2014–2015

Équipe UX centrale

Mon rôle : Product Designer
Simon WhiteDirector of UXBenjamin DupontHead of UXKarl SmitsLead UXQian XuUI Designer
2015–2016

Feature Team

Mon rôle : Product Designer → UI Team Lead
Vedran BericUX/UI DesignerFrédéric RodriguezProduct ManagerThibault FighieraAndroid DevJérémie GodoniOS Dev
Timeline 2 ans

Trois phases distinctes

Phase 1

Web & Partenariats

2014

Product Designer. Web, partenariats, flows login.

Livrables clés

  • Intégration partenariat co-brandé TheFork
  • App Renault R-Link embarquée (tests au siège Renault)
  • Refonte flows login & inscription
  • Refonte homepage pagesjaunes.fr
  • Design Photoshop avec système de fichiers structuré
  • Conventions de nommage composants (pré-Sketch)
Phase 2

Mobile & Team Lead

2015

UI Team Lead. 4 designers. Release majeure app.

Livrables clés

  • Management équipe de 4 designers UI
  • Onboarding iOS & Android première ouverture
  • Plan migration Material Design pour Android
  • App Android Wear livrée sur Google Play
  • Feature itinéraire piéton (API Mappy)
  • Premier audit système composants (Yellowstrap)
Phase 3

Flows Core & Système

2016

Features rétention. Fondations système.

Livrables clés

  • Refonte Mon PagesJaunes (favoris, historique)
  • Contribution photo & avis depuis fiches pro
  • Flows création et gestion de compte
  • iPad split-view avec Dynamic Type
  • Livraison guidelines et roadmap Yellowstrap
  • Présentation showcase executive
Périmètre

Ce que j'ai livré concrètement

Livrables concrets sur iOS, Android, web et Android Wear.

Refonte Homepage

Refonte Homepage

Une accroche conversationnelle transforme la recherche d'annuaire en résolution de problème. Les utilisateurs agissent plus vite quand l'interface est personnelle.

Onboarding Première Ouverture

Onboarding Première Ouverture

Animations non-bloquantes au premier lancement. CAAnimation sur iOS, transitions Material sur Android. Testé au labo UX Paris.

Itinéraire Piéton

Itinéraire Piéton

Trois modes : marche, voiture, transports. L'interface s'adapte au choix de l'utilisateur. Basé sur l'API Mappy avec handoff vers les apps de navigation.

Mon PagesJaunes

Mon PagesJaunes

Historique et Favoris transforment les recherches ponctuelles en valeur conservée. Chaque établissement sauvegardé est une raison de revenir.

Android Wear

Android Wear

Flows wearable : recherche puis appel, ou recherche puis navigation. Deux jobs, deux chemins, minimum de taps.

Stratégie Design System

Stratégie Design System

Audit de composants sur iOS, Android et web. Identification des incohérences, documentation des patterns, construction de la roadmap "Yellowstrap".

Ce que j'ai appris

Designer à cette échelle

Ne pas casser les habitudes

22M d'utilisateurs ont une mémoire musculaire. Les changements radicaux les perdent. Des améliorations petites et claires marchent mieux.

L'utilitaire exige la vitesse

Les gens cherchent un plombier quand ils ont une fuite. Chaque milliseconde compte. Surtout en 3G.

La cohérence, c'est dur

iOS, Android, web, Wear : chaque plateforme a ses contraintes. Les patterns partagés demandent une négociation constante.

La politique ralentit

Grande boîte, beaucoup de stakeholders. Parfois le plus dur n'est pas le design, c'est l'alignement.

Résultats

En chiffres

22M+

Téléchargements

installations totales

300K

Utilisateurs/jour

au pic

4

Designers

managés comme lead

Un produit legacy à moderniser ?