Aller au contenu
5 place de la Liberté, BrestLun–Ven, 9h–18h +33 7 60 48 51 21 contact@webdesign29.net Espace client
Site institutionnel

Mairie de Crozon

Site de la Ville de Crozon : six rubriques pour s’orienter, actualités et documents municipaux, démarches en ligne réunies sur une page et formulaires en plusieurs étapes.

Mairie de Crozon

Le site d’une commune du bout du Finistère

Crozon est l’une des sept communes de la presqu’île de Crozon, avec ses bourgs, ses villages et les ports de Morgat et du Fret. Son site s’adresse aux habitants, aux associations, aux professionnels et aux visiteurs, qui viennent y chercher une actualité, un horaire, un document municipal ou une démarche.

Nous avons conçu et réalisé le site sous WordPress. L’information municipale y est rangée en six rubriques, chaque page intérieure garde le menu de sa rubrique, et les démarches sont réunies sur une page, avec des formulaires propres au site et des liens vers les services partenaires.

Le projet en bref

Besoin
Une commune littorale doit donner à ses habitants, ses associations et ses visiteurs un accès simple à beaucoup d’informations et de démarches, dont une partie passe par des services extérieurs.
Ce que nous avons livré
Un site WordPress en six rubriques, avec un menu de rubrique sur chaque page intérieure, une page qui rassemble les démarches par thème et des formulaires qui se remplissent par étapes.
Résultat
L’habitant trouve sur crozon.bzh l’actualité, les documents municipaux, les horaires et le point de départ de chaque démarche, sur ordinateur comme sur téléphone.

Six rubriques pour s’orienter

Crozon est l’une des sept communes de la presqu’île de Crozon, à la pointe du Finistère, avec ses bourgs, ses villages, les ports de Morgat et du Fret et une longue façade littorale. Son site s’adresse aux habitants à l’année, aux associations, aux professionnels et aux visiteurs de passage. Il rassemble l’information municipale en six rubriques : La mairie, Vie locale, Vie sociale, Terre et mer, Vos démarches et Contact.

La page d’accueil ouvre sur un diaporama de la commune, puis sur six accès directs : planning associatif, portail famille, affichage légal, démarches en ligne, compte rendu du conseil et rendez-vous pour une carte d’identité ou un passeport. Viennent ensuite les dernières actualités de la Ville et la webcam du port de Morgat.

Sur chaque page intérieure, un menu reprend les six rubriques et déplie celle de la page consultée. On passe ainsi d’une page à sa voisine sans revenir au menu principal. Les pages d’une même rubrique se présentent en vignettes, avec une image, un court résumé et un lien vers le détail.

Faites glisser le schéma pour le voir en entier.

Le menu principal compte six rubriques, chacune avec ses pages. Sur chaque page intérieure, un menu reprend les six rubriques et déplie celle de la page consultée.La mairieActualitésGazette municipaleVos élusConseil municipalVie localeVie associativeSports et loisirsStationnementSécurité civileVie socialeService socialPetite enfanceBien vieillirLa santéTerre et merPortsPlages et grèvesZones de mouillageEspaces naturelsVos démarchesDémarches en ligneÉtat civilÉlectionsUrbanismeContactVos servicesSignalementEn cas d’urgencePage FacebookPage Plages et grèvesÀ gauche, le menu des six rubriques, avec Terre et mer dépliée et la page en cours signalée.
Les six rubriques du menu et le menu de rubrique d’une page intérieure.

Les démarches réunies sur une page

La page Démarches 100 % en ligne rassemble les démarches en vignettes, classées par thème : citoyenneté, événements et associations, ports de Morgat et du Fret, urbanisme, professionnels et marchés, police municipale.

Une partie des démarches se fait avec un formulaire du site : déclaration de manifestation, demande de matériel, place saisonnière au port du Fret, emplacement sur un marché ou inscription à l’opération Tranquillité vacances. Les autres renvoient vers le service concerné, comme la prise de rendez-vous pour une carte d’identité, les demandes d’actes sur Service-Public.fr, le guichet numérique d’urbanisme, le portail du port de Morgat ou la déclaration de meublé de tourisme. La page explique alors la marche à suivre.

Pour une question, le formulaire de contact propose de choisir le service concerné, de l’état civil aux ports en passant par la bibliothèque, et accepte des pièces jointes. Un autre formulaire permet de demander un rendez-vous avec un élu.

Faites glisser le schéma pour le voir en entier.

Depuis la page Démarches 100 % en ligne, certaines démarches se font avec un formulaire du site, les autres ouvrent le service partenaire concerné.Démarches 100 % en ligneFormulaires du siteremplis sur crozon.bzhServices partenairesouverts dans un nouvel ongletDéclaration de manifestationRendez-vous carte d’identitéDemande de matérielActes d’état civilOpération tranquillité vacancesGuichet numérique d’urbanismePlace au port du FretPlace au port de MorgatEmplacement sur un marchéDéclaration de meublé de tourisme
Formulaires du site et services partenaires, depuis la même page.
La page État civil et la page Démarches 100 % en ligne sur ordinateur, la déclaration de manifestation sur téléphone
L’état civil, la page des démarches en ligne et la déclaration de manifestation.

Des formulaires en plusieurs étapes

Les demandes les plus complètes se remplissent étape par étape, avec une barre de progression. La déclaration de manifestation associative, à déposer au plus tard un mois avant l’événement, décrit successivement la manifestation, l’association, les responsables, la sécurité, les installations et les demandes liées, avant les pièces jointes et la signature.

Les questions s’adaptent aux réponses. Les précisions sur une sonorisation, un chapiteau, un manège ou un feu d’artifice ne s’affichent que si la manifestation en comporte, et les documents à fournir sont demandés au même moment. Pour les demandes liées, comme le prêt de matériel ou l’autorisation de débit de boissons, la déclaration renvoie vers les formulaires correspondants.

Faites glisser le schéma pour le voir en entier.

La déclaration de manifestation associative se remplit partie par partie, et certaines questions n’apparaissent que si la réponse précédente les rend nécessaires.1L’événementlieu, dates, nature2L’associationcoordonnées3Responsablesorganisateur4Sécuritéagents, secours5Installationsson, chapiteaux…6Demandes liéesboissons, matériel7Signaturepièces jointesPrésence de pyrotechnie (feu d’artifice…) ?NonOuiTant que la réponse est non, la suite de la questionreste masquée et le formulaire passe à la questionsuivante.Catégorie des pièces d’artificequestion ajoutée au formulaireCerfa complétéselon la catégorie, à télécharger puis à joindre
La déclaration de manifestation, partie par partie, et une question conditionnelle.

La vie quotidienne, à terre et en mer

La rubrique Terre et mer tient compte d’une commune tournée vers la mer : ports de Morgat et du Fret, zones de mouillage, plages et grèves, contrôle sanitaire des eaux de baignade, pêche et espaces naturels.

La vie locale et la vie sociale regroupent les associations et leur planning, la culture, les sports, les mobilités douces, la petite enfance, la santé ou le service social. Des cartes interactives indiquent les parkings et les toilettes publiques, et une page donne les numéros à appeler en cas d’urgence.

Le site renvoie aussi vers les outils que la Ville utilise au quotidien : le bouton Signaler un problème, les alertes et l’agenda de l’application IntraMuros, le portail famille et la réservation des salles communales.

La page Plages et grèves sur ordinateur, la carte des toilettes publiques et le formulaire de contact sur téléphone
Les plages et grèves, la carte des toilettes publiques et le contact des services.

Le site, page par page

30 pages capturées sur crozon.bzh le 25 septembre 2026, sur ordinateur et sur téléphone. Cliquez sur un aperçu pour l’agrandir, puis faites défiler à l’intérieur pour découvrir toute la page. Les flèches permettent de changer de page.

Visiter le site

La mairie

L’accueil, les actualités et les pages de l’institution.

9 pages, 9 vues mobiles

Sur ordinateur

crozon.bzh
Accueil
Accueil
Le diaporama, les six accès directs, les actualités et la webcam du port.
crozon.bzh
Menu
Menu
Le sous-menu Vos démarches sur ordinateur, le menu latéral sur téléphone.
crozon.bzh/actualites/
Actualités
Actualités
Toutes les actualités de la Ville, de la plus récente à la plus ancienne.
crozon.bzh/actualites-de-la-ville/preservons-notre-littoral-dispositif-ete/
Une actualité
Une actualité
Le dispositif d’été pour le stationnement sur le littoral, avec sa carte et ses documents.
crozon.bzh/magazine-municipal/
Gazette municipale
Gazette municipale
Les numéros à télécharger et les points de distribution.
crozon.bzh/vos-elus/
Vos élus
Vos élus
Le maire, les adjoints et les conseillers, avec leurs délégations.
crozon.bzh/conseil-municipal/
Conseil municipal
Conseil municipal
Les séances, les délibérations et le fonctionnement du conseil.
crozon.bzh/horaires-des-services-municipaux/
Horaires des services
Horaires des services
Les horaires et les adresses des services municipaux.
crozon.bzh/reglementation-et-arretes/
Réglementation et arrêtés
Réglementation et arrêtés
Les arrêtés municipaux, classés par thème.

Sur téléphone

Accueil sur téléphone
Accueil
Menu sur téléphone
Menu
Actualités sur téléphone
Actualités
Une actualité sur téléphone
Une actualité
Gazette municipale sur téléphone
Gazette municipale
Vos élus sur téléphone
Vos élus
Conseil municipal sur téléphone
Conseil municipal
Horaires des services sur téléphone
Horaires des services
Réglementation et arrêtés sur téléphone
Réglementation et arrêtés

Vie locale

Les associations, les déplacements et la sécurité.

7 pages, 7 vues mobiles

Sur ordinateur

crozon.bzh/vie-associative/
Vie associative
Vie associative
Le planning associatif, la charte et les démarches des associations.
crozon.bzh/vies-associative/planning-associatif/
Planning associatif
Planning associatif
Les activités proposées par les associations, jour par jour.
crozon.bzh/culture-et-patrimoine/
Culture et patrimoine
Culture et patrimoine
La bibliothèque, le cinéma, l’école de musique et les lieux culturels.
crozon.bzh/mobilites-douces/
Mobilités douces
Mobilités douces
Les cartes, les itinéraires et les liaisons maritimes.
crozon.bzh/stationner-a-crozon/
Stationner à Crozon
Stationner à Crozon
La carte des parkings de la commune.
crozon.bzh/ou-sont-les-toilettes/
Toilettes publiques
Toilettes publiques
La carte des toilettes publiques.
crozon.bzh/securite-civile/
Sécurité civile
Sécurité civile
Les risques, les consignes et les plaquettes d’information.

Sur téléphone

Vie associative sur téléphone
Vie associative
Planning associatif sur téléphone
Planning associatif
Culture et patrimoine sur téléphone
Culture et patrimoine
Mobilités douces sur téléphone
Mobilités douces
Stationner à Crozon sur téléphone
Stationner à Crozon
Toilettes publiques sur téléphone
Toilettes publiques
Sécurité civile sur téléphone
Sécurité civile

Terre et mer

Les ports, les plages et le littoral.

4 pages, 4 vues mobiles

Sur ordinateur

crozon.bzh/ports-de-morgat-et-du-fret/
Ports de Morgat et du Fret
Ports de Morgat et du Fret
La présentation des ports, les infos usagers et les demandes de réservation.
crozon.bzh/plages-et-greves/
Plages et grèves
Plages et grèves
La liste des plages, la sécurité et la réglementation.
crozon.bzh/controle-sanitaire-des-eaux-de-baignade/
Eaux de baignade
Eaux de baignade
La qualité des eaux de baignade et des sites de sports de glisse.
crozon.bzh/port-de-morgat-et-du-fret/port-de-morgat-demande-de-reservation-saisonniere/
Réservation au port de Morgat
Réservation au port de Morgat
Les emplacements proposés et la marche à suivre sur le portail du port.

Sur téléphone

Ports de Morgat et du Fret sur téléphone
Ports de Morgat et du Fret
Plages et grèves sur téléphone
Plages et grèves
Eaux de baignade sur téléphone
Eaux de baignade
Réservation au port de Morgat sur téléphone
Réservation au port de Morgat

Vos démarches

Les démarches en ligne et les formulaires.

7 pages, 7 vues mobiles

Sur ordinateur

crozon.bzh/demarches-100-en-ligne/
Démarches 100 % en ligne
Démarches 100 % en ligne
Toutes les démarches, classées par thème.
crozon.bzh/etat-civil-et-autres-demarches-civiles/
État civil
État civil
Carte d’identité, actes, mariage, PACS, recensement citoyen.
crozon.bzh/etat-civil-et-autre-demarche-civile/demande-dacte-detat-civil/
Demande d’acte
Demande d’acte
Les façons de demander un acte d’état civil, en ligne, par courrier ou en mairie.
crozon.bzh/elections/
Élections
Élections
L’inscription sur les listes, le vote par procuration et les résultats.
crozon.bzh/demarches-associations/
Démarches des associations
Démarches des associations
Les subventions, les déclarations et les demandes de matériel.
crozon.bzh/?demarches_assos=declaration-de-manifestation
Déclaration de manifestation
Déclaration de manifestation
Le formulaire en plusieurs étapes, avec sa barre de progression.
crozon.bzh/police-municipale/operation-tranquillite-vacances/
Tranquillité vacances
Tranquillité vacances
L’inscription à la surveillance du logement pendant une absence.

Sur téléphone

Démarches 100 % en ligne sur téléphone
Démarches 100 % en ligne
État civil sur téléphone
État civil
Demande d’acte sur téléphone
Demande d’acte
Élections sur téléphone
Élections
Démarches des associations sur téléphone
Démarches des associations
Déclaration de manifestation sur téléphone
Déclaration de manifestation
Tranquillité vacances sur téléphone
Tranquillité vacances

Contact

Écrire à un service, rencontrer un élu, trouver un numéro d’urgence.

3 pages, 3 vues mobiles

Sur ordinateur

crozon.bzh/contactez-vos-services/
Vos services
Vos services
Le formulaire de contact, avec le choix du service concerné.
crozon.bzh/prendre-rendez-vous-avec-un-elu/
Rendez-vous avec un élu
Rendez-vous avec un élu
Le formulaire de demande de rendez-vous.
crozon.bzh/en-cas-durgence/
En cas d’urgence
En cas d’urgence
Les numéros utiles et la conduite à tenir.

Sur téléphone

Vos services sur téléphone
Vos services
Rendez-vous avec un élu sur téléphone
Rendez-vous avec un élu
En cas d’urgence sur téléphone
En cas d’urgence

Les fonctions du site

Ce que les habitants, les associations et les visiteurs trouvent sur crozon.bzh.

S’informer

  • Actualités de la Ville, les plus récentes en page d’accueil
  • Gazette municipale à télécharger, avec ses points de distribution
  • Pages Vos élus et Conseil municipal
  • Réglementation et arrêtés classés par thème, documents consultables en ligne
  • Horaires des services municipaux sur une seule page
  • Webcam du port de Morgat en page d’accueil

Faire ses démarches

  • Page Démarches 100 % en ligne, classée par thème
  • Formulaires en plusieurs étapes, avec barre de progression
  • Questions affichées selon les réponses, pièces jointes et signature
  • Liens vers les services partenaires : rendez-vous, urbanisme, port, taxe de séjour
  • Formulaire de contact avec choix du service concerné
  • Demande de rendez-vous avec un élu

Vivre à Crozon

  • Vie associative et planning associatif
  • Ports de Morgat et du Fret, plages, contrôle des eaux de baignade
  • Cartes du stationnement et des toilettes publiques
  • Mobilités douces, sports et loisirs, culture et patrimoine
  • Sécurité civile et numéros à appeler en cas d’urgence

Navigation

  • Menu principal en six rubriques, avec sous-menus
  • Menu de rubrique sur chaque page intérieure
  • Six accès directs en page d’accueil
  • Menu latéral dépliable sur téléphone
  • Écoute à voix haute d’un texte sélectionné

Liens avec la vie locale

  • Bouton Signaler un problème dans l’en-tête
  • Alertes et brèves, agenda et application IntraMuros de la Ville
  • Portail famille et réservation des salles communales
  • Liens vers la communauté de communes, le Département et les parcs naturels

Technologies utilisées

WordPressWordPressElementorElementorjQueryjQueryBootstrapBootstrapFont AwesomeFont AwesomeGoogle AnalyticsGoogle AnalyticsPHPPHPMySQLMySQL
  • CMS : WordPress
  • Mise en page : Elementor Pro, sur le thème eGovt, conçu pour les collectivités
  • Formulaires : Fluent Forms, en plusieurs étapes avec logique conditionnelle
  • Documents : WP File Download pour les arrêtés, la gazette et les documents publics
  • Écoute : GSpeech pour la lecture du texte sélectionné
  • Cartes : cartes Google My Maps intégrées
Voir le site du client

Le site a pu évoluer depuis notre intervention.