đŸŸ Champagne & Co — Site complet (projet Ă©tudiant)

RĂ©alisation d’un site vitrine complet pour une maison de champagne fictive. Objectif : mettre en pratique les compĂ©tences en dĂ©veloppement web, design UX/UI et gestion de projet.

Projet étudiant WordPress / Divi UI / UX Accessibilité SEO on-page
← Retour au portfolio ☕ Voir : Jacobs Douwe Egberts
Aperçu de la page d’accueil Champagne & Co (en-tĂȘte, prĂ©sentation et cartes de contenu)
Accueil du site Champagne & Co — header, storytelling et repùres de marque.

🎯 Contexte & objectifs

Contexte

  • Projet rĂ©alisĂ© dans le cadre de la formation Bachelor Chef de Projet Digital.
  • ThĂšme : identitĂ© et vitrine pour une marque premium.
  • Livrable : site WordPress fonctionnel sous Divi (3 semaines).

Objectifs pédagogiques

  • Construire un parcours clair (navigation, sections, hiĂ©rarchie).
  • Allier sobriĂ©tĂ© premium et performances (images, SEO de base).
  • Assurer un responsive soignĂ© desktop → mobile.

📩 Livrables principaux

Identité visuelle

  • Logo minimaliste, typographies Ă©lĂ©gantes.
  • Palette bleue du portfolio (les mĂ©dias conservent les tons or/beige de la marque).
  • Motifs & imagerie inspirĂ©s des bulles.

Site web WordPress

  • Pages : Accueil, Nos Champagnes, Description & partenaires, ÉvĂ©nementiel.
  • Template Divi personnalisĂ©, animations lĂ©gĂšres.
  • Formulaire de contact (WPForms).

Supports

  • Zoning papier → structure macro.
  • Wireframes + maquettes Figma.
  • Charte colorimĂ©trique (Adobe Color).

đŸ‘„ Personas clĂ©s

Persona Annie Mñle — Directrice commerciale, attentes et outils

Annie Mñle — Directrice commerciale

  • Recherche : image de marque, partenaire fiable, support B2B.
  • Outils : CRM, reporting, facturation.
  • Impact UX : ton pro, preuves & bĂ©nĂ©fices clairs.
Persona Vincent Tilittre — Trader/Investisseur, attentes et process

Vincent Tilittre — Investisseur / dĂ©cideur

  • Attentes : clartĂ©, ROI, rĂ©assurance.
  • Outils : tableaux de bord, apps dĂ©cisionnelles.
  • Impact UX : garanties, coĂ»ts maĂźtrisĂ©s, sĂ©rieux.

đŸ§© Zoning & Charte

Planche Figma regroupant wireframes, maquettes et palette colorimétrique
Planche Figma — wireframes, maquettes & palette.

📐 Wireframes & Pages finales

Wireframe de la page Accueil
Wireframe — Accueil
Page Accueil finale Champagne & Co
Site dĂ©veloppĂ© — Accueil
Wireframe de la page Nos Champagnes
Wireframe — Nos Champagnes
Page Nos Champagnes finale (listing bouteilles/prix)
Site dĂ©veloppĂ© — Nos Champagnes
Wireframe Page Description & partenaires
Wireframe — Description & partenaires
Page Description & partenaires finale (logos et textes)
Site dĂ©veloppĂ© — Description & partenaires
Wireframe Page ÉvĂ©nementiel
Wireframe — ÉvĂ©nementiel
Page ÉvĂ©nementiel finale (mariage, baptĂȘme, etc.)
Site dĂ©veloppĂ© — ÉvĂ©nementiel

📈 RĂ©sultats & apprentissages

4
Semaines de production
4
Pages livrées
100%
Responsive validé
A
Évaluation

Focus sur la lisibilité, la cohérence visuelle et la clarté des preuves (logos partenaires, bénéfices, CTA).

🔗 Projets liĂ©s

☕ Jacobs Douwe Egberts 🌐 Site Asselin Migani