Youness Halil Lattif, Product Designer

Aller au contenu
This site is also available in English.Switch to English
ENMe contacter (LinkedIn, nouvel onglet)

Youness Halil Lattif, Product Designer

Je construis des produits, couche par couche.

Avant de dessiner un écran, je pose sa structure, son zoning et son wireframe. Pendant trois ans, à la Fédération Française de Sport Vitalité (FFSV), j’ai conçu ainsi une plateforme pour 5 000 clubs et une application pour 500 000 licenciés.

Disponible maintenant pour un CDI

Voir un projet LinkedIn (nouvel onglet)
  1. Structure
  2. Zoning
  3. Wireframe
  4. Interface livrée

Prendre sa licence sportive en 5 minutes.

Mon projet de fin d’études. J’ai mené 50 entretiens avec des licenciés et 20 avec des clubs, puis j’ai conçu un parcours en 5 étapes, un espace pour les bénévoles et un design system accessible. Chaque écran garde sa structure en dessous : on voit ce qui a été décidé avant d’être dessiné.

Écran Trouver un club : recherche par activité et ville, liste des clubs proches
Trouver un club
Écran Trouver un club en vue carte, avec le club sélectionné
Le même choix, sur une carte
Écran Mon planning : séances de la semaine et leurs statuts
Les séances de la semaine
Écran Renouveler ma licence : informations déjà remplies et étapes restantes
Le renouvellement

Chaque écran garde son zoning en dessous.

Lire l’étude de cas

Un socle, cinq produits, trois ans.

De 2023 à 2026, j’ai travaillé dans l’équipe produit de la FFSV, avec le Product Owner, le PM et les développeurs. Ces écrans ne sont pas publiables ; voici donc leur architecture. Les cinq produits reposent sur le même design system.

Voir le parcours
  • Sites webLes sites des clubs, de l’actualité et des événements
  • Application licenciésiOS et Android, 500 000 licenciés
  • Plateforme clubsUn SaaS pour 5 000 clubs
  • Back-office et CMSLa gestion des licenciés
  • Design systemComposants, tokens, documentation et handoff

Un back-office livré en 3 semaines.

À la FFSV, avec un développeur, nous avons livré un back-office de suivi d’activité et de planning des cours sportifs. Claude Code, Claude Design et Figma Make étaient connectés au design system Figma par MCP.

  1. Figma

    Le design system : composants et tokens

  2. MCP

    Le pont entre Figma et Claude

  3. Claude Design et Figma Make

    Les écrans, à partir des composants

  4. Claude Code

    L’intégration, avec le développeur

  5. 3 semaines

    Du design system au back-office livré

Au quotidien, je travaille aussi avec Figma AI, Lovable et Bubble.

Quatre projets concept, construits de la même façon.

Tous les projets