Parent : [[INDEX-WEB-UIUX]]
Catalogue de galeries d'inspiration web design
Résumé
Référence centralisée de 18 galeries et awards web couramment utilisées pour l'ancrage visuel avant design. Chaque source a une spécialisation : certains sont généralistes avec filtres, d'autres sont verticaux (typo, dark mode, brutaliste, one-page, landing pages, etc.).
Pourquoi cette référence
- Éviter de toujours piocher dans la même galerie (biais stylistique).
- Choisir la bonne source selon le type de projet (portfolio, SaaS, e-commerce, expérimental).
- Réduire le temps de recherche en connaissant l'angle de chaque site.
Les 18 sources
Généralistes premium et awards
| Source | Spécialisation | Cas d'usage principal | Note d'usage |
|---|---|---|---|
| Awwwards | Référence mondiale, jury + communauté, SOTD, études de cas détaillées, palettes et stacks techniques | Benchmark créatif exigeant, preuve de concept, revue de tendances | Filtres par catégorie, technologie, couleur ; attention au contenu premium |
| The FWA | Favourite Website Awards depuis 2000, récompense l'excellence interactive et dev | Projets expérimentaux, reconnaissance internationale | Axé expérience et innovation technique |
| CSS Design Awards | Awards pour designers, studios et agences, WOTD, UX/Innovation | Valoriser le travail front/CSS, inspirer les transitions | Votes publics + jury |
Curations généralistes par style
| Source | Spécialisation | Cas d'usage principal | Note d'usage |
|---|---|---|---|
| Godly | Feed quotidien de design récent, qualité > quantité, masonry responsive, catégories par vertical | Anchrage quotidien, découvrir les derniers trends | Rebrandé "Recent"; inclut app icons et screenshots App Store |
| SiteInspire | Très grande collection classée par catégories, styles, sujets, plateformes | Recherche ciblée par industrie ou type de site | 2000+ sites par catégorie, excellent pour les recherches larges |
| Best Website Gallery | Filtrage par CMS/plateforme (Webflow, Shopify, WordPress...) et par tag visuel | Choisir une direction compatible avec une stack imposée | Utile quand le client impose Webflow/Shopify/etc. |
| Curated Design | Collection de produits digitaux, outils et templates mis à jour quotidiennement | Trouver des références de produits et SaaS | Moins portfolio, plus product-led |
Minimalisme et pureté
| Source | Spécialisation | Cas d'usage principal | Note d'usage |
|---|---|---|---|
| Minimal Gallery | Sites au design minimal, curated depuis 2013, section templates | Projets éditoriaux, luxe discret, portfolios épurés | Design qui "parle par le blanc" |
| Siiimple | Collection obsessionnelle de sites minimalistes, créatifs et modernes | Inspiration minimaliste pointue | ~900 exemples, sélection stricte |
| Httpster | "Anti-boring websites", minimalisme poussé, typographie forte, tendance brutaliste | Trouver du caractère dans le minimal | 3000+ sites, tag par style (minimal, grid, etc.) |
Niches et esthétiques spécifiques
| Source | Spécialisation | Cas d'usage principal | Note d'usage |
|---|---|---|---|
| Hoverstat.es | Design alternatif, expérimental, interactions créatives, creative coding | Projets artistiques, expérimentations, hero complexes | Curators : Mike Guppy & Dan Powell, depuis 2012 |
| Brutalist Websites | Web brutaliste : brut, fonctionnaliste, anti-polish | Marques audacieuses, projets culturels, identités fortes | Ne pas confondre avec "moche"; c'est une esthétique délibérée |
| Dark Mode Design | Showcase exclusivement de sites en dark mode | Projets SaaS, gaming, luxe nocturne, dashboards | Curaté par Cai Cardenas |
| Typewolf | Tendances typo, pairings, Google Fonts curated, ressources typographiques | Choisir et associer des polices | Section "What's Trending in Type" et guides par police |
Formats et pages ciblées
| Source | Spécialisation | Cas d'usage principal | Note d'usage |
|---|---|---|---|
| One Page Love | One-page websites + sections de page + templates | Landing pages, sites événementiels, portfolios compacts | 9000+ one-pagers, très utile pour la structure verticale |
| Lapa Ninja | Landing pages, full-page screenshots, vidéos d'interactions, recherche par couleur/police | Étudier des landings complètes, pas seulement des heroes | 7300+ landings, metadata riches |
| Klikkentheke | Hand-picked inspiration, animations, gallery topics | Découvrir des sites avec micro-interactions soignées | Moins connu, sélection pointue |
Matrice de choix rapide
| Type de projet | Sources recommandées |
|---|---|
| Portfolio créatif | Awwwards, Hoverstat.es, Godly, Httpster |
| SaaS / Produit | Lapa Ninja, Curated Design, Dark Mode Design, Awwwards |
| E-commerce | Awwwards, Best Website Gallery (Shopify), Minimal Gallery (mode/luxe) |
| Landing page | Lapa Ninja, One Page Love, Awwwards |
| Identité forte / expérimental | Brutalist Websites, Hoverstat.es, The FWA |
| Dark UI / Dashboard | Dark Mode Design, Httpster, Awwwards |
| Minimaliste / éditorial | Minimal Gallery, Siiimple, SiteInspire |
| Choix typographique | Typewolf, Awwwards (filtre typographie), SiteInspire |
Anti-patterns liés
- Ne pas copier : ces sites servent d'ancrage, pas de template.
- Éviter le biais de confirmation : ne pas aller systématiquement sur la même galerie.
- Vérifier la faisabilité : un site awardé n'est pas forcément accessible/performant.
Références liées
- [[KNOW-PAT-146]] — Référence Mobbin/Godly avant de designer
- [[KNOW-PAT-188]] — Guide d'utilisation du Godly Corpus
- [[KNOW-PAT-189]] — Godly Corpus, index des thèmes de design web
- [[KNOW-PAT-193]] — Workflow unifié de design web (Godly Corpus + UUPM + 21st.dev)
- [[KNOW-ANT-WEB-002]] — AI slop mesurable : éviter les esthétiques génériques par IA