Construire un site de candidature d'emploi avec Claude Code en un après-midi

Chaque recruteur reçoit la même pile de PDF. Mêmes polices, même mise en page, même format de deux pages. Presque personne n'inclut un lien vers un site web propre et interactif qui présente les mêmes informations en mieux, fonctionne sur tous les appareils, et donne l'impression d'avoir été construit avec intention. Vous pouvez en créer un en un seul après-midi avec Claude Code Desktop, sans écrire une seule ligne de code vous-même.

Le concept

Vous joignez votre CV en PDF comme d'habitude. Mais dans la lettre de motivation, vous ajoutez une URL courte, un mot de passe et une ligne d'explication.

Le recruteur ouvre le lien, entre le mot de passe et voit votre CV sous forme de page structurée et interactive — des sections clairement séparées, une navigation fluide, une mise en page adaptée au mobile, plusieurs langues. Toujours votre CV. Simplement présenté d'une manière plus rapide à parcourir et plus difficile à oublier.

Consultez notre site exemple pour Homer J. Simpson !

Pourquoi les recruteurs réagissent à cela

Les recruteurs ne lisent pas les CV. Ils les survolent. En quelques secondes, ils décident si un profil correspond et si cela vaut un examen plus approfondi.

Un site web bien construit change immédiatement cette équation. Il se distingue des PDF identiques. Il montre de l'initiative sans la revendiquer. Il démontre une compétence numérique de manière pratique plutôt que déclarative.

L'objectif n'est pas la complexité. C'est la réduction des frictions et une première impression plus forte.

Ce que Claude Code fait pour vous

Vous ne construisez rien manuellement. Donnez à Claude Code votre CV sous forme de fichier et une instruction claire. Il lit votre contenu, le structure en sections, construit la mise en page et le design, ajoute la navigation et les finitions, et produit un site web complet.

Vous le passez en revue, demandez des modifications, itérez jusqu'à obtenir le résultat souhaité.

Le workflow

Chargez votre CV

Ouvrez Claude Code Desktop et placez votre fichier CV dans le répertoire de travail. Rien d'autre n'est nécessaire.

Demandez une version site web

Rédigez votre prompt. Incluez des instructions pour un design professionnel et épuré, des sections claires (Aperçu, Expérience, Formation, Compétences, Langues, Contact), une navigation, une mise en page mobile, des animations subtiles, une protection par mot de passe et un support multilingue.

Voici un prompt éprouvé que vous pouvez utiliser directement. Il contient tout ce que nous abordons dans cet article !

L'instruction la plus importante : exigez explicitement un fichier HTML unique et autonome.

Output a single self-contained index.html file with all CSS and JavaScript
inline. No external dependencies, no separate asset files.

Cette seule contrainte élimine presque toute friction technique. Pas d'outils de build, pas de dépendances, pas de complexité d'hébergement. Un seul fichier que vous pouvez charger n'importe où et qui fonctionne.

Itérez

Claude Code génère le site complet. Vous le guidez en langage naturel :

• « Rends-le plus minimaliste »
• « Améliore la lisibilité de la section expérience »
• « L'espacement entre les sections semble trop serré »
• « Mets les compétences davantage en valeur »

La plupart des itérations prennent moins d'une minute.

Exportez

Vous obtenez un seul fichier index.html. Contenu, design, comportement — tout est à l'intérieur. Aucun fichier supplémentaire.

Fonctionnalités à demander

Une bonne version de ce site inclut plusieurs éléments qui nécessitent un prompting délibéré.

Protection par mot de passe

Le site s'ouvre sur un écran de mot de passe. Le mot de passe n'est jamais stocké en clair — seul un hash SHA-256 est présent dans le fichier. L'accès persiste uniquement pour la session du navigateur.

Vous partagez le mot de passe dans votre lettre de motivation. Cela crée une expérience contrôlée et ajoute une intentionnalité que les CV publics génériques n'ont pas.

L'implémentation ressemble à ceci :

// Hash stored in the file, never the plain password
const PASSWORD_HASH = "5e884898da28047151d0e56f8dc6292773603d0d6aabbdd62a11ef721d1542d8";

async function checkPassword(input) {
  const hash = await crypto.subtle.digest(
    'SHA-256',
    new TextEncoder().encode(input)
  );
  const hashHex = Array.from(new Uint8Array(hash))
    .map(b => b.toString(16).padStart(2, '0')).join('');
  return hashHex === PASSWORD_HASH;
}

Le recruteur saisit le mot de passe, le navigateur le hash côté client et le compare au hash stocké. Correspondance → le contenu du CV devient visible. Aucun serveur requis.

Une personne déterminée pourrait extraire le contenu de votre CV depuis le code source HTML indépendamment du hash. Ce n'est pas une sécurité de coffre-fort — c'est une barrière qui tient les visiteurs occasionnels à l'écart et rend l'expérience intentionnelle. Pour une candidature, c'est suffisant.

Support multilingue

Le même CV disponible en allemand, anglais et français. Le changement est instantané — pas de rechargement, pas de pages séparées.

Particulièrement précieux en contexte suisse ou international, où la flexibilité linguistique signale quelque chose de concret sur votre façon de travailler.

Demandez à Claude Code d'implémenter cela sous forme de sélecteur de langue avec un objet de contenu :

const content = {
  de: { title: "Erfahrung", intro: "..." },
  en: { title: "Experience", intro: "..." },
  fr: { title: "Expérience", intro: "..." }
};

Navigation fixe

Une barre supérieure fixe permet aux recruteurs d'accéder directement à la section qui les intéresse. La plupart iront droit à l'Expérience — la navigation réduit cela à un clic au lieu d'un défilement à travers du contenu dont ils n'ont pas encore besoin.

Frise chronologique de l'expérience

Au lieu d'une liste dense, l'expérience apparaît sous forme de frise verticale. Plus facile à parcourir, progression plus claire, visuellement structurée. La différence de lisibilité est significative par rapport à une simple liste à puces.

Animations au défilement

De petits détails améliorent le ressenti sans être distrayants. Les sections apparaissent en fondu au défilement, les éléments se révèlent avec un léger délai, un effet de frappe introduit votre rôle. Bien exécuté, cela donne une impression soignée plutôt que tape-à-l'œil.

Demandez à Claude Code d'utiliser Intersection Observer pour les animations déclenchées au défilement plutôt que des bibliothèques lourdes. Le fichier reste autonome et performant.

Mettez-le en ligne

Vous avez un seul fichier index.html. Le mettre en ligne prend environ cinq minutes — et vous pouvez avoir une URL professionnelle, un hébergement et une adresse e-mail assortie, le tout pour 5 $/mois.

La voie simple : Fastmail

Fastmail est surtout connu comme un fournisseur d'e-mail rapide et respectueux de la vie privée. Ce que peu de gens savent : lorsque vous enregistrez un domaine via Fastmail, vous pouvez héberger un site statique directement depuis vos fichiers Fastmail — pas de serveur, pas de configuration, pas de pipeline de déploiement.

Voici le processus complet :

1. Inscrivez-vous sur Fastmail — 5 $/mois, essai gratuit de 30 jours, 10 % de réduction la première année avec notre lien.
2. Enregistrez votre domaine — choisissez votrenom.com lors de l'inscription ou ajoutez-le après. Fastmail gère le DNS pour vous.
3. Chargez votre fichier — allez dans Files, créez un dossier, chargez votre index.html.
4. Activez l'hébergement — dans les paramètres Fastmail, pointez votre domaine vers ce dossier. Le SSL est provisionné automatiquement.
5. C'est fait. Votre CV est en ligne sur votrenom.com.

Votre adresse e-mail — email@votrenom.com — est incluse dans le même forfait. Vous pouvez créer autant d'alias que vous le souhaitez : jobs@votrenom.com par exemple. Mettez-la sur votre CV. Une adresse e-mail premium avec un nom de domaine personnel paraît délibérée, pas accidentelle.

Ajoutez un QR code à votre lettre de motivation

Générez un QR code à partir de votre URL et placez-le dans votre lettre de motivation avec une ligne comme :

« Une version interactive de mon CV est disponible sur votrenom.com. Vous pouvez également scanner le QR code ci-dessous. Mot de passe : morning47 »

Un accès sans effort, surtout pour les recruteurs qui lisent les candidatures sur téléphone.

La contrainte qui fait que ça fonctionne

La majeure partie de cet article porte sur le résultat. La décision qui le rend utilisable est la contrainte du fichier unique.

Si vous demandez à Claude Code une application React ou un projet avec des fichiers CSS et JS séparés, vous introduisez une complexité de déploiement qui annule l'objectif. Un recruteur ne peut pas ouvrir un lien vers un dépôt GitHub de la même manière qu'il ouvre une URL directe.

Un seul fichier. Tout en ligne. Chargez-le n'importe où. Ça fonctionne immédiatement. C'est ce qui rend cette approche pratique plutôt que théorique.

Ce n'est pas une question de technique

Cette approche fonctionne parce qu'elle change la perception avant même que le recruteur ne lise un seul mot de votre expérience. Elle montre que vous allez au-delà du minimum, que vous présentez l'information clairement et que vous maîtrisez les outils modernes suffisamment pour les utiliser à des fins concrètes.

L'effort représente un après-midi. Le signal envoyé est disproportionnellement fort. Et une fois construit, vous le réutilisez pour toutes vos candidatures — mettez à jour le contenu dans index.html, rechargez, c'est fait.

Collez l'URL de cet article dans Claude Code ou l'assistant IA de votre choix pour avoir du contexte si vous bloquez pendant la construction.

Où exécuter tout cela

Pour l'e-mail sur votre domaine personnalisé, Fastmail coûte 5 $/mois, supporte un nombre illimité de domaines et d'alias, et propose un essai gratuit de 30 jours avec 10 % de réduction la première année. Bien plus simple que de se battre avec un SMTP auto-hébergé pour un domaine de candidature.

(Liens affiliés — nous percevons une petite commission si vous vous inscrivez, sans aucun coût pour vous.)