La Ruche

capture d'écran de la page d'accueil du site fictif "La Ruche", avec titre a gauche et logo d'une abeille à droite

Présentation du projet

La Ruche est un projet personnel fictif imaginé comme une vitrine en ligne dédiée aux miels artisanaux et durables. L’idée était de créer une première page d’accueil attrayante pour mettre en valeur des produits issus d’une apiculture respectueuse de la nature, tout en s’initiant aux bases de la création web. Ce projet a été l’occasion de découvrir concrètement le fonctionnement du HTML et du CSS à travers un exemple simple, mais visuellement soigné.

Objectif du projet

L’objectif principal était d’apprendre les bases des langages HTML et CSS en développant une landing page statique, claire et structurée. Une attention particulière a été portée à l’adaptation responsive du site, afin de garantir une expérience fluide aussi bien sur mobile que sur desktop.
Ce projet m’a permis de poser les fondations de mon apprentissage en intégration web, en comprenant l’importance de la hiérarchie des contenus, du choix des typographies et des couleurs, ainsi que de la gestion de la mise en page selon les différents formats d’écran.

Travail réalisés

  • Structuration HTML sémantique
  • Mise en forme avec CSS (flexbox, responsive design)
  • Création d’une identité visuelle simple (palette de couleurs et typographies)
  • Adaptation mobile-first
  • Intégration d’éléments visuels pour valoriser les produits (photo de miel, logo fictif)

Voir le site

Vous pouvez accéder au site sur www.laruche.aldev-web.fr

Ce projet vous a plu ?

Et si on travaillait ensemble sur le vôtre ?