Création de mon portfolio personnel

Objectif du projet

Dans le cadre de ma formation, j’ai conçu et développé mon portfolio personnel afin de mettre en valeur mon parcours, mes compétences, mes projets et mes expériences professionnelles.

L’objectif principal était de créer un site clair, structuré et accessible, me permettant de centraliser mes réalisations et de présenter mon profil de manière professionnelle. Ce portfolio constitue également un support utile pour les épreuves du BTS, notamment pour illustrer mes compétences techniques et mes projets.

Ce projet m’a aussi permis de travailler sur la conception d’un site web statique en HTML, CSS et JavaScript, tout en réfléchissant à l’organisation du contenu, au design, à l’expérience utilisateur et à la mise en valeur des informations importantes.

Étapes du projet

• Analyse du besoin : définition des objectifs du portfolio, du public visé et des contenus à mettre en avant, comme les compétences, les projets, les documents et les coordonnées professionnelles.
• Organisation du contenu : structuration des différentes rubriques du site, notamment la présentation personnelle, les compétences, les réalisations, la veille et les informations de contact.
• Conception de la maquette : réflexion sur l’apparence générale du site, le choix des couleurs, la hiérarchie visuelle, les blocs de contenu et la navigation entre les sections.
• Développement du site : création des différentes pages du portfolio en HTML, mise en forme avec le CSS et ajout des éléments interactifs ou dynamiques nécessaires en JavaScript.
• Création des pages projets : développement de pages dédiées pour présenter en détail certaines réalisations, avec un format homogène comportant objectifs, étapes, compétences développées et documents associés.
• Travail sur l’expérience utilisateur : amélioration de la lisibilité, de la navigation, de la cohérence visuelle et de l’accessibilité afin de rendre le portfolio agréable à consulter.
• Tests et ajustements : vérification de l’affichage, correction des problèmes de structure, de liens, de styles CSS et d’organisation des ressources.
• Mise à jour continue : enrichissement progressif du portfolio avec de nouveaux projets, corrections, documents et améliorations graphiques.

Structure du projet

Afin d’organiser le site de manière claire, les fichiers ont été répartis par type de ressource : pages HTML, feuilles de style, images, documents PDF et éventuels scripts JavaScript.

portfolio/
│
├── index.html
├── style.css
├── CV.pdf
├── parc.html
├── D365.html
├── VM.html
├── recenssement.html
├── blog.html
├── pokemon.html
├── zabbix.html
│
├── img/
│   ├── moi.jpeg
│   ├── slider-2.0.jpg
│   ├── parc.jpg
│   ├── dynamic365.jpg
│   ├── honey.png
│   ├── blog.png
│   ├── schema-honey.png
│   └── ...
│
├── js/
│   └── app.js
│
└── documents/
    ├── recensement.pdf
    ├── presentation-blog.pdf
    └── ...

Fonctionnalités du portfolio

• Présentation de mon profil et de mon parcours
• Affichage de mes compétences techniques et transversales
• Mise en avant de mes réalisations scolaires et professionnelles
• Accès à des documents téléchargeables liés à certains projets
• Présentation d’une veille technologique
• Accès rapide à mes liens de contact, GitHub et LinkedIn

Compétences développées

• Développement web front-end : ce projet m’a permis de renforcer mes compétences en HTML, CSS et JavaScript pour créer un site structuré, cohérent et responsive.
• Organisation de contenu : j’ai appris à hiérarchiser les informations importantes afin de construire une présentation claire de mon profil et de mes réalisations.
• Web design et expérience utilisateur : j’ai travaillé sur l’apparence visuelle du site, la mise en page, les couleurs, la lisibilité et la fluidité de navigation.
• Structuration d’un projet web : la création du portfolio m’a appris à organiser les fichiers, les images, les pages et les documents de manière logique pour faciliter la maintenance du site.
• Correction et débogage : j’ai développé ma capacité à identifier et corriger des erreurs liées aux chemins de fichiers, aux feuilles de style, à la structure HTML et à l’affichage des pages.
• Communication professionnelle : ce portfolio m’a permis de réfléchir à la manière de présenter mon travail, mes compétences et mes projets dans un cadre professionnel.
• Autonomie et amélioration continue : ce projet évolue progressivement et me permet d’ajouter régulièrement de nouveaux contenus et d’améliorer la qualité globale du site.