Moodboard · 6 directions

Six caps possibles pour Gâprée.

Six directions visuelles distinctes pour le site de la commune. La première propose un site multi-pages déjà développé (avec accueil, histoire, artisans, actualités, journal et mairie). Les cinq suivantes sont des explorations stylistiques au format mockup d'accueil — typographie, illustration, photographie. Le but est de choisir un cap, pas de cocher six cases.

★ 6 mockups d'accueil · 3 variations sur le 4 Tous self-contained · ouverture directe
1 N° I · PRINTEMPS 2026 Gâprée PERCHE 145 HAB. 10,07 KM² 1 H 30 · PARIS Gâprée. I. Un village normand qui prend le temps. Dix kilomètres carrés de bocage, une poignée d'artisans... LE VILLAGE EN CHIFFRES 21 entreprises, dont 11 exploitations agricoles. 9 km de la cathédrale de Sées. 25 km du Haras du Pin. Classé Natura 2000. II. Six raisons de venir nous voir. I. Le silence — un vrai. II. La cathédrale de Sées. III. Le Haras du Pin.
Mockup 1 · Éditorial patrimoine

Magazine premium,
chiffres romains, italique.

Esprit Le Monde Magazine, Côté Maison, Maison & Travaux. Fraunces serif variable, italique partout, sections en chiffres romains, palette lin/ardoise/ocre. Lecture lente, hiérarchie typo forte. Pour celles et ceux qui aiment la longue durée.

Typo
Fraunces + Inter
Ton
Éditorial, lent
Référence
Le Monde Mag.
Cible
CSP+, futurs résidents
Ouvrir le mockup →
2 Bons baisers de Gâprée 5c
Mockup 2 · Carte postale normande

Chaleur, badges,
illustrations.

Esprit Plus Beaux Villages de France, brochures Brittany Ferries, cartes postales vintage. Palette chaude, stamps, cocardes, illustration de paysage. Cible familiale, touristique, attachée au folklore.

Typo
Playfair + Caveat
Ton
Chaleureux
Référence
PBVdF, brochure
Cible
Familles
Ouvrir le mockup →
3 Fête 25 mai Gâprée, grand format. Planifier ma visite Brochure PDF
Mockup 3 · Modern tourism board

App-like, vert profond,
accent vibrant.

Esprit France.fr, Visit Iceland, Atout France. Sans-serif moderne uniquement, blocs colorés alternés, CTAs visibles, gradients subtils. Pour un public urbain, télétravailleurs, presse contemporaine.

Typo
Manrope + Inter
Ton
Énergique
Référence
France.fr
Cible
Urbains
Ouvrir le mockup →
4 ★ Photo
Gâprée.
Mockup 4 · Photo Editorial Boutique

Cinéma calme,
noir profond, sable.

Esprit Mr & Mrs Smith, Cereal Magazine, Kinfolk. Photos full-bleed cinématographiques, beaucoup d'air, serif boutique élégante. Ambiance « vous y êtes presque, voyez plutôt ».

Typo
DM Serif + Cardo
Ton
Calme, cinéma
Référence
Cereal Mag.
Cible
Voyageurs lents
Ouvrir le mockup →
5 ★ Photo
Récit n° 02 La forge du Carrefour
Mockup 5 · Documentaire / Reportage

Carnet, accent rouge,
légendes condensées.

Esprit Géo, Polka, Reporters, National Geographic. Mix N&B et couleur, photos taggées (lieu, date, heure), récits numérotés. Sérieux, dense, « le village qu'on n'attendait pas ».

Typo
Oswald + Source Serif
Ton
Reportage
Référence
Polka, Géo
Cible
Lecteurs cultivés
Ouvrir le mockup →
6 ★ Photo
★ Coup de cœur Perche 12 expériences · saison printemps
Fête du village · 25 mai
Mockup 6 · Magazine Expériences

Booking-like, sauge,
cards arrondies.

Esprit AirBnB Experiences, Lonely Planet 2026, Visit Sweden. Grilles colorées, sections « À faire ce week-end », « Où dormir », « Où manger ». Friendly, dense en information, prêt à réserver.

Typo
Plus Jakarta + DM Sans
Ton
Friendly, marchand
Référence
AirBnB, Booking
Cible
Visiteurs week-end
Ouvrir le mockup →
Note pour la suite
Les six Mockups sont six explorations d'accueil self-contained. C'est la logique habituelle : on aligne d'abord sur une direction visuelle (typographie, palette, ton), puis on la décline sur toutes les pages. Faire six sites complets en parallèle revient à jeter 5/6 du travail dès qu'un cap est choisi. Compter 1 jour de déclinaison une fois l'accord posé sur l'un des mockups.
Troisième set · direction 4 poussée · cible habitants

Trois UX pour la même question : où sont les actus ?

Le client a tranché : on part sur la direction du Mockup 4 (Photo Editorial Boutique). Pivot majeur sur la cible — le site n'est plus pour les visiteurs, il est prioritairement pour les habitants. Quand un Gâpréen ouvre la page, ce qu'il cherche en premier, ce sont les actualités du moment. Trois variations explorent trois manières radicalement différentes de servir l'habitant en priorité, avec strictement le même ADN visuel.

4A ★ La Une
Culture · 12 mai
La fête des pommiers
Variation 4A · La une magazine

Le hero EST la grosse actu du moment.

Concept UX : ouverture comme une une de magazine. La dernière actu majeure occupe tout l'écran en arrivée. Sous le hero, un ruban scrollable des 4 dépêches suivantes. Plus bas, le flux complet par mois.

Force
Émotion · impact
Lecture
Une actu à la fois
Densité info
Moyenne
Référence
NYT, Le Monde · une
Ouvrir la variation →
4B ★ Pratique
Aujourd'hui · 14 mai
14 °C · nuages
Conseil · 28 mai · ramassage lundi
Variation 4B · Tableau de bord habitant

Utility-first. Tout ce qu'il faut savoir, tout de suite.

Concept UX : bandeau « aujourd'hui à Gâprée » avec date + météo + prochain conseil + prochaine info pratique. Hero plus court avec alertes en surimpression. Grid 2 colonnes : flux d'actus + sidebar pratique sticky (horaires, urgences, événements).

Force
Utilité immédiate
Lecture
Scan rapide
Densité info
Haute
Référence
Mairie.fr, FT.com
Ouvrir la variation →
4C ★ Magazine
Mai · N° 5 · 2026
Le printemps,
en cinq articles.
Variation 4C · Numéro mensuel

Chaque mois, un numéro du journal communal.

Concept UX : couverture de magazine en hero avec sommaire chiffré 01–05. Sommaire latéral sticky. Articles enchaînés en colonnes éditoriales avec dropcap, photos pleine largeur, légendes. Bas de page : couvertures miniatures des numéros précédents.

Force
Lecture posée
Lecture
Longue, immersive
Densité info
Articles longs
Référence
Cereal, Kinfolk
Ouvrir la variation →
Pivot · cible
Les trois variations partagent rigoureusement l'ADN visuel du Mockup 4 — DM Serif Display + Cardo, palette crème/sable/noir, photos full-bleed cinématographiques. Ce qui change radicalement, c'est la place donnée aux actualités et l'ordre des sections. À choisir selon ce qu'on veut que l'habitant ressente en arrivant : « il se passe quelque chose » (4A), « je sais à quoi m'attendre cette semaine » (4B), ou « je vais m'asseoir et lire mon journal » (4C).