design+code
Le design web est un terme chargé. Pour certains, il s'agit de choisir des polices et des couleurs. Pour d'autres, il couvre tout, de la recherche UX à l'animation. Voici ce qu'il signifie pour nous, en six propositions.
Beaucoup de portfolios de design mettent en avant des frames Figma qui n'ont jamais été développées. Nous évitons ce piège. Chaque décision de design doit survivre au navigateur : vraies polices, vraies images, vraies interactions, vrais temps de chargement. Si un design n'est beau qu'en image fixe, zoomé à 100 %, ce n'est pas du design web. C'est une affiche.
En pratique, nous testons dans le navigateur le plus tôt possible. Avec de vrais contenus, jamais de Lorem Ipsum. Nous faisons attention au rendu de la typographie en petite taille, à la compression des images, au ressenti des transitions sur une connexion lente. La frame de portfolio, c'est la partie facile. Le navigateur, c'est la partie difficile.
Un beau site qui met sept secondes à charger est un design raté. Nous traitons la performance comme une contrainte de design, pas comme une question technique à régler après coup. Des images compressées en AVIF ou WebP. Des polices chargées avec des alternatives raisonnables. Des animations qui respectent prefers-reduced-motion. Pas de vidéos géantes en en-tête qui vident les forfaits mobiles. Du chargement différé partout où c'est pertinent.
La performance est aussi un signal SEO et un signal GEO. Google la mesure. Les LLM évitent les sources lentes. Construire des sites rapides n'est plus optionnel.
Quand nous concevons un site de marque, nous savons qu'il sera modifié par l'équipe du client pendant des mois, voire des années, après notre départ. Le vrai produit n'est pas la page d'accueil que nous livrons. C'est le système que l'équipe utilise pour publier.
Nous concevons donc autour du CMS, pas malgré lui. Chaque composant est un template CMS avant d'être une belle page. Chaque espace éditorial est documenté. L'équipe est formée, ou reçoit au minimum une visite guidée en vidéo, avant la mise en ligne. Un site superbe qui casse dès que l'équipe marketing ajoute un nouveau projet est un site à moitié fini.
En 2026, n'importe qui peut ajouter un effet de parallaxe, un curseur personnalisé, une animation Lottie, un scroll horizontal. La question n'est pas ce qui est possible. C'est ce qui est nécessaire.
Qu'est-ce que cette animation aide l'utilisateur à comprendre ? Que dit cette transition de la marque ? Si la réponse est « ça rend bien », nous la supprimons. Chaque effet que nous gardons a un but, une place dans la hiérarchie, une raison d'exister.
Les sites que nous admirons le plus (Mast Studio, Pentagram, Bureau Borsche, les meilleurs studios Webflow) bougent moins que le portfolio moyen. Ils bougent avec intention. C'est ce que nous visons.
L'essentiel d'un bon design web se règle au niveau de la typographie. Le caractère, l'échelle des tailles, l'interlignage, l'espacement entre les sections. Ces décisions portent l'essentiel du poids visuel. La couleur et les images viennent ensuite.
Quand nous commençons une phase de design, nous partons d'un système typographique. Une ou deux familles. Une échelle claire (de h1 à h6 avec des ratios cohérents). Les règles d'espacement entre les blocs de texte. Une fois le rythme typographique trouvé, le reste du design devient plus simple. Couleur, photographie, illustration reposent toutes sur cette base.
C'est aussi la partie d'un projet qui vieillit le plus lentement. Les tendances de couleur et d'image passent vite. Un système typographique solide conçu en 2026 sera toujours juste en 2030. On ne peut pas en dire autant de la dernière mode des formes en dégradé.
Nous ne prétendons pas être experts en tout. Un site de marque sérieux fait appel à au moins quatre métiers : design de marque, rédaction, photographie, développement. Chacun demande des années de pratique pour être bien fait. Les agences qui affirment tout gérer en interne sont soit plus grandes qu'elles ne le disent, soit moins bonnes sur la plupart de ces métiers qu'elles ne l'admettent.
Della Mattia est donc construit comme un réseau. Pour chaque projet, nous faisons appel aux bons collaborateurs : des designers de marque comme Studio Avenir ou Bureau Fritiau quand le projet part de zéro, des photographes quand la couche visuelle doit monter en gamme, des rédacteurs quand la voix éditoriale doit porter le site, des spécialistes de l'animation quand le mouvement compte. Nous pilotons chaque projet. Nous réalisons le design system et le développement. Le reste est confié au cas par cas, selon le brief, et crédité en totalité.
C'est inconfortable pour les clients qui veulent qu'une seule agence absorbe tout le risque. Cela fonctionne pour les clients qui tiennent à savoir qui fait réellement le travail. Le site est meilleur. L'équipe est plus légère. Le mérite est partagé.
Si ces principes correspondent à votre façon de penser votre prochain site, nous sommes faciles à joindre. bonjour@dellamattia.com.