Projet - Site Web de la Mairie de Fégréac

Langages et outils utilisés

• WordPress : CMS utilisé pour la gestion de contenu du site, choisi pour sa facilité de prise en main et sa modularité.
• Thème Avada : thème premium permettant une construction visuelle des pages via Fusion Builder.
• HTML & CSS : utilisés pour la structure des pages et les ajustements de style personnalisés.

Documents fournis par la mairie

Afin de guider la conception du site web, la mairie de Fégréac a fourni plusieurs documents essentiels. Ces éléments ont permis de respecter leur identité visuelle et de structurer les contenus selon leurs attentes.

• Maquette de la page d'accueil : référence principale pour le design général du site.
• Charte des couleurs : document précisant les codes couleur à respecter.
• Plan de maquette du menu : schéma listant les pages à créer et leur organisation dans le menu de navigation.

Maquette page Accueil :

Charte des couleurs

plan pour la réalisation du menu

Avancement du projet

Le projet de création du site de la mairie de Fégréac s’est articulé autour de plusieurs étapes clés, réparties sur la période du 21 avril au 6 juin 2024. Chaque phase a permis de construire progressivement une plateforme web claire, ergonomique et fidèle aux attentes de la collectivité.

• 1. Mise en place de la structure globale du site
  À partir du plan de menu fourni, toutes les pages ont été créées dans WordPress puis regroupées dans un en-tête commun à l’aide du thème Avada. Ce header est affiché sur chaque page du site afin d’assurer une navigation cohérente.
• 2. Réalisation de la page d’accueil
  La page principale a été conçue en suivant fidèlement la maquette transmise par la mairie. Le design a été ajusté avec les options visuelles du thème Avada et la charte des couleurs pour un rendu professionnel et moderne.
• 3. Développement des pages du menu principal
  Chaque page du menu (présentation de la commune, services municipaux, vie associative, etc.) a été créée et alimentée en contenu. Pour cela, les textes, images et informations de l’ancien site ont été réutilisés et modernisés.
• 4. Intégration des pages génériques mutualisées
  Conformément aux standards des sites du service commun de Redon Agglomération, des pages supplémentaires ont été intégrées, comme :
  • Les chiffres clés
  • La situation géographique
  • Les élus et le mot du maire
  • Les comptes rendus et actes administratifs
  • Les démarches en ligne, les écoles, le restaurant scolaire
  • Les commerces, les associations, le patrimoine
  • Les mentions légales, l’accessibilité et le plan du site
• 5. Ajustements graphiques et homogénéisation
  Les dernières étapes ont consisté à affiner la mise en page, ajuster les styles CSS selon la charte graphique, et s'assurer que toutes les pages étaient bien cohérentes entre elles, que ce soit au niveau des polices, couleurs, espacements ou hiérarchie de contenu.

Ce projet a été mené de manière progressive avec une logique de construction modulaire. Chaque étape a permis d’apporter une valeur ajoutée et d’assurer une livraison finale conforme aux attentes fonctionnelles et esthétiques de la mairie.

Présentation du thème Avada

Pour la création du site de la mairie de Fégréac, le thème Avada a été choisi comme base de développement. Il s'agit d’un thème premium pour WordPress, reconnu pour sa polyvalence, ses nombreuses options de personnalisation, et sa compatibilité avec de nombreux plugins.

Voici les principales fonctionnalités qui ont facilité la conception du site :

• Fusion Builder (Avada Builder) : un éditeur visuel par glisser-déposer qui permet de créer des pages complexes sans coder, tout en gardant un contrôle précis sur la structure.
• Démos prêtes à l’emploi : possibilité d’importer des modèles existants et de les adapter selon les besoins du projet.
• Options de personnalisation avancées : gestion des typographies, couleurs, espacements, arrière-plans, effets visuels (parallaxe, transitions), etc.
• Responsive design : les pages s’adaptent automatiquement à tous les formats d’écran (ordinateurs, tablettes, mobiles).
• Performance et SEO : Avada propose un code optimisé pour un chargement rapide des pages et une bonne indexation par les moteurs de recherche.
• Mises à jour régulières : le thème est activement maintenu par son équipe de développement, garantissant une bonne sécurité et compatibilité dans le temps.

L’utilisation d’Avada a donc permis de respecter à la fois les exigences techniques de l’agglomération et les attentes graphiques de la mairie, tout en assurant une bonne évolutivité du site dans le futur.