1. C’était quoi ? (Le contexte)

Création de la maquette d’une landing page pour « WorkBnB », une entreprise fictive de location d’espaces de coworking. Le besoin de départ était de concevoir une interface web statique, claire et attractive, permettant aux utilisateurs de visualiser les différents espaces disponibles et d’effectuer une recherche.

2. C’était quand ? (La période)

Mai 2026

3. J’ai fait quoi exactement ? (Mes réalisations)

• Structuration du contenu de la page en HTML5 (en-tête, section hero, cartes de présentation, formulaires, pied de page).
• Mise en page et stylisation globale avec CSS3, en utilisant notamment CSS Grid et Flexbox pour structurer l’affichage des cartes d’espaces de travail.
• Intégration des médias (images des bureaux et locaux) en respectant l’arborescence des fichiers.
• Déploiement du projet en ligne via Netlify pour le rendre accessible publiquement.

4. Avec quoi ? (Les outils)

• Langages : HTML5, CSS3
• Hébergement : Netlify
• Éditeur de code : Visual Studio Code

5. Quelles compétences du référentiel ?

Ce projet valide des éléments du bloc « Développer la présence en ligne de l’organisation »:

• Participer à la valorisation de l’image de l’organisation sur les médias numériques en tenant compte du cadre juridique et des enjeux économiques: J’ai conçu une interface web visuellement moderne et engageante pour mettre en valeur les services et le professionnalisme de l’entreprise fictive.
• Participer à l’évolution d’un site Web exploitant les données de l’organisation: J’ai intégré et structuré des informations brutes (tarifs, notes, caractéristiques des locaux) pour les transformer en une page web lisible et ergonomique.

6. Ce que j’en retiens ? (Bilan et apprentissage)

Ce projet m’a permis de consolider mes bases en intégration web, notamment sur la manipulation de CSS Grid pour aligner proprement les différentes annonces (cartes). J’ai également compris l’importance vitale des chemins d’accès (chemins relatifs) pour lier correctement mes fichiers CSS et mes images. Enfin, j’ai découvert comment déployer facilement et rapidement un site statique en ligne, ce qui rend mon travail beaucoup plus professionnel à présenter.

Voici le lien : https://workbnbb.netlify.app/