Keryan°

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
AstroClaude (IA)Google Analytics
Domaines
WebDesign graphiqueCommunication
Captures du portfolio de Hugo Blondel : la page d'accueil sur ordinateur et la page À propos sur téléphone, en mode sombre

Les étapes du projet

  1. Définir le but

    Montrer mon travail aux écoles et aux entreprises, et donner envie de me rencontrer.

  2. Choisir le style

    Du bleu ciel, du blanc, et une lumière chaude jaune-orange : les couleurs qui me ressemblent.

  3. Écrire les textes

    Raconter mon parcours et mes projets avec mes mots, simplement.

  4. Ajouter du mouvement

    Des animations qui guident le regard : surligneur jaune, schémas animés, petits effets au survol.

  5. 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.

Vous avez vu tous mes projets !

Il ne reste plus qu'à découvrir qui se cache derrière, et où je veux aller.

Découvrir mon parcours