de Vulliod Conseil · Phase 1 · Maquettes
Suite à l’audit, voici les 5 maquettes que je te propose
Le même contenu, présenté de cinq façons. Chaque maquette est une vraie page WordPress, composée de blocs modifiables : textes, images et boutons se changent directement dans l’éditeur, sans code.
Astuce : la barre « Réglages », au bord droit de l’écran, a un bouton par réglage : Maquette, Écran (vue ordinateur, tablette ou téléphone), Texte (complet, essentiel ou épuré), Modules (note et avis Google, réservation, newsletter, plaquette PDF, Instagram) et Couleurs. Chaque bouton ouvre son petit panneau ; on passe de l’un à l’autre sans rien refermer, la page reste presque en taille réelle. Les réglages suivent sur toutes les maquettes ; Alt+P masque ou réaffiche la barre.
Les maquettes
Maquette 1 — Horizon
Lumineuse et rassurante : bandeau bleu, portrait en arche, cartes aérées.
Maquette 2 — Cheminement
Éditoriale : barre latérale, typographie serif, parcours Écouter → Comprendre → Agir.
Maquette 3 — Atelier
Chaleureuse et ludique : formes organiques, filtres par situation, grille « bento ».
Maquette 4 — Couverture
Magazine : grande photo pleine page, titrage condensé, chapitres et carrousel.
Maquette 5 — Dialogue
Conversationnelle : bulles de discussion, frise des offres, contact comme un message.
Pour choisir, quatre questions
Rien n’est figé : chaque réglage se change dans la barre de droite, et tes choix te suivent d’une maquette à l’autre.
- Quelle maquette ? La mise en page : comment on circule dans le site.
- Quelle palette ? Teste-la directement sur la maquette que tu préfères (bouton Couleurs) : une palette se juge mieux sur une vraie page que sur des pastilles.
- Combien de texte ? Complet, essentiel ou épuré (bouton Texte). Les détails peuvent partir dans ta plaquette PDF.
- Quels modules ? Avis Google, réservation, newsletter… (bouton Modules) : « Inclus » est dans le forfait, « Option » est sur devis.
Le bouton Sommaire, en haut de la barre, te ramène ici depuis n’importe quelle maquette.
Les palettes de couleurs
Toutes les combinaisons texte/fond sont vérifiées au niveau AA (WCAG 2.2), c’est-à-dire lisibles par tous, malvoyants compris. Le premier groupe reste proche de ta charte ; le second ose autre chose.
Déclinaisons de sa charte
Charte d’origine · Fidélité
Les couleurs de la charte, telles quelles : le bleu pour la confiance, l’orange pour la chaleur, le jaune pour l’optimisme. On a seulement foncé un peu les textes pour qu’ils restent bien lisibles, et les boutons orange portent un texte foncé plutôt que blanc.
Sérénité · Bleu brume
Le bleu de la charte prend toute la place, un peu adouci, sur des fonds très clairs. L’orange devient un terracotta qu’on garde pour les boutons, le jaune se fait discret. Une palette qui laisse respirer la page et repose les yeux.
Calme · Sauge & sable
On part des deux couleurs neutres de la charte, le vert-gris et le sable, qu’on fait passer au premier plan. Ça donne une ambiance douce et minérale, posée, avec une touche de bleu pour rappeler la charte.
Confiance · Automne chaleureux
Les couleurs chaudes de l’automne : un bleu profond pour le sérieux, une brique et un ambre tirés de l’orange et du jaune de la charte, sur un fond lin. Une palette chaleureuse, sans rien de criard.
Faïence · Bleu de Quimper & jaune d’or
Un clin d’œil à la faïence de Quimper : bleu de faïence, jaune d’or et rouge brique sur un fond crème. Ce sont presque les trois couleurs de la charte, avec en plus une touche locale que les gens d’ici reconnaissent tout de suite.
Nouvelles propositions
Littoral · Bleu-vert & corail
L’ambiance du bord de mer : un bleu-vert profond, apaisant, sur un fond couleur d’écume. Un corail sert aux boutons, chaleureux sans être criard, et un sable doux aux mises en avant. Deux couleurs qui s’accordent naturellement.
Bruyère · Prune & cuivre
Les landes en fin d’été : un prune profond, qu’on associe volontiers à l’écoute et à l’introspection, avec un cuivre pour les boutons et un ocre pour adoucir. On la voit rarement, alors on la retient. Singulière, et pas mièvre pour autant.
Forêt · Vert mousse & ocre
Un vert forêt qui évoque l’ancrage, la croissance et le temps long, sur un fond crème. Un ocre brûlé réchauffe les boutons, une couleur blé remplace le jaune. Une palette nature, sereine et très lisible.
Aube · Encre & rose poudré
Le lever du jour, l’idée d’un nouveau départ : un bleu encre qui garde le sérieux, un vieux rose pour les boutons et un fond légèrement rosé, avec un abricot doux pour les mises en avant. Moderne, humaine et élégante.
Ardoise · Gris-bleu & moutarde
Le gris-bleu des toits d’ardoise : sobre, net, rassurant pour un public professionnel. Une moutarde et un terracotta viennent le réchauffer, pour que le sérieux reste accueillant.
Ton site, tu le modifies toi-même
Chaque page est faite de blocs WordPress : un titre, un paragraphe, une liste, une image, un bouton. Tu cliques dans le texte et tu écris, comme dans un traitement de texte : corriger une virgule, ajouter une puce à une liste, changer une photo ou le texte d’un bouton, sans code.
- Tout se fait dans ton navigateur, sur le site en ligne : rien à installer.
- Chaque enregistrement garde une version : on peut toujours revenir en arrière.
- Les couleurs et la mise en page restent cohérentes : tu changes le contenu, pas la structure.
- Une prise en main est prévue à la livraison, et je reste joignable ensuite.
Et ensuite ?
- Tu choisis une maquette, une palette, une quantité de texte et tes modules.
- Tu m’envoies ce qui manque : une vraie photo de toi (celles-ci sont provisoires), tes textes à ajuster et, si tu les gardes, les liens Google et Instagram.
- Je finalise le site sur la maquette retenue, tu relis.
- Mise en ligne sur ton hébergement, puis prise en main ensemble.