comment préparer un portfolio technique interactif (site + vidéos de demo) en 7 jours pour décrocher des entretiens

Si vous avez une semaine devant vous et un objectif clair — créer un portfolio technique interactif (site web + courtes vidéos de démonstration) pour décrocher des entretiens — je vais vous donner la méthode exacte que j’utilise et que j’ai testée avec des étudiants. Pas de théorie trop longue : un plan jour par jour, des outils concrets et des astuces pratiques pour obtenir un résultat professionnel en 7 jours.

Pourquoi viser 7 jours ?

Parce que l’urgence force à prioriser l’essentiel. En une semaine on peut produire un site propre, quelques démos vidéo convaincantes et des explications claires — suffisants pour susciter des entretiens. L’idée n’est pas d’être parfait, mais d’être lisible, démontrable et facile à maintenir.

Avant de commencer : choix rapide des outils

Je choisis toujours des outils qui limitent les frictions :

• Hébergement : GitHub Pages (site statique), Netlify ou Vercel (déploiement facile). Pour un site avec backend léger, je recommande Vercel.
• Générateur : Next.js (React) si vous connaissez JavaScript ; sinon un template HTML/CSS simple fonctionne très bien.
• Vidéo : Loom pour des démos rapides, OBS si vous voulez contrôler l’enregistrement, ou simplement votre smartphone en mode paysage.
• Montage : DaVinci Resolve (gratuit) ou Clipchamp pour les montages rapides.
• Dépôt : GitHub pour montrer le code. Un README bien fait vaut de l’or.

Plan détaillé sur 7 jours

Jour 1 — Choisir les bons projets et préparer le contenu

Commencez par lister 3 à 5 projets récents ou pertinents. Priorisez :

• Un projet complet (R&D, app, or pipeline) avec code disponible.
• Un projet rapide qui montre une compétence recherchée (CI/CD, data, stacks JS, etc.).
• Un projet “démo” visuel (interface, simulation) facile à montrer en vidéo.

Pour chaque projet, écrivez 3 éléments : contexte (problème), rôle / contributions, chiffres/impact. Ces phrases alimenteront vos pages et vos scripts vidéo.

Jour 2 — Template, structure et déploiement

Ne concevez pas un design from scratch. Prenez un template propre (HTML5UP, Start Bootstrap, ou un starter Next.js). Ce que je pousse ici :

• Page d’accueil concise : une phrase d’accroche, 3 projets mis en avant, lien pour télécharger le CV.
• Pages projets individuelles : objectif, stack, captures d’écran, code + vidéo intégrée.
• Contact + liens : GitHub, LinkedIn, email.

Configurez GitHub et connectez le dépôt à Netlify/Vercel pour un déploiement automatique à chaque push. Choisissez un nom de domaine simple : prenom-nom.dev ou votre-nom.io si possible.

Jour 3 — Rédiger une page projet exemplaire

Pour le premier projet, préparez :

• Un résumé (2-3 phrases)
• Un schéma ou capture d’écran
• Points techniques clés (stack, architecture, défis)
• Un lien vers le repo GitHub structuré (README avec sections : installation, architecture, tests)

Mettez en évidence les tests unitaires, la CI, la documentation. Les recruteurs adorent voir des pipelines, des badges et un README clair.

Jour 4 — Enregistrer des vidéos de démo efficaces

Visez 2 à 3 vidéos courtes (1–2 minutes chacune) :

• Vidéo 1 : demo fonctionnelle (UI/UX ou résultat scientifique)
• Vidéo 2 : walkthrough technique (architecture, code clé)
• Option : pitch vidéo de 30–45s présentant qui vous êtes et ce que vous cherchez

Conseils d’enregistrement :

• Préparez un script très court — 3 points max par vidéo.
• Utilisez Loom pour partager écran + webcam si vous voulez un rendu rapide.
• Stabilisez l’audio : un micro cravate à 20€ vaut souvent mieux que le micro intégré.
• Regardez en mode paysage, 720p/1080p. Coupez les silences inutiles.

Jour 5 — Intégrer toutes les ressources et le code

Ajoutez chaque vidéo sur un hébergeur (YouTube non listé si vous préférez privé, ou directement via Netlify/Vercel en MP4). Pour chaque projet :

• Ajoutez un lien “Voir le code” vers GitHub
• Incluez « How to run » dans la page
• Ajoutez un petit GIF ou une capture animée pour accélérer la compréhension

Jour 6 — Optimisation, accessibilité et SEO basique

Travaillez sur :

• Meta : titre, description, balises Open Graph pour un aperçu attractif sur LinkedIn.
• Transcripts : pour chaque vidéo fournissez un texte (accessibilité + SEO).
• Performance : compressez les images, servez les vidéos optimisées.
• Analytics : Google Analytics ou simple heatmap pour voir ce qui intéresse les visiteurs.

Jour 7 — Préparer la diffusion et l’entretien

Faites un dernier contrôle qualité. Préparez :

• Un one-pager PDF à envoyer après un entretien : résumé de 3 projets + contact.
• Un pitch de 60–90 secondes par projet : problème, action, résultat.
• Des réponses prêtes aux questions techniques (pour chaque projet, 3 questions potentielles et vos réponses).

Ensuite, partagez votre site sur LinkedIn avec un post décrivant votre démarche (chaque post a ramené des entretiens à ceux que j’ai coachés). Envoyez un message personnalisé aux recruteurs en joignant le lien vers le projet le plus pertinent.

Astuces pratiques et pièges à éviter

• Ne montrez pas tout le code : mettez en avant les fichiers importants et un README orienté “run me”.
• Ne bradez pas la qualité vidéo : un bon audio et des sous-titres font toute la différence.
• Priorisez la clarté : une page projet lisible en 20 secondes, c’est gagnant.
• Mesurez : regardez les performances et adaptez (quelle page retient les recruteurs ?).

Si vous voulez, je peux vous fournir un template de README, un script de 60s pour votre pitch, ou un checklist jour par jour exportable. Dites-moi ce dont vous avez besoin en priorité et je vous l’envoie.