Outiref

Code source de l'URL : https://www.webastide.fr

<!DOCTYPE html>
<html lang="fr">
<!--
  ═══════════════════════════════════════════════════════════════════════════
  WEBASTIDE — Création de site internet en Lot-et-Garonne | Webastide
  Un site réalisé par Webastide — Antoine Lachaize · webastide.fr
  © 2026 Webastide. Micro-entreprise, exerçant sous le nom commercial Webastide.
  ═══════════════════════════════════════════════════════════════════════════
-->
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Création de site internet en Lot-et-Garonne | Webastide</title>
  <meta name="description" content="Création de site internet pour les commerces et artisans du Lot-et-Garonne, d'Agen à Marmande. Écrit à la main, livré en 2 à 4 semaines." />
  <meta name="author" content="Webastide — Antoine Lachaize" />
  <meta name="theme-color" content="#0E1714" />
  <meta name="color-scheme" content="dark" />
  <link rel="canonical" href="https://www.webastide.fr/" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="fr_FR" />
  <meta property="og:title" content="Création de site internet en Lot-et-Garonne | Webastide" />
  <meta property="og:description" content="Création de site internet pour les commerces et artisans du Lot-et-Garonne, d'Agen à Marmande. Écrit à la main, livré en 2 à 4 semaines." />
  <meta property="og:url" content="https://www.webastide.fr/" />
  <meta property="og:image" content="https://www.webastide.fr/images/partage-webastide.jpg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:image:alt" content="Webastide, création de sites web pour les commerces et les artisans" />
  <meta name="twitter:card" content="summary_large_image" />
  <link rel="icon" href="/favicon.ico" sizes="any" />
  <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
  <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  <link rel="preload" as="font" type="font/woff2" href="/fonts/Switzer-Variable.woff2" crossorigin />
  <link rel="preload" as="font" type="font/woff2" href="/fonts/ClashGrotesk-Semibold.woff2" crossorigin />
  <link rel="stylesheet" href="/css/site.css?v=1790187193" />
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ProfessionalService",
    "name": "Webastide",
    "description": "Création et entretien de sites web pour les commerces, artisans, restaurants et hébergeurs du Lot-et-Garonne, et à distance ailleurs en France.",
    "founder": {
      "@type": "Person",
      "name": "Antoine Lachaize"
    },
    "address": {
      "@type": "PostalAddress",
      "addressRegion": "Lot-et-Garonne",
      "addressCountry": "FR"
    },
    "areaServed": [
      {
        "@type": "City",
        "name": "Villeneuve-sur-Lot"
      },
      {
        "@type": "City",
        "name": "Agen"
      },
      {
        "@type": "City",
        "name": "Fumel"
      },
      {
        "@type": "City",
        "name": "Monflanquin"
      },
      {
        "@type": "City",
        "name": "Marmande"
      },
      {
        "@type": "City",
        "name": "Tonneins"
      },
      {
        "@type": "City",
        "name": "Nérac"
      },
      {
        "@type": "AdministrativeArea",
        "name": "Lot-et-Garonne"
      },
      {
        "@type": "Country",
        "name": "France"
      }
    ],
    "email": "contact@webastide.fr",
    "telephone": "+33607913065",
    "url": "https://www.webastide.fr/",
    "logo": "https://www.webastide.fr/favicon-512.png",
    "priceRange": "1500€ - 1900€",
    "slogan": "Votre commerce, à sa place sur le web.",
    "knowsLanguage": "fr"
  }
  </script>
</head>
<body>

<a href="#contenu" class="skip">Aller au contenu</a>

<header class="barre">
  <a href="/" class="marque" aria-label="Webastide, accueil" aria-current="page"><svg viewbox="0 0 64 64" aria-hidden="true"><path d="M14 55V28a18 18 0 0 1 36 0v27" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"/><line x1="9" y1="55" x2="55" y2="55" stroke="currentColor" stroke-width="5" stroke-linecap="round"/><rect x="26" y="31" width="12" height="12" rx="2.5" fill="#D88C22"/></svg>
    Webastide
  </a>
  <nav class="barre__nav" aria-label="Navigation principale">
      <a href="/creation-site-internet/">Création de site</a>
      <a href="/maintenance-site-internet/">Suivi</a>
      <a href="/referencement-local/">Référencement</a>
      <a href="/tarifs/">Tarifs</a>
      <a href="/realisations/">Réalisations</a>
      <a href="/guides/">Guides</a>
      <a href="/contact/">Contact</a>
  </nav>
  <div class="barre__droite">
    <a href="/contact/" class="btn btn--plein barre__cta">Demander un devis</a>
  </div>
</header>

<main id="contenu">

<section class="hero">
  <svg class="hero__arche" viewbox="0 0 64 64" aria-hidden="true"><path d="M14 55V28a18 18 0 0 1 36 0v27" fill="none" stroke="currentColor" stroke-width="1"/></svg>
  <div class="hero__texte">
    <h1 class="hero__titre anim" style="--i:0">Création de site internet en <span class="insecable">Lot-et-Garonne</span></h1>
  </div>
  <figure class="vitrine">
    <span class="cotation cotation--h" aria-hidden="true"><i></i><span>moins d'une seconde à l'affichage</span><i></i></span>
    <div class="vitrine__tel"><img src="/images/realisations/tonton-telephone.webp" width="540" height="1080" alt="Le site de l'Auberge Chez Tonton affiché sur un téléphone" fetchpriority="high" /></div>
    <span class="cotation cotation--v" aria-hidden="true"><i></i><span>pensé pour le téléphone</span><i></i></span>
  </figure>
  <div class="hero__bas">
    <p class="hero__sous anim" style="--i:1">Webastide crée, met en ligne et entretient le site internet de votre
      commerce ou de votre entreprise artisanale, en <span class="insecable">Lot-et-Garonne</span>, d'Agen à Marmande et de
      <span class="insecable">Villeneuve-sur-Lot</span> à Nérac. Chaque site est écrit à la main, sans constructeur de pages ni
      extension&nbsp;: il s'affiche en une fraction de seconde, n'impose aucun bandeau cookies à vos
      visiteurs, et il est à vous dès qu'il est payé.</p>
    <div class="hero__actions anim" style="--i:2">
      <a href="/contact/" class="btn btn--plein">Demander un devis <span class="fleche" aria-hidden="true">→</span></a>
      <a href="/realisations/" class="btn btn--ligne">Voir les réalisations</a>
    </div>
  </div>
  <dl class="chiffres">
    <div class="anim" style="--i:3"><dt>Mise en ligne</dt><dd>2 à 4 semaines</dd></div>
    <div class="anim" style="--i:4"><dt>À partir de</dt><dd>1&nbsp;500&nbsp;€</dd></div>
    <div class="anim" style="--i:5"><dt>Suivi mensuel</dt><dd>dès 80&nbsp;€</dd></div>
    <div class="anim" style="--i:6"><dt>Affichage</dt><dd>moins d'une seconde</dd></div>
  </dl>
</section>


<section class="sec" id="services">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2 id="ce-que-je-fais">Que fait Webastide&nbsp;?</h2>
      <p class="sec__repere">Pas de logo, pas de flyer, pas de réseaux sociaux. Des sites, et leur entretien.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">Trois prestations, et rien d'autre. Un site vitrine qui vous ressemble,
        son entretien mois après mois, et bientôt son référencement local.</p>
      <ul class="liste">
        <li><span><a href="/creation-site-internet/">Création de site</a></span> Un site vitrine
          sur mesure, du nom de domaine à la mise en ligne, livré en 2 à 4 semaines avec
          obligation de résultat. À partir de 1&nbsp;500&nbsp;€.</li>
        <li><span><a href="/maintenance-site-internet/">Suivi et entretien</a></span> Hébergement,
          sauvegardes, sécurité et surveillance, pour que le site ne se dégrade pas tout seul.
          À partir de 80&nbsp;€ par mois.</li>
        <li><span><a href="/referencement-local/">Référencement local</a> <b class="marqueur">À venir</b></span> Être trouvé quand un
          client cherche votre métier près de chez lui. En préparation pour 2027.</li>
      </ul>
      <p>Les <a href="/tarifs/">prix d'un site internet</a>, et ce qu'ils comprennent, sont
        détaillés un par un.</p>
    </div>
  </div>
</section>

<section class="sec sec--bord" id="pour-qui">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2>Pour qui sont ces sites&nbsp;?</h2>
      <p class="sec__repere">Si vous avez un local et des clients qui poussent la porte, c'est pour vous.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">Un restaurant, un garage et une chambre d'hôtes n'attendent pas la même
        chose d'un site.</p>
      <ul class="liste">
        <li><span>Restaurants et cafés</span> Pour un restaurant de Marmande comme pour un café de
          village&nbsp;: la carte à jour, les horaires et de quoi réserver. C'est ce qu'on cherche à
          midi, debout, sur un téléphone.</li>
        <li><span>Artisans du bâtiment</span> Des photos de chantiers finis et un numéro qui
          s'appelle d'un doigt. Pour un plombier qui s'installe à <span class="insecable">Villeneuve-sur-Lot</span>, le devis se
          joue souvent au premier appel.</li>
        <li><span>Chambres d'hôtes et gîtes</span> Les chambres, les disponibilités, et un lien
          direct vers la plateforme de réservation que vous utilisez déjà.</li>
        <li><span>Commerces et services</span> Ce que vous vendez, où vous êtes, et vos horaires
          d'ouverture&nbsp;: une boutique du centre d'Agen perd le client qui se déplace pour trouver
          porte close.</li>
      </ul>
      <p>Ce qui change d'un métier à l'autre, c'est ce qu'on met en avant. La façon de construire,
        elle, ne change pas.</p>
    </div>
  </div>
</section>

<section class="sec sec--bord" id="pourquoi">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2>Pourquoi un site fait main change quelque chose&nbsp;?</h2>
      <p class="sec__repere">Moins de 140&nbsp;Ko pour cette page, sept fichiers en tout. Rien qui vienne d'ailleurs.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">Un site de commerce, aujourd'hui, c'est presque toujours un empilement&nbsp;:
        un gestionnaire de contenu, un thème acheté, et dix greffons qui s'ignorent. Il est lent,
        il pose des traceurs, et il tombe le jour où une mise à jour est oubliée.</p>
      <p>Je fais l'inverse&nbsp;: chaque site est écrit à la main, sans WordPress ni greffon. Il n'y a
        rien qui puisse casser tout seul, rien à mettre à jour dans l'urgence, et le site lui-même
        ne dépose aucun cookie. Un visiteur qui arrive sur votre site voit votre page, pas une
        fenêtre qui lui demande d'accepter des cookies.</p>
      <p>Si vous ajoutez ensuite une billetterie, un module de réservation ou des statistiques de
        fréquentation, ces services-là peuvent en poser&nbsp;: on regarde ensemble ce que ça implique
        au moment de les brancher. Je préfère vous le dire maintenant plutôt que de vous vendre
        une garantie que le premier outil ajouté ferait tomber.</p>
      <p>C'est aussi ce qui permet de vous garantir un résultat plutôt que des efforts&nbsp;: le site
        livré est conforme au devis, fonctionnel et adapté au mobile, dans un délai ferme. Et si
        vous décidez un jour de partir, vos fichiers et votre nom de domaine vous sont remis sans
        frais.</p>
    </div>
  </div>
</section>

<section class="sec sec--bord" id="preuve">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2 id="comment">Comment ça se passe&nbsp;?</h2>
      <p class="sec__repere">Quatre étapes. Vous ne payez rien avant d'avoir validé le devis.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">De la première discussion à la mise en ligne, comptez deux à quatre
        semaines.</p>
      <ol class="etapes">
        <li><span>On se parle</span> Chez vous, au téléphone, peu importe. Vous repartez avec un
          prix ferme et rien à signer.</li>
        <li><span>Je construis</span> Vous voyez une maquette avant tout le reste, et on l'ajuste
          jusqu'à ce qu'elle vous ressemble.</li>
        <li><span>Ça part en ligne</span> Nom de domaine, hébergement, certificat, fiche Google&nbsp;:
          rien à faire de votre côté.</li>
        <li><span>Je surveille</span> Le site est entretenu tous les mois pour qu'il ne se dégrade
          pas dans votre dos.</li>
      </ol>
      <p><a href="/creation-site-internet/">Le détail de chaque étape</a>, avec ce qui est compris
        et ce qui ne l'est pas.</p>
    </div>
  </div>
</section>

<section class="sec sec--bord sec--palier">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2 id="exemple">Un site client, déjà en ligne</h2>
      <p class="sec__repere">Un vrai commerce, un vrai site. Vous pouvez l'ouvrir et le juger.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">L'Auberge Café-Théâtre Chez Tonton, à <span class="insecable">Saint-Aubin</span>&nbsp;: restaurant,
        salle de spectacle et quatre chambres d'hôtes.</p>
      <p>Le site réunit trois activités qui n'ont pas le même public, intègre la billetterie des
        spectacles et la réservation des chambres, et se met à jour tout seul quand une nouvelle
        date est programmée. Le patron n'a rien à faire.</p>
      <p><a href="/realisations/">Voir les réalisations et les démonstrations</a></p>
    </div>
  </div>
</section>

<section class="sec sec--bord" id="zone">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2 id="ou">Où est-ce que j'interviens&nbsp;?</h2>
      <p class="sec__repere">Un commerce à 400 km ne se visite pas. Ça ne l'empêche pas d'avoir un site.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">En <span class="insecable">Lot-et-Garonne</span>, je me déplace. Ailleurs en France, tout se fait à
        distance, et le site est exactement le même.</p>
      <p>Agen et son agglomération (Le Passage, Boé, <span class="insecable">Bon-Encontre</span>), <span class="insecable">Villeneuve-sur-Lot</span>, Marmande,
        Tonneins, Nérac, Fumel et les communes autour&nbsp;: on se voit, je viens sur place. C'est souvent plus simple pour parler d'un métier qu'on exerce depuis
        vingt ans, et ça évite les malentendus qu'un échange de mails laisse passer. Les
        départements limitrophes entrent dans la même zone.</p>
      <p>Partout ailleurs, les échanges se font par téléphone, par mail et par visioconférence.
        Le travail ne change pas, seule sa forme change. <strong>Aucun frais de déplacement
        n'est facturé, où que vous soyez</strong>, et le prix est identique.</p>
    </div>
  </div>
</section>

<section class="sec sec--bord sec--palier" id="contact">
  <div class="sec__grille">
    <div class="sec__tete"><div class="sec__colle"><h2>Parlons de votre projet</h2>
      <p class="sec__repere">Un devis fixe, validé avant de commencer. Vous n'avez rien signé.</p></div></div>
    <div class="sec__corps">
      <p class="chapo">Que votre projet soit précis ou encore flou, écrivez-moi ou appelez. Le
        premier échange est gratuit, et vous n'êtes engagé à rien tant que vous n'avez rien
        signé.</p>
      <p><a href="/contact/" class="btn btn--plein">Demander un devis <span class="fleche" aria-hidden="true">→</span></a></p>
    </div>
  </div>
</section>

</main>

<footer class="pied">
  <div class="pied__haut">
    <span class="marque"><svg viewbox="0 0 64 64" aria-hidden="true"><path d="M14 55V28a18 18 0 0 1 36 0v27" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"/><line x1="9" y1="55" x2="55" y2="55" stroke="currentColor" stroke-width="5" stroke-linecap="round"/><rect x="26" y="31" width="12" height="12" rx="2.5" fill="#D88C22"/></svg>
      Webastide
    </span>
    <nav class="pied__nav" aria-label="Pied de page">
      <a href="/creation-site-internet/">Création de site</a>
      <a href="/maintenance-site-internet/">Suivi et entretien</a>
      <a href="/referencement-local/">Référencement local</a>
      <a href="/tarifs/">Tarifs</a>
      <a href="/realisations/">Réalisations</a>
      <a href="/guides/">Guides</a>
      <a href="/contact/">Contact</a>
      <a href="/mentions-legales">Mentions légales</a>
      <a href="/cgps">CGPS</a>
    </nav>
  </div>
  <p class="pied__legal">Antoine Lachaize · entrepreneur individuel exerçant sous le nom commercial
    <strong>Webastide</strong> · <a href="/cdn-cgi/l/email-protection#3e5d51504a5f5d4a7e495b5c5f4d4a575a5b10584c"><span class="__cf_email__" data-cfemail="9cfff3f2e8fdffe8dcebf9fefdefe8f5f8f9b2faee">[email&#160;protected]</span></a>
    · <a href="tel:+33607913065">06 07 91 30 65</a></p>
  <p class="pied__maquette">© 2026 Webastide · Création de sites web, par Antoine Lachaize</p>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  /* Retour en haut. Le bouton est créé ici, et non dans le HTML, pour
     n'exister que si le script tourne et ne rien ajouter aux 12 pages. */
  (function () {
    if (document.body.scrollHeight < 1600) return;
    var a = document.createElement('a');
    a.href = '#'; a.className = 'haut'; a.setAttribute('aria-label', 'Revenir en haut de la page');
    a.innerHTML = '\u2191';
    a.addEventListener('click', function (e) {
      e.preventDefault();
      var doux = !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
      window.scrollTo({ top: 0, behavior: doux ? 'smooth' : 'auto' });
      var h1 = document.querySelector('h1');
      if (h1) { h1.setAttribute('tabindex', '-1'); h1.focus({ preventScroll: true }); }
    });
    document.body.appendChild(a);
    var vu = false;
    function voir() {
      var doit = window.scrollY > 600;
      if (doit !== vu) { vu = doit; a.classList.toggle('haut--vu', doit); }
    }
    addEventListener('scroll', voir, { passive: true });
    voir();
  })();
  /* Sommaire du hero : replié sur petit écran, ouvert dès 720 px. L'attribut
     `open` ne se pilote pas en CSS, d'où ces quelques lignes. */
  (function () {
    var d = document.querySelector('.hero__somm');
    if (!d) return;
    var mq = window.matchMedia('(min-width: 720px)');
    function ajuste() { d.open = mq.matches; }
    ajuste();
    (mq.addEventListener ? mq.addEventListener('change', ajuste) : mq.addListener(ajuste));
  })();


</script>

</body>
</html>