KOMPOSE.
Toutes les ressources
Site Web

Ces sites qui font vraiment mouche

Le problème résolu

Les sites qui m'ont fait me lever de ma chaise pour danser à mon bureau.

La plupart des sites web aujourd’hui se ressemblent tous. Même template, mêmes polices, même grille à trois colonnes, même animation de fondu que tout le monde a copiée sur la même formation. Vous en scrollez une centaine par semaine et aucun ne reste en mémoire.

Puis de temps en temps, vous tombez sur l’un de ceux-là. Le genre où le premier scroll donne déjà une sensation différente. Où quelqu’un a clairement dit non à la version facile et construit celle qui sort de l’ordinaire à la place. C’est toute la raison d’être de cette liste. Pas parce que ces sites sont techniquement parfaits, mais parce qu’ils m’ont fait m’arrêter, me pencher en avant, et réagir pour de vrai. L’un d’eux est la raison pour laquelle je me suis mis à danser à mon bureau, trois écrans qui brillaient derrière moi dans le noir, sans musique, juste le site qui faisait tout le travail.

Si vous construisez quoi que ce soit en ligne, que ce soit un portfolio, une landing page ou tout un produit, cette liste vaut dix minutes de votre temps. Enregistrez-la, piquez les idées, et allez construire quelque chose qui fera réagir quelqu’un d’autre comme ceux-là m’ont fait réagir.

https://buttermax.net, https://drumspirit.be, https://amo.co, https://etienne.studio, https://oscartao.com, https://igloo.inc

Ressources liées

Toutes les ressources
Site WebClaude

Comment sont construits les sites de Lando Norris, Charles Leclerc et Oscar Piastri

Les sites de pilotes F1 (landonorris.com, charlesleclerc.com, oscarpiastri.com) donnent l'impression d'un budget inatteignable, alors qu'aucun des trois n'utilise de 3D : tout repose sur Lenis, GSAP ScrollTrigger, des révélations de texte masquées et de la vidéo plein cadre. Le vrai blocage, c'est qu'un seul prompt ne peut pas produire ce type de site, parce que les systèmes dépendent les uns des autres (le moteur de scroll avant les animations, le préloader avant le hero, les épinglages dans une seule séquence). Ce guide détaille ce qui tourne réellement sous le capot des trois sites, puis découpe la construction en 10 étapes avec un prompt prêt à coller pour chacune.

›_Tu es mon partenaire de build pour un site one-page cinématique de pilote ou d'athlète, da
Voir la fiche
Site WebClaude

Reproduire une page produit Apple de A à Z (le démontage du code)

Les pages produit d'Apple passent pour hors de portée, alors qu'elles reposent sur cinq couches empilables et toutes reproductibles. Cette ressource ouvre les bundles JavaScript livrés en production sur iPhone 17 Pro, AirPods Pro et MacBook Pro, montre ce que chacune fait vraiment (shaders GLSL maison, scrub vidéo en HLS, moteur de keyframes piloté en CSS), puis donne l'ordre de construction et le prompt complet.

›_You are building an Apple-style product page: a long scroll where the visuals are driven b
Voir la fiche
Site WebClaude

Réussir des animations au scroll de très haute qualité

Le smooth scroll installé en trois lignes donne un site mou, qui tremble sur les sections épinglées et qui devient pénible sur mobile. Un scroll de niveau studio, ce sont quatre couches distinctes à régler séparément : inertie, révélation, épinglage, scrub. Ce guide donne les quatre, avec le code, les valeurs qui marchent et le démontage de trois sites qui les réussissent.

›_# Scroll motion layer: build spec # Portable: save it as CLAUDE.md (Claude Code) or AGENTS
Voir la fiche
Passer à l'action

On vous construit le site ?

Ces ressources donnent le ton. On peut livrer le site complet, rapide et pensé pour convertir.

Réserver un appelÀ propos de nous