Site personnel & pitch vidéo SAE105

CV & Pitch

2025 - MMI 1

HTML5 Logo

HTML

CSS LogoA purple square with rounded corners and the letters CSS inside in white

CSS

Adobe Premiere Pro CC logo

Première

Site CV en anglais,
Mini-portfolio,
Pitch vidéo

Stratégie & contenu

Rédaction d’un CV et de pages en anglais, structuration des informations pour un recruteur.

UI/UX & design

Conception d’une mise en page claire, lisible, responsive pour un CV en ligne.

Développement web

Intégration HTML/CSS propre, création d’un composant “flipbook” 100% CSS.

Sujet, attentes & contraintes :

Site CV en anglais, avec contenu rédigé sans erreurs de vocabulaire.
Page d’accueil = CV + photo + présentation courte (profil, formation, ambitions).
Page 2 = mini‑portfolio illustrant les compétences (images, liens).
Page 3 = au moins 3 métiers possibles, expliqués chacun en ~10 lignes.
Vidéo de pitch (1’30 environ) intégrée au site, fond et lumière soignés, tenue professionnelle.

Présentation du projet

J’ai réalisé un site CV en pure HTML/CSS, sans framework, en respectant strictement la structure demandée. J’ai particulièrement travaillé la lisibilité et la hiérarchie visuelle pour que le CV soit facile à scanner par un recruteur. J’ai aussi développé un lecteur type “flipbook” entièrement en HTML/CSS pour présenter certains contenus de façon plus interactive. Le tout est accompagné d’une vidéo de présentation en anglais, intégrée au site.

Déroulé / Processus :

Étape 1 – Analyse du cahier des charges

Découpage des sections obligatoires (CV, skills, portfolio, métiers), définition de la structure HTML.

tape 2 – Rédaction et correction en anglais

Travail sur le texte du CV, des descriptions de compétences et des fiches métiers, en lien avec le vocabulaire pro.

Étape 3 – Intégration HTML/CSS

Création de la mise en page, choix typographiques et colorimétriques, développement du composant “flipbook” full CSS.

Étape 4 – Tournage & intégration de la vidéo

Enregistrement d’un pitch vidéo conforme aux contraintes (durée, fond, lumière) et intégration dans le site.

Ce que j’ai appris :

  • Concevoir et coder un site CV clair et professionnel en respectant un cahier des charges strict.
  • Rédiger un contenu cohérent en anglais autour de mon profil et de mes ambitions.
  • Créer un composant interactif avancé (flipbook) en pur HTML/CSS.
  • Gérer une vidéo de présentation personnelle dans un contexte professionnel.