Sommaire
  1. Intégration à la hauteur du design
  2. Stack technique maîtrisé
  3. Process de collaboration
  4. Devis fixe au projet
  5. Questions fréquentes

White-label · NDA · Intégration HTML/CSS

Vous avez le design. J'ai le code.

Votre agence ou votre client a besoin d'une intégration HTML propre, Lighthouse ≥ 95/100 garanti, délai 3 à 7 jours ouvrés, prix fixe. Je travaille en white-label complet. Votre client ne sait pas que j'existe. C'est l'objectif.

Cette page détaille la création de site internet pour sous-traitance HTML5 et CSS3 pour agences web, studios et freelances. Ne concerne pas : développement JavaScript complexe (React, Vue, Angular), back-end (PHP, Node, Python), design graphique, rédaction. Contactez-moi si votre besoin n'est pas listé.

Sources : INSEE, BrightLocal, Google Search Central, HTTP Archive.

NDA sur demande · Pas de contact client final · Devis sous 24h

En bref

Sous-traitance HTML/CSS pixel-perfect pour agences et freelances · intégration depuis Figma/XD, white-label, NDA systématique si demandé · délai standard 3 à 7 jours ouvrés, devis fixe au projet.

3–7 jours ouvrés de livraison, délai fixé dans le devis et tenu
95+ score Lighthouse garanti sur les 4 axes, par écrit dans le devis
0 contact avec votre client final, white-label complet, toujours
2 cycles de retours inclus dans le devis, pixel-perfect ou je corrige
Le problème du code bâclé

Un bon design mérite une intégration à sa hauteur. Pas un Lighthouse à 55.

SurDijon fournit une intégration HTML/CSS white-label pour les agences et freelances qui ont besoin d'un code propre et rapide. Lighthouse supérieur à 95/100 garanti par écrit, livraison en 3 à 7 jours ouvrés, NDA possible sur demande. Devis fixe au projet, pas de facturation au temps passé.

Votre client a validé un Figma propre. Le freelance qui a intégré le site a utilisé Bootstrap avec 3 plugins jQuery, et le résultat charge en 4 secondes sur mobile. Lighthouse affiche 48/100. Vous repassez derrière pour corriger des problèmes que vous n'avez pas créés.

C'est une perte de temps et de crédibilité. Une intégration propre dès le départ évite ça.

“Un code HTML propre, sémantique et léger est la base d'un site performant. L'intégration manuelle ligne par ligne produit un code maintenable, sans dépendances inutiles, que les moteurs de recherche indexent plus efficacement.”

Google Chrome Team, « Web Vitals » sur web.dev

Problème

Votre agence a un pic de charge. Votre intégrateur habituel est indisponible. Vous avez besoin d'une livraison dans 5 jours et d'un code propre, pas d'un code qui tient à peine debout.

Agitation

Une mauvaise intégration, c'est des retours client, des corrections post-livraison, et un Lighthouse rouge que votre chef de projet devra expliquer. En facturation au temps passé, ça coûte plus cher que de bien faire dès le départ.

Ce que je fais

Je reçois votre maquette Figma et votre brief. Je livre en HTML/CSS/JS vanilla, commenté et organisé, Lighthouse ≥ 95/100, dans le délai fixé. Vous n'avez rien à corriger.

Stack technique

Ce que je maîtrise, ligne par ligne, et pourquoi chaque choix technique compte.

HTML + CSS + JS vanilla. Aucune dépendance externe. Du HTML standard qui tient dans 10 ans.

Structure

HTML5 sémantique

Balises correctes (article, section, nav, main), parce que la sémantique aide les moteurs et l'accessibilité simultanément.

Style

CSS3 custom, zéro framework

Variables CSS, grid, flexbox. Du CSS écrit à la main, optimisé pour le projet, sans classe inutile.

Interactivité

JS vanilla, ES6+

Du JavaScript natif, ES6+, commenté en français. Parce que n'importe quel développeur doit pouvoir reprendre le code sans formation préalable.

Responsive

Mobile-first, 4 breakpoints

320px → 768px → 1024px → 1440px. Conçu depuis le mobile, parce que près de 60 % du trafic web mondial se fait sur mobile (StatCounter).

Accessibilité

WCAG 2.1 AA

Contrastes conformes, focus visible, ARIA quand nécessaire, navigation clavier. Checklist livrée avec le code.

Performance

Lighthouse ≥ 95/100

Images WebP dimensionnées, CSS critique inline, fonts non-bloquantes, zéro render-blocking. LCP cible : < 1,2s.

Ce que je ne fais pas : React / Next.js / Vue / Nuxt / Svelte / WordPress / Webflow. Si votre chantier requiert un framework front-end, je ne suis pas le bon interlocuteur, et je vous le dis avant de signer.

Process de collaboration

Brief → livraison → retours → code source. Quatre étapes, pas plus.

01
Brief écrit + maquette

Vous m'envoyez le lien Figma (ou le PDF), le brief technique, et les contraintes de délai. Je réponds avec un devis fixe sous 24h, délai, prix, périmètre exact. Pas de surprise en cours de route.

Figma · XD · PDF haute résolution
02
Intégration

Je code page par page, en respectant les tokens de design de votre Figma. Chaque composant est commenté avec le nom de l'élément source. Le Lighthouse est vérifié à chaque livraison partielle.

Délai fixé dans le devis, tenu
03
Livraison + retours

Je livre un ZIP avec les fichiers + le rapport Lighthouse + la checklist accessibilité. Deux cycles de retours sont inclus dans le devis parce que les allers-retours font partie du travail propre.

2 cycles de retours inclus
04
Remise du code source

Code source complet, commenté, organisé par composants. Aucune mention de SurDijon dans les fichiers si vous travaillez en white-label. Vous posez directement chez votre client ou votre hébergeur.

White-label complet · NDA possible
Garanties écrites

Ce que vous pouvez exiger, et ce que je m'engage à livrer.

Lighthouse ≥ 95/100 garanti

Sur les 4 axes (Performance · A11y · Best Practices · SEO). Mesuré en production ou sur un environnement équivalent. Si sous 95, je corrige sans facturer de supplément.

Délai fixe, tenu

Le délai est fixé dans le devis. S'il ne peut pas être tenu de mon côté, vous êtes informé avant la date, pas après. Parce que votre planning client ne dépend pas de ma mauvaise organisation.

Code commenté et lisible

Chaque section est commentée avec son nom et sa fonction. Votre équipe, ou votre client, peut reprendre le code sans formation. Pas de CSS minifié incompréhensible.

Prix fixe, devis sans surprise

Le devis couvre le périmètre défini dans le brief. Toute modification en cours de route est formalisée par avenant. Prix, délai, périmètre : tout est écrit.

SIRET 791 747 389 00025 · NDA disponible · White-label complet
Pas besoin de me croire sur parole

Le standard livré en marque blanche : testez-le ici.

Ce site respecte les mêmes exigences techniques que le code livré à vos clients. Mesurez le résultat avec l'outil officiel de Google, c'est ce que vous signez.

Mesurer ce site maintenant
Tarification

Devis fixe au projet, pas de facturation au temps passé.

Je travaille au forfait parce que la facturation au temps passé crée un conflit d'intérêt entre votre budget et ma productivité. Un devis fixe, c'est un engagement réciproque sur le résultat.

Page vitrine simple

À partir de 400 € HT

1 page · 3–5 sections · Hero + services + contact · Livraison 3 jours · Devis sur brief

Site multi-pages, le plus fréquent

Devis au projet

3 à 10 pages · Composants réutilisables · Livraison 5–7 jours · Prix fixe dans le devis

TJM disponible

TJM sur demande

Pour les agences avec volume régulier · Conditions préférentielles à partir de 3 projets/mois

Fourchette indicative : page simple ~400–800 €, site 5 pages ~800–2000 €, projet complexe sur devis. Prix définitif après réception du brief.

Je n'affiche pas de tarifs publics sur la sous-traitance parce que chaque brief est différent. Envoyez-moi votre Figma et vos contraintes. Je reviens avec un devis fixe sous 24h, sans engagement de votre côté.

Questions fréquentes

Ce que les chefs de projet demandent, avec des réponses directes.

Quel format de maquette vous fournir ?

Figma, Adobe XD, ou PDF haute résolution. Je travaille depuis n'importe quel format lisible. L'idéal est Figma avec les tokens de design nommés parce que ça accélère l'intégration et réduit les allers-retours sur les valeurs exactes, couleurs, espacements, typographies. Un lien Figma en lecture seule suffit.

Vous travaillez en white-label complet ?

Oui. Je ne contacte jamais votre client final. Le code livré ne contient aucune mention de SurDijon. Si vous souhaitez un NDA, je signe sans discussion, parce que la confidentialité est la base d'une relation de sous-traitance qui fonctionne. Vous êtes l'interlocuteur unique. Ça reste comme ça.

Vous utilisez Tailwind ou Bootstrap ?

Non. Je code en HTML5 + CSS3 custom + JS vanilla. Parce que les frameworks ajoutent du poids et des dépendances qui dégradent les performances. Le résultat final est plus léger, plus rapide, et plus facile à maintenir par n'importe quel développeur, même sans connaître le framework en question. C'est aussi la raison pour laquelle le Lighthouse reste ≥ 95.

Que se passe-t-il si la livraison ne correspond pas à la maquette ?

Je livre avec un cycle de 2 retours inclus dans le devis. Si après les retours le résultat s'écarte encore de la maquette sur un point que j'aurais mal interprété, je corrige sans facturer. Pixel-perfect, ça ne se négocie pas à mi-chemin. Si l'écart vient d'un changement de votre côté en cours d'intégration, c'est un avenant.

Quel est votre délai de livraison standard ?

3 à 7 jours ouvrés selon le volume de pages. Pour une page vitrine simple : 3 jours. Pour 5 pages avec composants complexes : 5 à 7 jours. Le délai est fixé dans le devis et tenu, parce que votre planning client dépend du mien. Si je suis complet, je vous le dis avant de signer.

Vous livrez quoi exactement ?

Un dossier ZIP avec les fichiers HTML/CSS/JS propres, commentés et organisés. Un score Lighthouse ≥ 95/100 vérifié en production ou en environnement équivalent. Une checklist d'accessibilité WCAG 2.1 AA. Et un email de suivi pour les éventuelles questions à la prise en main. Sans mention de SurDijon si vous travaillez en white-label.

Pic de charge, délai serré, intégrateur indisponible.

Envoyez le Figma,
le devis arrive sous 24h.

Lien Figma ou PDF, nombre de pages, délai souhaité. Je reviens avec un prix fixe et un délai précis, sans engagement de votre côté.

Envoyer mon brief →

NDA sur demande · White-label complet · Pas de contact client final · TVA non applicable (art. 293B du CGI)