Accueil Lille Addict
Lille Addict.
Tout Lille dans le doigt.
Lille Addict, le média des bons plans lillois. Poser l'UX/UI et les animations du nouveau site.
Le brief produit était simple : permettre au Lillois de choisir son week-end en trois taps. La concurrence (Time Out, Le Bonbon, agendas Instagram locaux) noyait l'utilisateur dans le contenu. J'ai inversé la hiérarchie d'information : filtres sortir / manger / shopping en sticky-haut, contenu en flux vertical en dessous, lecture unique sans onglet caché. Sur mobile, ça change tout. L'utilisateur arrive avec une intention (samedi soir, manger), pas avec du temps à perdre.
L'identité visuelle (sticker culture lilloise, palette rouge dominant, badges SOSO / SONS / SORTIR, formes qui débordent des cadres) a été dessinée en amont par La Quincaillerie. Mon rôle a été d'en faire un produit : traduire la grammaire en composants UI, calibrer les zones de tap, structurer l'arborescence, scénariser les micro-animations et les transitions.
Du sticker à l'interface : un brand en mouvement.
Le défi technique : transformer une identité de poster street en interface mobile-first qui ne fatigue pas les yeux sur de longues sessions de scroll. J'ai gardé les badges SOSO, SONS et SORTIR comme point d'entrée des filtres, mais en réduisant leur saturation côté UI pour préserver la lisibilité, et en calibrant leurs zones de tap au-dessus du seuil ergonomique recommandé.
Le système d'animations Lottie a été pensé pour donner du rythme à la liste sans la saturer : badges qui peelent légèrement à l'apparition, transitions horizontales entre catégories, feedback tactile sur les cards. Une couche d'interaction qui prolonge la grammaire stickers de La Quincaillerie sans alourdir la perception du produit.
- UX/UI & prototypage
- Antoine Kiszka
- Direction artistique
- La Quincaillerie
- Agence
- La Quincaillerie
- Année
- 2023
- Périmètre
- UX/UI design, prototypage, animations Lottie