Projet personnel – Développement Web

Création d'un portfolio professionnel

Développement d'un portfolio responsive permettant de présenter mon parcours, mes compétences, mes réalisations en formation, mes expériences en stage, mes projets personnels, mes certifications ainsi que mon CV.

HTML CSS JavaScript Responsive Design
capture ecran  web capture ecran tablette capture ecran  telephone

Présentation du projet

Ce projet a été réalisé dans le cadre de ma 2e année de BTS SIO option SLAM, tout au long de l’année scolaire 2025–2026. Face au besoin de centraliser mes réalisations et de construire une identité numérique professionnelle, j’ai conçu ce portfolio entièrement en HTML, CSS et JavaScript. Cette réalisation illustre plusieurs compétences du référentiel BTS SIO, notamment le développement de la présence en ligne, la gestion de projet et l’organisation du développement professionnel.

J’ai tout d’abord créé mon portfolio professionnel afin de centraliser mes projets et développer mon identité numérique.

Cette réalisation consiste à concevoir et développer un portfolio professionnel responsive afin de mettre en valeur mon parcours et mes compétences dans le cadre de ma formation BTS SIO option SLAM.

Le site a été entièrement développé en HTML, CSS et JavaScript sans framework. Il permet de centraliser mes réalisations effectuées durant la formation, mes expériences professionnelles en stage ainsi que mes projets personnels. L'objectif est également de renforcer ma présence en ligne et de disposer d'un support professionnel accessible à tout moment.

Le portfolio présente différentes rubriques telles que la présentation personnelle, les compétences techniques, le parcours scolaire, les certifications obtenues, les projets réalisés ainsi qu'un espace dédié à l'épreuve E5 du BTS SIO. Une section contact permet également aux visiteurs de me joindre facilement.

  • Développement complet du site en HTML, CSS et JavaScript
  • Création d'une interface responsive adaptée aux mobiles et tablettes
  • Présentation des compétences et du parcours professionnel
  • Mise en valeur des réalisations de formation, de stage et personnelles
  • Création d'une rubrique dédiée à l'épreuve E5 du BTS SIO
  • Intégration des certifications et du CV
  • Mise en place d'un formulaire et des moyens de contact

Outils et technologies utilisés

  • HTML5 pour la structure des pages
  • CSS3 pour la mise en forme et le responsive design
  • JavaScript pour les interactions dynamiques
  • Visual Studio Code comme environnement de développement
  • Git et GitHub pour le versionnement du projet
  • Hébergement web pour la mise en ligne du portfolio
  • Design responsive compatible ordinateur, tablette et mobile

Ce que j’ai appris

  • Concevoir un site web professionnel structuré et ergonomique.
  • Développer une interface responsive adaptée à différents écrans.
  • Organiser et valoriser des réalisations professionnelles et personnelles.
  • Améliorer l'expérience utilisateur grâce à JavaScript.
  • Mettre en œuvre les bonnes pratiques d'intégration HTML et CSS.
  • Gérer la publication et la maintenance d'un site web personnel.
  • Développer ma visibilité professionnelle à travers un portfolio en ligne.

Compétences Bloc 1 illustrées

Développer la présence en ligne de l'organisation
  • Référencer les services en ligne de l'organisation et mesurer leur visibilité
  • Participer à la valorisation de l'image de l'organisation sur les médias numériques
Travailler en mode projet
  • Analyser les objectifs et les modalités d'organisation d'un projet
  • Planifier les activités
Organiser son développement professionnel
  • Gérer son identité professionnelle
  • Développer son projet professionnel
  • Mettre en place son environnement d'apprentissage personnel