Projet réalisé dans le cadre de ma formation en développement web.
L’objectif était de moderniser le site existant de La Ferme de Basile, une exploitation agricole proposant la vente directe de produits fermiers, et d’améliorer l’expérience utilisateur.
Ce projet consiste en la refonte complète de l’interface utilisateur, de la structure des pages et de la navigation du site.
L’accent a été mis sur :
- une meilleure lisibilité de l’information
- une navigation claire et intuitive
- une mise en valeur des produits et des actualités
- une identité visuelle plus moderne
- un site responsive et agréable à utiliser
- Moderniser l’identité visuelle du site
- Améliorer l’ergonomie et la hiérarchie des informations
- Faciliter l’accès aux produits, au panier et aux informations pratiques
- Proposer une expérience utilisateur cohérente
- Mettre en place un code propre, structuré et maintenable
- Page d’accueil modernisée
- Slider visuel pour valoriser produits et actualités
- Pages de contenu structurées
- Espace client (connexion + compte)
- Page panier
- Pages articles et actualités
- Site responsive
- Navigation claire et hiérarchisée
index.html– Page d’accueilboutique.html– Page boutiquecontact.html– Page contactapropos.html– Page “À propos”
login.html– Connexioncompte.html– Espace utilisateurpanier.html– Panier
actualites.html– Page listant les articlesarticle1.htmlarticle2.htmlarticle3.html
cgv.html– Conditions Générales de Venteplandusite.html– Plan du site
scripts.js– JavaScript du sitesass/– Styles SCSSpackage.json / package-lock.json– Gestion des dépendances
| Technologie | Rôle |
|---|---|
| HTML5 | Structure des pages |
| CSS3 / SCSS | Styles et responsive |
| JavaScript Vanilla | Interactivité |
| Nivo Slider (ou équivalent) | Slider visuel |
| FontAwesome | Icônes |
| Google Fonts | Typographie |
Projet volontairement réalisé sans framework lourd afin de conserver performance et accessibilité.
Cloner le dépôt :
git clone https://github.com/Sonia-Devellia/la-ferme-de-basile.git