Création de site internet à Pézenas et dans l'Hérault

Le cadrage

20 minutes offertes, par téléphone ou par écrit — et sur place à Pézenas : on parle de votre métier avant de parler de technique.

Une maquette validée avant d'intégrer

Vous validez l'ossature avant la première couleur, puis la direction : vos couleurs d'enseigne, ou une palette proposée et justifiée.

Des textes écrits ou relus avec vous

Vos mots, votre carte, vos horaires. Ce qui manque s'écrit ensemble, rien n'est copié d'un modèle.

Vos photos mises en valeur

Recadrées, allégées pour charger vite, lisibles sur un téléphone tenu d'une main.

Une mécanique qui rapporte

Réservation, demande de devis, prise de rendez-vous ou vente : chaque page pousse vers l'action qui compte pour vous.

Lisible partout, et mesuré

Le même site à 390 px de large, chaque couleur vérifiée au contraste, les tailles de texte contrôlées.

En ligne, conforme, sécurisé

Mentions légales, politique de confidentialité, HTTPS, mise en ligne sur votre nom de domaine.

Trouvable à côté de chez vous

Une fiche Google qui dit exactement la même chose que le site — même nom, même adresse, même téléphone — et un suivi dans la Search Console.

Tout vous appartient

Le code, les accès et les comptes sont à vous. Sans abonnement.

1. Brief

Ce que le client demande, et ce qu'on doit obtenir. Rien n'est dessiné tant que ce n'est pas écrit.

Vous : Vous dites ce que le site doit obtenir. Rien n'est dessiné avant que ce soit écrit.

2. Structure

Les blocs et leur hiérarchie, en gris. Vous validez l'ossature avant la première couleur.

Vous : Vous validez l'ordre des blocs. C'est le moment où changer coûte le moins cher.

3. Couleurs & typo

La palette et les polices se posent sur l'ossature. Chaque couleur est vérifiée au contraste.

Vous : Vous tranchez la direction : vos couleurs d'enseigne, ou une palette proposée et justifiée.

4. Contenu

Les vrais textes et les vraies images. Les repères expliquent chaque choix d'écriture.

Vous : Vos textes, vos photos, votre carte. Ce qui manque s'écrit avec vous.

5. Mobile

Le même site à 390 px de large. Ce n'est pas une version réduite : c'est une mise en page à part.

Vous : Vous vérifiez sur votre propre téléphone, pas sur un émulateur.

6. En ligne

Le rendu final, et ce qui se mesure dessus.

Vous : Le devis est fixe et écrit avant tout engagement, sans surprise en cours de route.

La Table du Marché — Restaurant

Prendre une réservation

La demande

Un restaurant de 32 couverts, une carte qui change chaque matin selon l'arrivage.

La contrainte

Le patron perd vingt minutes par service à répondre au téléphone.

L'objectif

Qu'une réservation se prenne sans lui, et que la carte du jour se lise depuis la rue.

Notes du designer

1. Le titre dit ce qu'on mange et où. Pas « Bienvenue sur notre site ».
2. Un seul bouton au-dessus de la ligne de flottaison. Tout le reste attend.
3. La carte du jour passe avant la présentation : c'est ce que les gens viennent vérifier.
4. Adresse et horaires sont du texte, jamais une image. Google les lit, un lecteur d'écran aussi.

Le processus pour ce cas

1. Brief. Vingt minutes avec le patron, entre deux services. On écrit ce que le site doit obtenir : une réservation prise sans lui, la carte du jour lisible depuis la rue. Rien n'est dessiné avant.
2. Structure. En gris : le bouton de réservation en haut, le menu du jour juste dessous, la maison ensuite, horaires et adresse en pied. Il valide cet ordre avant la première couleur.
3. Couleurs & typo. Crème, brun foncé, un rouge pour le seul bouton, un or pour les prix : la palette vient de la salle. Titres en Lora. Chaque paire de couleurs est vérifiée au contraste.
4. Contenu. Ses plats, sa salle, son marché du matin. Le menu du jour est du texte, pas une photo de l'ardoise : il se lit depuis la rue, et Google le lit aussi. Adresse et horaires, pareil.
5. Mobile. À 390 px, le bouton « Réserver » reste sous le pouce et le menu se lit sans zoomer. Il vérifie sur son propre téléphone, devant la porte du restaurant.
6. En ligne. Nom de domaine, HTTPS, mentions légales. Le devis était fixe et écrit avant le premier trait. Ce qui compte ensuite : les réservations qui arrivent sans passer par lui.

Maçonnerie Vidal — Artisan BTP

Rassurer, puis obtenir une demande de devis

La demande

Un maçon, douze ans de métier, aucune vitrine en ligne.

La contrainte

Tous ses chantiers viennent du bouche-à-oreille, et il ne répond pas pendant la journée.

L'objectif

Qu'un devis se demande le soir, depuis un téléphone, sans qu'il ait à rappeler pour comprendre le besoin.

Notes du designer

1. Le métier et la zone dans le titre : c'est exactement ce qui se tape dans un moteur de recherche.
2. Trois chantiers en photo remplacent dix lignes d'argumentaire.
3. « Devis sous 48 h » est un engagement chiffré. « Rapidement » n'engage personne.
4. Un seul bouton sur toute la page, juste sous la promesse du titre : le devis se demande le soir, depuis un téléphone.

Le processus pour ce cas

1. Brief. Il ne répond pas en journée. On écrit ce que le site doit obtenir : une demande de devis le soir, depuis un téléphone, assez précise pour qu'il n'ait pas à rappeler pour comprendre.
2. Structure. En gris : le métier et la zone dans le titre, trois chantiers, l'engagement chiffré, le formulaire. Un seul bouton sur toute la page. Il valide cet ordre avant la première couleur.
3. Couleurs & typo. Fond clair, texte ardoise, un orange brique pour le bouton. Space Grotesk en capitales espacées : solide, sans crier. Chaque paire de couleurs est vérifiée au contraste.
4. Contenu. Ses chantiers en photo plutôt qu'un argumentaire. Le formulaire pose les trois questions qu'il poserait au téléphone : le type de travaux, la commune, un numéro pour rappeler.
5. Mobile. La demande part du canapé, le soir : champs larges, un seul bouton pleine largeur, rien à pincer pour lire. Il vérifie sur son propre téléphone, pas sur un émulateur.
6. En ligne. Nom de domaine, HTTPS, mentions légales. Le devis était fixe et écrit avant le premier trait. Ce qui compte ensuite : les demandes qui arrivent le soir, et un rappel le matin en sachant déjà de quoi il s'agit.

Savonnerie du Cours — Boutique en ligne

Vendre un produit

La demande

Une savonnerie artisanale qui vend sur les marchés et veut vendre en ligne.

La contrainte

Le fait main est tout l'argument, et les boutiques en ligne toutes faites l'effacent.

L'objectif

Vendre sans perdre l'air fait main, et rendre le prix lisible sans effort.

Notes du designer

1. Le mode de fabrication est dans le titre. C'est l'argument de vente, pas une mention légale.
2. Le prix se lit sans effort : chiffres tabulaires, contraste fort, jamais en gris clair.
3. Un seul bouton d'achat par produit, toujours au même endroit.
4. Fond sombre pour que le produit soit la seule source de lumière de l'écran.

Le processus pour ce cas

1. Brief. Elle vend sur les marchés et veut vendre en ligne sans que le fait main disparaisse derrière une boutique toute faite. On écrit ce que le site doit obtenir : une vente, et un prix lisible sans effort.
2. Structure. En gris : le mode de fabrication dans le titre, les produits tout de suite, l'atelier ensuite. Un bouton d'achat par produit, toujours au même endroit. Elle valide cet ordre.
3. Couleurs & typo. Fond sombre pour que le savon soit la seule source de lumière. Figtree en graisses lourdes, chiffres tabulaires pour les prix. Contraste vérifié sur le fond noir.
4. Contenu. Six savons, une photo chacun, un prix qui se lit en une seconde. L'atelier et les mains : le fait main se montre, il ne s'affirme pas.
5. Mobile. Deux produits par rangée, le prix et le bouton toujours visibles ensemble. Elle vérifie sur le téléphone avec lequel elle photographie ses savons.
6. En ligne. Nom de domaine, HTTPS, mentions légales, et la boutique choisie d'après ce qu'elle devra gérer elle-même : WooCommerce, PrestaShop ou Shopify. Le devis était fixe et écrit avant le premier trait.