Projet personnel En cours
Ce portfolio
Mon premier site web : un portfolio pour présenter mes projets et préparer mes candidatures d'apprentissage de médiamaticien.
- Mon rôle
- Idée, direction visuelle, textes, choix des images et des animations
- Période
- Septembre 2026
- Outils
- Domaines
Les étapes du projet
-
Définir le but
Montrer mon travail aux écoles et aux entreprises, et donner envie de me rencontrer.
-
Choisir le style
Du bleu ciel, du blanc, et une lumière chaude jaune-orange : les couleurs qui me ressemblent.
-
Écrire les textes
Raconter mon parcours et mes projets avec mes mots, simplement.
-
Ajouter du mouvement
Des animations qui guident le regard : surligneur jaune, schémas animés, petits effets au survol.
-
Mettre en ligne
Acheter un nom de domaine, publier le site, puis le faire évoluer avec chaque nouveau projet.
Pourquoi un site
Pour postuler comme médiamaticien, je voulais montrer ce que je sais faire, pas seulement le dire. Et comme le web fait partie du métier, créer mon propre site était une évidence : le portfolio est lui-même un projet.
Comment je l'ai construit
J'ai conçu ce site avec l'aide de Claude, une intelligence artificielle, qui a écrit le code. De mon côté, j'ai décidé de tout le reste :
- L'ambiance. Je voulais du bleu clair, du blanc et une lumière chaude, un peu cosy. D'où l'idée d'un « studio à l'heure dorée ».
- Le contenu. Mes projets, mon parcours, ce que je veux mettre en avant et dans quel ordre.
- Les animations. J'ai demandé des effets qui grossissent et passent en jaune, pour rendre la visite plus vivante.
- Les retours. J'ai testé chaque version, et demandé des corrections jusqu'à ce que le résultat me plaise.
Ce qu'il y a sous le capot
- Astro, un outil qui génère des pages très légères et rapides à charger.
- Un fil d'Ariane et un bloc « étape suivante » sur chaque page, pour que le visiteur ne se perde jamais.
- Un bon référencement : titres, descriptions et données pour que Google comprenne le site.
- Google Analytics avec bandeau cookies, qui ne s'active qu'avec l'accord du visiteur.
- Un mode sombre automatique, et des animations qui se coupent pour les personnes sensibles au mouvement.
Ce que j'ai appris
- Un site, c'est un parcours. Il faut penser à ce que le visiteur voit en premier, puis où il va ensuite.
- Le texte compte autant que le design. Il faut dire les choses simplement, et avec honnêteté.
- Travailler avec une IA, c'est un vrai savoir-faire. Il faut savoir expliquer ce qu'on veut, vérifier le résultat et demander des corrections précises.
La suite
Mettre le site en ligne, ajouter mes nouveaux projets au fur et à mesure, et apprendre à modifier le code moi-même.