SAÉ 2.5 · Portfolio

Concevoir et publier un portfolio numérique

2ᵉ semestre — IUT Nancy-Brabois
Étudiant : Tom Hennequin

Cette SAÉ m’a amené à concevoir un portfolio numérique professionnel, destiné à présenter clairement mon profil, mes compétences et mes réalisations, avec une interface moderne, responsive et agréable à parcourir.

Objectifs et principes abordés

L’objectif principal était de structurer une vitrine professionnelle capable de mettre en valeur mes compétences de manière lisible et crédible. J’ai travaillé sur l’organisation de l’information (sections, hiérarchie, preuves de compétences), la cohérence graphique (palette, typographies, composants réutilisables) et l’ergonomie (navigation, lisibilité, responsive).

Techniquement, le portfolio repose sur HTML/CSS/JavaScript, avec une attention portée aux détails d’interface (cartes de réalisations, animations légères, ouverture d’images en modal, et éléments dynamiques pour faciliter la consultation). Les SAÉ sont présentées sous forme de pages “compte‑rendu” dédiées, accessibles depuis la section Réalisations.

Résultats obtenus

Le résultat final est un site one‑page avec une navigation claire (Accueil, Compétences, Formation, Réalisations, Langues, Centres d’intérêt) et des pages de compte‑rendu pour détailler certaines SAÉ. Les informations principales sont accessibles rapidement et l’ensemble reste lisible sur mobile grâce à une mise en page responsive.

Réussites

Je retiens notamment la cohérence visuelle globale, l’organisation des “preuves” sous forme de cartes, et la capacité à produire une page agréable à parcourir sans surcharger le contenu. La mise en place d’éléments interactifs simples (modal d’images, animations de reveal, carousel) a aussi amélioré l’expérience utilisateur.

Difficultés rencontrées

Les principales difficultés ont été de trouver le bon équilibre entre design et lisibilité, et de structurer le contenu pour qu’il reste clair sans faire trop long. Le responsive m’a également demandé des ajustements (espacements, tailles de texte, simplification de la navigation sur petit écran).

Prise de recul et pistes d'amélioration

Avec le recul, je pourrais améliorer l’accessibilité (contrastes, navigation clavier systématique, attributs ARIA plus complets) et automatiser davantage la génération des cartes/SAÉ (gabarits ou données JSON) pour faciliter la maintenance. Je pourrais aussi ajouter une section “Téléchargement” (CV PDF) et un mini “test plan” (vérifications multi‑navigateurs) pour renforcer l’aspect professionnel.

Revenir au portfolio