Parent : [[INDEX-WEB-UIUX]]
Top 50 sites web remarquables 2025-2026
Méthodologie de sélection
Cette liste combine trois signaux de qualité :
- Awards majeurs : Awwwards SOTY/SOTM/SOTD, FWA of the Year/Day, CSS Design Awards WOTD.
- Présence cross-galeries : sites cités sur Godly, Hoverstat.es, Httpster, Minimal Gallery, SiteInspire, Lapa Ninja, One Page Love.
- Diversité : portfolios, agences, SaaS, e-commerce, expérimental WebGL, dark UI, éditorial minimal.
Note : Les URLs sont vérifiées quand c'était possible. Quand l'URL exacte n'a pas été confirmée, la fiche Awwwards/CSSDA/One Page Love est indiquée comme source de référence.
Les 50 sites
1. Awards & sites de l'année 2025-2026
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 1 | Lando Norris | https://landonorris.com | Plateforme F1 immersive, dynamique, SOTY Awwwards 2025 | Awwwards SOTY 2025 |
| 2 | Bruno Simon Portfolio 2025 | https://bruno-simon.com | Portfolio 3D interactif, conduite dans un monde WebGL, open-source | Awwwards SOTM Feb 2026 |
| 3 | The Renaissance Edition | (voir Awwwards) | SOTM Awwwards Mar 2026, expérience e-commerce créative | Awwwards SOTM Mar 2026 |
| 4 | Igloo Inc | https://igloo.inc | Crypto/Web3 grand public, Pudgy Penguins, fluid simulation, SOTY Dev 2025 | Awwwards SOTY 2025 Dev |
| 5 | Getty Villa: Persepolis Reimagined | https://www.getty.edu/persepolis-reimagined | Expérience WebGL historique immersive, FWA of the Year | FWA of the Year |
| 6 | Arina's Story | https://u24.gov.ua/arina-story-immersive-donation-experience | Documentaire immersif caritatif, Unreal Engine + Pixel Streaming | FWA 2025 |
| 7 | OceanX 2025 | https://2025.oceanx.org | Year in Review océanographique, storytelling visuel | Awwwards SOTD |
| 8 | Unseen Studio 2025 Wrapped | https://2025.unseen.co | Wrapped d'agence horizontal scroll, ASCII liquid effects | Awwwards SOTD, One Page Love |
| 9 | Toyota Booth JMS 2025 | https://global.toyota/info/jms2025/en/toyota/ | Site événementiel automobile immersif | Awwwards SOTD |
| 10 | Maddy's 2025 | https://maddys2025.ripplear.live | Site événementiel créatif anti-AI | Awwwards Nominee |
| 11 | 21 Hrs On The Moon | (voir Awwwards) | Carte lunaire interactive, panorama audio | Awwwards SOTD |
| 12 | PP Neue Montreal | (voir Awwwards) | SOTD Awwwards Jul 2026, typographie canadienne | Awwwards SOTD |
2. Portfolios créatifs & développeurs
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 13 | Corentin Bernadou | https://www.corentinbernadou.com | WebGL géométrique + design suisse, rulers interactifs | Codrops, Awwwards SOTD |
| 14 | R—K (Ravi Klaassens) | https://www.raviklaassens.com | Portfolio axé "presence", Unicorn Studio, hero WebGL | Codrops |
| 15 | Rauno Freiberg | https://rauno.me | OS-style portfolio minimaliste, micro-interactions | Awwards HM |
| 16 | Jonas Reymondin | https://jonasreymondin.com | Portfolio design/dev Nuxt + Sanity, grid suisse | Codrops |
| 17 | Arnaud Rocca | https://arnaudrocca.fr | Portfolio WebGL fluid simulation, accessibilité créative | Codrops |
| 18 | Jackie Zhang | https://jackiezhang.work | Portfolio tactile/doodle, Framer, identité personnelle | Codrops |
| 19 | Xavier Bourdil | https://xavierbourdil.com | Portfolio interactif art direction | Awwwards |
| 20 | Hervé Studio | https://herve.studio | Portfolio studio créatif élégant | Awwwards |
3. Agences & studios
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 21 | Obys Agency | https://obys.agency | Awwwards Studio of the Year, typo custom, motion system | Awwwards |
| 22 | Locomotive | https://locomotive.ca | Agence Montréalaise, projets awardés (Désourdy, Drake Hotel) | Awwwards |
| 23 | BONHOMME | https://bonhomme.se | Studio créatif suédois, expériences immersives | Awwwards |
| 24 | Afternow (ex Balkan Brothers) | https://afternow.co | Rebrand 2026, design systems & produits | LinkedIn/awards |
| 25 | Active Theory | https://activetheory.net | Expériences WebGL/NFT de référence | The FWA |
| 26 | Cuberto | https://cuberto.com | Motion design et interactions fluides | Awwwards, CSSDA |
| 27 | Make Me Pulse | https://makemepulse.com | Studio expérimental, WebGL, campagnes créatives | The FWA |
| 28 | Immersive Garden | https://immersive-g.com | Expériences immersives haut de gamme | Awwwards |
4. SaaS, produit & tech
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 29 | Linear | https://linear.app | Landing SaaS dark mode référence, motion subtil | Dark Mode Design |
| 30 | Vercel | https://vercel.com | Marketing developer, design system clair | Awwwards, Lapa Ninja |
| 31 | Notion | https://notion.so | Landing éditoriale, conversion sobre | Lapa Ninja |
| 32 | Krea | https://krea.ai | AI creative suite, dark UI, white-pill CTA inversion | shadcn design spec |
| 33 | Reflect | https://reflect.app | Note-taking dark UI, portals violets, DESIGN.md référencé | shadcn design spec |
| 34 | Better Stack | https://betterstack.com | SaaS uptime monitoring, dark theme élégant | SaaS landing galleries |
| 35 | Dub.co | https://dub.co | SaaS link management, minimalisme avec caractère | Lapa Ninja |
| 36 | Attio | https://attio.com | CRM SaaS, éditorial professionnel | Lapa Ninja |
5. E-commerce & marques
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 37 | Apple | https://www.apple.com | Référence motion produit, scroll storytelling | Best Website Gallery |
| 38 | Nike | https://www.nike.com | Campagnes immersives, expérience marque | Awwwards |
| 39 | Teenage Engineering | https://teenage.engineering | Product photography minimaliste, grid rigoureux | Minimal Gallery |
| 40 | Stripe Press | https://press.stripe.com | Éditorial minimal, typographie sobre | Minimal Gallery |
| 41 | iA Writer | https://ia.net | Minimalisme extrême, focus typographie | Minimal Gallery |
6. Expérimental & WebGL
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 42 | Hollowmere | https://hollowmere.netlify.app | Monde WebGL procédural, PBR, god-rays, interactions | Hoverstat.es |
| 43 | Ten Years Away (Studio375) | https://ten.375.studio | BD interactive scroll-driven, React Three Fiber | Awwwards SOTD, Codrops |
| 44 | Jason Bergh | https://www.jasonbergh.com | Portfolio cinématographique, Viewfinder Mode, son optionnel | Codrops |
| 45 | 1820 Productions | https://1820productions.com | Vidéo production minimal + motion maximal | Codrops |
| 46 | Three.js Journey | https://threejs-journey.com | Cours WebGL, landing immersive | Bruno Simon |
| 47 | Spotify Wrapped 2025 | https://wrapped.spotify.com | Expérience data personnelle annuelle | Awwwards candidates |
| 48 | Cosmos | https://cosmos.so | Outil de bookmarks visuels, UI soignée | Godly/Hoverstat.es |
7. Dark UI & éditorial
| # | Site | URL | Pourquoi c'est remarquable | Source |
|---|---|---|---|---|
| 49 | uxskill.la | https://uxskill.la | Dark editorial cinema, scroll-pinning, variable font Fraunces | Dark Mode Design |
| 50 | Habchy.com | https://habchy.com | Design system dark/light, glassmorphism doré | Dark Mode Design |
Comment utiliser cette liste
- Phase discovery : piocher 2-3 sites par projet pour ancrer la direction visuelle.
- Étude de cas : pour chaque site, identifier 1 pattern concret (typo, layout, micro-interaction, palette, scroll behavior).
- Benchmark : comparer un projet en cours contre les sites de la même catégorie.
- Anti-template : ne pas copier, mais isoler ce qui rend chaque site distinct ([[KNOW-ANT-WEB-002]]).
Limites
- Liste subjective, axée 2025-2026.
- Certaines URLs n'ont pas pu être confirmées (contenu premium ou redirections).
- Ne remplace pas une recherche ciblée par projet ([[KNOW-PAT-209]]).
Références liées
- [[KNOW-REF-004]] — Catalogue des 18 galeries d'inspiration
- [[KNOW-PAT-209]] — Choisir sa source d'inspiration selon le type de projet
- [[KNOW-ANT-WEB-002]] — AI slop mesurable
- [[KNOW-PAT-144]] — DESIGN.md mémoire design par projet