Mes sources d'inspiration UI : 6 sites de référence

Mobbin est le site de référence design que j'utilise le plus, sans aucune hésitation.

Sa valeur principale réside dans la déconstruction des interfaces de produits réels en une bibliothèque de patterns de design consultable. Vous pouvez naviguer selon quatre axes : par catégorie d'application (IA, santé, restauration, etc.), par modèle d'écran (Dashboard, filtres et tri, notifications, etc.), par élément UI (Text Field, Bottom Sheet, Tab Bar, etc.) et par parcours utilisateur (Onboarding, connexion, paiement, etc.).

Le site couvre les plateformes iOS et Web. Côté Web, il offre en plus un filtre par style — Dark, Minimal, Colorful, Motion, etc. — particulièrement utile pour trouver l'inspiration pour des pages d'atterrissage.

Idéal pour : explorer comment d'autres produits conçoivent une fonctionnalité donnée, par exemple « À quoi ressemble une page d'abonnement ? » ou « Comment concevoir un flux d'Onboarding ? ».

Gratuit vs payant : les utilisateurs gratuits peuvent parcourir les 4 applications/sites les plus récents ; la version Pro donne accès à l'intégralité du contenu.

Si Mobbin couvre les produits du monde entier, UI Notes est l'encyclopédie du design des produits chinois.

396 applications, 152 592 captures d'écran — ce volume de données parle de lui-même. De plus, seuls les designs effectivement mis en production sont répertoriés, sans maquettes conceptuelles. Chaque capture que vous voyez correspond à une interface réellement en ligne.

Les applications répertoriées sont celles que les utilisateurs chinois utilisent au quotidien : Doubao, DeepSeek, Kouzi, Hongguo, Yuanbao, TapTap… Vous pouvez filtrer par entreprise (ByteDance, Tencent, Alibaba, etc.) et par secteur d'activité. Chaque application est annotée avec son numéro de version et sa date de mise à jour, ce qui permet de suivre l'évolution du produit.

Idéal pour : concevoir un produit destiné au marché chinois et analyser les interfaces complètes et les tendances design des concurrents.

Gratuit vs payant : la navigation de base est gratuite ; un abonnement donne accès à des fonctionnalités supplémentaires.

L'approche de ce site est radicalement différente — il ne vous montre pas les designs des autres, mais vous indique ce à quoi vous devez penser lorsque vous concevez un élément donné.

56 checklists réparties en cinq grandes catégories :

• Website (13) : page de connexion, facturation, article de blog, panier, FAQ, etc.
• Components (24) : Button, Modal, Input Field, Toast, Carousel, etc.
• Flows (13) : ajout au panier, désabonnement, réinitialisation du mot de passe, suppression de compte, etc.
• Topics (3) : responsive design, rédaction UX, mode sombre
• Brand (3) : Logo, Typographie, Ton de voix

Chaque checklist est une série de bonnes pratiques, par exemple « La page de connexion devrait avoir un bouton afficher/masquer le mot de passe » ou « Un Modal devrait pouvoir se fermer avec la touche Échap ». Un plugin Figma est également disponible pour vérifier directement dans votre outil de design.

Idéal pour : effectuer une vérification après avoir terminé un design, ou établir des standards lorsque vous commencez un nouveau composant. Particulièrement adapté aux débutants souhaitant développer une culture des normes de design.

Gratuit vs payant : entièrement gratuit.

Là où les autres sites vous montrent des captures isolées, Page Flows vous présente des parcours utilisateur complets.

Son atout majeur est l'enregistrement vidéo — vous pouvez observer le parcours complet d'un utilisateur réel, de l'ouverture de l'application jusqu'à l'accomplissement d'une action, avec des annotations étape par étape. Par exemple, « Comment Airbnb guide-t-il l'utilisateur dans son flux de recherche ? » ou « Comment Dropbox conçoit-il son Onboarding ? ».

Le site couvre quatre plateformes : iOS, Android, Web et Emails, et est utilisé par plus de 100 000 designers. Il permet de filtrer par catégorie, secteur d'activité et pattern UX.

Idéal pour : concevoir des parcours utilisateur (Onboarding, inscription, paiement, etc.) en s'inspirant de la manière dont les produits leaders les conçoivent.

Gratuit vs payant : 3 jours d'essai gratuit, puis 8,25 $/mois (abonnement annuel) ou 13 $/mois (abonnement trimestriel).

Refero est une pépite que j'ai découverte récemment. Sa taxonomie est la plus fine de tous les sites présentés.

Six dimensions couvertes :

• Page Types (45 types) : Dashboard, Landing, Paywall, 404, Blog, Profile, etc.
• Flows (44 types) : inscription, connexion, abonnement, ajout au panier, chat, édition, suppression de compte, etc.
• UX Patterns (87 types) : Testimonials, Filter & Sorting, Dark Mode, Shopping, etc.
• UI Elements (69 types) : Modal, Cards, Table, Tabs, Skeleton, Chart, etc.
• Sites (par secteur) : AI Tool, SaaS, Finance, Éducation, Alimentation, etc.
• Fonts : filtrer les pages produit par police de caractères utilisée

Les produits répertoriés sont des références telles que Stripe, Calendly, n8n, Shopify ou Coinbase.

Ce qui m'a le plus impressionné, c'est l'intégration MCP — elle permet à un agent IA d'accéder directement à la bibliothèque design de Refero, afin de s'appuyer sur de vrais designs lors de la création de sites par IA, plutôt que de générer des interfaces au « rendu IA » générique.

Idéal pour : la recherche en design pour des produits Web, en particulier les produits SaaS.

Gratuit vs payant : 7 jours d'essai gratuit, puis abonnement payant.

Le dernier site est un peu différent — Lovable est avant tout un outil de création de sites par IA, mais sa page Discover constitue une excellente source d'inspiration design.

Toutes les applications présentées ici ont été construites par conversation avec une IA, ce qui vous donne une vision concrète de « ce que la création de sites par IA peut accomplir aujourd'hui ». Du CRM au marketing événementiel, en passant par les lecteurs de musique et les bibliothèques d'icônes, la variété est large.

Chaque application affiche ses données de favoris (Iconstack 1 221 favoris, Attendflow 813 favoris), ce qui permet d'évaluer la reconnaissance de la communauté. Vous pouvez naviguer par catégorie : Featured, Builders, Personal, Marketing, Company, etc.

Idéal pour : évaluer les résultats concrets de la création de sites par IA, ou trouver de l'inspiration pour un prototypage rapide. Également utile pour présenter des cas d'usage lorsque vous souhaitez convaincre votre équipe d'adopter l'IA pour la création de sites.

Gratuit vs payant : la navigation est gratuite ; l'utilisation de Lovable pour créer un site dispose d'un quota gratuit, les fonctionnalités avancées sont payantes.