Aller au contenuLudovic Li
Mobilité internationale · V.I.E possible

Ludovic Li · Frontend Engineer · Paris

Je crée des interfaces qui fonctionnent pour tous, dans toutes les langues.

Élément
Titre de niveau 1
Police
Taille de police
Contraste

Chaque détail de cette page se mesure.

Design systems, parcours de réservation et outils de contenu chez Perfectstay, publiés en 13 langues, arabe compris.

Voir les projets

Projets

Aperçus reconstitués, sans données réelles.

  1. Parcours de réservation

    Des filtres de recherche qui ne font plus attendre

    Résultat : 7 fois plus rapide à filtrer de 5,8 s à 0,76 s de page figée

    Refonte des filtres de recherche de sites de séjours de compagnies aériennes, là où se joue la réservation.

    1. Fieldset et légende natifs, cases à cocher accessibles au clavier et aux lecteurs d’écran.
    2. Calculs maison à la place d’immfacet, qui produisent ces compteurs.
    3. Lazy loading : les offres se chargent au fil du scroll, au lieu de s’afficher toutes d’un coup.

  2. Design system

    Un design system construit avec les designers

    Résultat : moins 50 % de retours de recette entre 2024 et 2026

    Une seule bibliothèque de composants pour le design et le code : lancée avec toute l’équipe design, documentée dans Storybook, le cœur migré vers TypeScript et CSS Modules.

    1. Couleurs, typographie et espacements décidés une fois, partagés entre design et code.
    2. Composants typés en TypeScript et CSS Modules.
    3. Chaque composant documenté dans Storybook.

  3. Accessibilité, RTL

    Des composants qui se lisent dans les deux sens

    Résultat : 13langues arabe compris

    Une même base de composants pour tous les sites : navigation complète au clavier, mouvement réduit respecté, et mises en page en arabe.

    1. Les propriétés logiques retournent la mise en page, sans seconde feuille de style.
    2. La flèche suit le sens de lecture.
    3. Primitives Radix UI, navigation complète au clavier dans les deux sens.

  4. Expérimentation

    Le paiement en plusieurs fois, testé sur du vrai trafic

    Résultat : plus 8 % de conversion en 3 mois

    Développement de l’affichage du paiement en plusieurs fois, testé en A/B, dans une équipe de 3 designers et 4 développeurs.

    1. La version actuelle sert de contrôle.
    2. La variante affiche le paiement en plusieurs fois.
    3. Les chiffres décident, pas les goûts.

  5. Performance

    Un carrousel qui suit le rythme de vos clics

    Résultat : 6 sur 6 clics pris en compte contre 1/6 avant, en défilement rapide

    Réécriture complète du carrousel d’images : plus aucun clic ignoré, des points de position animés, et une navigation au clavier.

    1. Chaque clic compte : l’ancien ignorait ceux qui tombaient pendant ses 300 ms d’animation.
    2. Des points de position qui rétrécissent aux bords, au lieu d’être coupés net pendant le défilement.
    3. De vrais boutons nommés, utilisables au clavier, à la place de simples <div>.

À propos

Je soigne les détails que l’on remarque sans savoir les nommer : un filtre qui répond tout de suite, un site qui s’utilise aussi bien au clavier qu’à la souris, une mise en page qui tient dans toutes les langues.

Ces derniers temps, je développe avec des agents IA comme Claude Code : du temps gagné, une exigence accrue.

Loin du clavier

  • Course à pied, dont le marathon de Paris
  • Chant, pop et R&B
  • Cuisine, avec un cours suivi au Japon
  • Ski aux Deux Alpes
  • Randonnée dans les rizières en terrasses du Vietnam