Publiée le
Association · Saint-Nazaire
O’Mégots : un logo, un site, et une association qui publie seule
O’Mégots dépollue les rues, les parcs et les plages de Saint-Nazaire et ses alentours. Au départ : un logo trop chargé et un site d’une seule page. À l’arrivée : une identité nette, un site de huit pages, et un bureau qui annonce ses sorties sans développeur.
Avant, après
Faites glisser la barre pour comparer.
Avant
Capture du 14 septembre 2026
- Une seule page : aucune rubrique n’avait sa propre adresse.
- Aucun plan du site pour Google.
- Un logo au pictogramme « interdit de fumer », alors que l’association ne juge pas les fumeurs.
Après
omegots.fr, le 13 octobre 2026
- Huit pages, chacune avec son adresse, son titre et sa description.
- Une identité dessinée pour l’association, du logo aux boutons.
- La prochaine sortie en tête de page, tenue à jour par le bureau.
AvantCapture du 14 septembre 2026
- Une seule page : aucune rubrique n’avait sa propre adresse.
- Aucun plan du site pour Google.
- Un logo au pictogramme « interdit de fumer », alors que l’association ne juge pas les fumeurs.
Aprèsomegots.fr, le 13 octobre 2026
- Huit pages, chacune avec son adresse, son titre et sa description.
- Une identité dessinée pour l’association, du logo aux boutons.
- La prochaine sortie en tête de page, tenue à jour par le bureau.
L’identité
Le logo
L’ancien logo empilait cinq éléments. Le nouveau tient en une scène : le pont, l’eau, le mégot.
Avant
L’ancien logo
Phare, mouettes, feuillages, cigarette barrée. Trop d’éléments, illisible en petit.
Version 1
Une seule scène
Le pont, l’eau, le mégot. L’apostrophe du nom devient un mégot écrasé.
Version 2
Le pont redessiné
Pont plus droit, deux mâts, plus en retrait : les retours du bureau, appliqués.
Version finale
Le logo retenu
Les couleurs de la V1, le pont de la V2. Le mégot posé sur l’eau, plus lisible en petit.
La charte
- Couleurs
- #1A4B6ELe pont, le O, les titres
- #2A8C7EL’eau, le nom, les liens
- #F5EFE0Le fond, le papier du mégot
- #DD8A2ELe filtre, les boutons
- Polices
- UnboundedTitresPoppinsTexte
- Poppins, choisie pour son O rond comme l’anneau du logo
- Chargées depuis le site, sans passer par Google
- Livré avec le logoEn SVG et en PNG, avec la petite icône de l’onglet du navigateur.
Logo horizontal et vertical
Versions claire et foncée
13 visuels réseaux sociaux
4 fonds d’écran
Le site, ce qu’il fait
Pédagogie
- Trajet du mégot en schéma
- Chiffres sourcés
Sorties
- Prochaine sortie sur l’accueil
- Bilans chiffrés
- Photos
Mini-jeu
- Ramasser les mégots avant la marée
- À partager
Et aussi
- Adhésion et dons
- Recyclage en cinq étapes
- Animations au défilement
- Préparé pour Google et les assistants IA
L’autonomie
Le bureau publie seul ses sorties, ses avis et ses photos, depuis un téléphone. Le site se reconstruit et recalcule ses totaux.
8
mises à jour publiées par le bureau, sans nous, du 9 au 11 octobre 2026
Les délais de livraison
Le logo
7 jours
Deux propositions, les retouches, le pack de fichiers.
Le site
10 jours
L’accueil, les pages, les animations, le mini-jeu.
L’interface
4 jours
Pour publier les sorties, les avis et les images en autonomie.
Au total
21 jours
pour livrer le logo, le site et l’interface
21
jours pour livrer le logo, le site et l’interface
- Le logo, 7 jours. Deux propositions, les retouches, le pack de fichiers.
- Le site, 10 jours. L’accueil, les pages, les animations, le mini-jeu.
- L’interface, 4 jours. Pour publier les sorties, les avis et les images en autonomie.
La note de PageSpeed, l’outil de Google
Sur 100, la note que PageSpeed Insights, l’outil de mesure de Google, donne au site pour la vitesse, l’accessibilité, les bonnes pratiques et le référencement.
- 99Vitesse
- 100Accessibilité
- 100Bonnes pratiques
- 100Référencement
- 100Vitesse
- 100Accessibilité
- 100Bonnes pratiques
- 100Référencement
Mobile
- 99Vitesse
- 100Accessibilité
- 100Bonnes pratiques
- 100Référencement
Ordinateur
- 100Vitesse
- 100Accessibilité
- 100Bonnes pratiques
- 100Référencement
Mesure Google du 13 octobre 2026, page d’accueil d’omegots.fr. Un score bouge de quelques points d’une mesure à l’autre. Voir le rapport ou relancer la mesure.
Votre structure a besoin d’un site qu’elle met à jour seule ?
On dessine le logo, on construit le site, et vous gardez la main.
Autres réalisations