{"id":1069,"date":"2026-06-18T17:06:53","date_gmt":"2026-06-18T15:06:53","guid":{"rendered":"https:\/\/flavienonfroy.ovh\/?page_id=1069"},"modified":"2026-06-24T11:31:59","modified_gmt":"2026-06-24T09:31:59","slug":"site-web","status":"publish","type":"page","link":"https:\/\/flavienonfroy.ovh\/index.php\/site-web\/","title":{"rendered":"Site web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1069\" class=\"elementor elementor-1069\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7809a22 e-flex e-con-boxed e-con e-parent\" data-id=\"7809a22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30002db elementor-widget elementor-widget-html\" data-id=\"30002db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');\n.cw{font-family:'Inter','Segoe UI',sans-serif;color:#1D3354;--marine:#1D3354;--teal:#2DD4BF;--teal2:#22c0ac;--ink:#4a5568;--mut:#718096;--soft:#f7f9fc;line-height:1.6;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}\n.cw *{box-sizing:border-box}\n.cw a{text-decoration:none}\n.cw img{max-width:100%}\n.cw h1,.cw h2,.cw h3{font-family:'Space Grotesk','Inter',sans-serif}\n.cw-sec{padding:84px 32px;scroll-margin-top:90px}\n.cw-inner{max-width:1140px;margin:0 auto}\n.cw-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--teal2);margin-bottom:14px;display:block;text-align:center}\n.cw-h2{font-size:clamp(26px,3.6vw,40px);font-weight:700;text-align:center;margin:0 0 14px;color:var(--marine);line-height:1.14}\n.cw-sub{text-align:center;color:var(--mut);max-width:640px;margin:0 auto 52px;font-size:16px}\n\n\/* HERO *\/\n.cw-hero{background:var(--marine);padding:134px 32px 88px;text-align:center;color:#fff}\n.cw-badge{display:inline-block;background:rgba(45,212,191,.14);border:1px solid var(--teal);color:var(--teal);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:8px 20px;border-radius:40px;margin-bottom:24px}\n.cw-hero h1{font-size:clamp(34px,5.5vw,62px);font-weight:700;margin:0;line-height:1.05}\n.cw-hero p{font-size:17px;color:rgba(255,255,255,.7);max-width:640px;margin:22px auto 0;line-height:1.75}\n\n\/* CARTES *\/\n.cw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.cw-card{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:32px 26px;transition:transform .3s,box-shadow .3s,border-color .3s}\n.cw-card:hover{transform:translateY(-8px);box-shadow:0 24px 52px rgba(29,51,84,.12);border-color:var(--teal)}\n.cw-card .n{font-family:'Space Grotesk';font-size:14px;font-weight:700;color:var(--teal2);margin-bottom:14px;display:block}\n.cw-card h3{font-size:17.5px;margin:0 0 9px;color:var(--marine)}\n.cw-card p{font-size:14px;color:var(--mut);margin:0;line-height:1.65}\n\n\/* OUTILS *\/\n.cw-tools{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:820px;margin:0 auto}\n.cw-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #eef2f7;border-radius:40px;padding:12px 22px;box-shadow:0 8px 22px rgba(29,51,84,.06)}\n.cw-pill img{width:22px;height:22px;display:block}\n.cw-pill span{font-weight:700;font-size:14px;color:var(--marine)}\n\n\/* M\u00c9THODE *\/\n.cw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\n.cw-step{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:28px 24px;transition:transform .3s,box-shadow .3s}\n.cw-step:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(29,51,84,.1)}\n.cw-step b{font-family:'Space Grotesk';display:block;font-size:24px;font-weight:700;color:var(--teal);margin-bottom:12px}\n.cw-step h4{font-size:15px;font-weight:800;margin:0 0 7px;color:var(--marine)}\n.cw-step p{font-size:13px;color:var(--mut);line-height:1.6;margin:0}\n\n\/* PROJETS ASSOCI\u00c9S *\/\n.cw-proj{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.cw-pcard{display:block;background:var(--marine);border:2px solid transparent;border-radius:26px;padding:32px 28px;color:#fff;transition:transform .3s,box-shadow .3s,border-color .3s}\n.cw-pcard:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(29,51,84,.26);border-color:var(--teal)}\n.cw-pcard .pt{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}\n.cw-pcard h3{font-size:21px;margin:0 0 10px}\n.cw-pcard p{font-size:14px;color:rgba(255,255,255,.72);margin:0 0 20px;line-height:1.6}\n.cw-pcard .go{font-weight:800;font-size:13.5px;color:var(--teal);display:inline-flex;gap:8px;transition:gap .25s}\n.cw-pcard:hover .go{gap:14px}\n\n\/* CTA *\/\n.cw-cta{background:var(--marine);text-align:center;padding:90px 32px;color:#fff}\n.cw-cta h2{font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0 0 16px;color:#fff}\n.cw-cta p{color:rgba(255,255,255,.7);max-width:520px;margin:0 auto 32px;font-size:16px}\n.cw-btn{display:inline-block;background:var(--teal);color:var(--marine);font-weight:800;font-size:15px;padding:16px 36px;border-radius:40px;transition:transform .25s,background .25s}\n.cw-btn:hover{background:var(--teal2);transform:translateY(-3px)}\n.cw-btn--g{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);margin-left:12px}\n.cw-btn--g:hover{background:rgba(255,255,255,.08)}\n\n@media(max-width:880px){\n  .cw-grid3,.cw-proj{grid-template-columns:1fr}\n  .cw-steps{grid-template-columns:1fr 1fr}\n  .cw-sec{padding:64px 22px}\n}\n@media(max-width:520px){ .cw-steps{grid-template-columns:1fr} }\n<\/style>\n\n<div class=\"cw\">\n\n  <!-- HERO -->\n  <header class=\"cw-hero\">\n    <span class=\"cw-badge\">Comp\u00e9tence<\/span>\n    <h1>Construction de sites web<\/h1>\n    <p>Je con\u00e7ois, refonds et migre des sites web vers des solutions WordPress \/ WooCommerce modernes, rapides et faciles \u00e0 g\u00e9rer en interne.<\/p>\n  <\/header>\n\n  <!-- CE QUE COUVRE LA COMP\u00c9TENCE -->\n  <section class=\"cw-sec\">\n    <div class=\"cw-inner\">\n      <span class=\"cw-eyebrow\">Mon expertise<\/span>\n      <h2 class=\"cw-h2\">Ce que couvre cette comp\u00e9tence<\/h2>\n      <p class=\"cw-sub\">De l'audit de l'existant \u00e0 la mise en ligne, en passant par la migration du catalogue et l'optimisation.<\/p>\n      <div class=\"cw-grid3\">\n        <div class=\"cw-card\"><span class=\"n\">01<\/span><h3>Refonte &amp; modernisation<\/h3><p>Transformer un site dat\u00e9 en un site clair, rapide et responsive, fid\u00e8le \u00e0 l'image de la marque.<\/p><\/div>\n        <div class=\"cw-card\"><span class=\"n\">02<\/span><h3>Migration e-commerce<\/h3><p>Passage de Magento ou PrestaShop vers WooCommerce, avec reprise compl\u00e8te du catalogue.<\/p><\/div>\n        <div class=\"cw-card\"><span class=\"n\">03<\/span><h3>WordPress \/ WooCommerce<\/h3><p>Arborescence, tunnel d'achat, variations de produits et personnalisation, dans un back-office souple.<\/p><\/div>\n        <div class=\"cw-card\"><span class=\"n\">04<\/span><h3>Responsive &amp; mobile<\/h3><p>Une exp\u00e9rience soign\u00e9e et fluide sur tous les \u00e9crans, du grand \u00e9cran au smartphone.<\/p><\/div>\n        <div class=\"cw-card\"><span class=\"n\">05<\/span><h3>SEO technique &amp; redirections<\/h3><p>Plan de redirections 301 et bonnes pratiques techniques pour pr\u00e9server le r\u00e9f\u00e9rencement lors d'une migration.<\/p><\/div>\n        <div class=\"cw-card\"><span class=\"n\">06<\/span><h3>Autonomie &amp; formation<\/h3><p>Un site simple \u00e0 administrer et une prise en main pour que l'\u00e9quipe g\u00e8re ses contenus elle-m\u00eame.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- OUTILS -->\n  <section class=\"cw-sec\" style=\"background:var(--soft)\">\n    <div class=\"cw-inner\">\n      <span class=\"cw-eyebrow\">Mes outils<\/span>\n      <h2 class=\"cw-h2\">Les technologies que j'utilise<\/h2>\n      <p class=\"cw-sub\">Un \u00e9cosyst\u00e8me WordPress ma\u00eetris\u00e9, du d\u00e9veloppement \u00e0 la mise en production.<\/p>\n      <div class=\"cw-tools\">\n        <span class=\"cw-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\" alt=\"\" onerror=\"this.style.display='none'\"><span>WordPress<\/span><\/span>\n        <span class=\"cw-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/woocommerce\" alt=\"\" onerror=\"this.style.display='none'\"><span>WooCommerce<\/span><\/span>\n        <span class=\"cw-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/elementor\" alt=\"\" onerror=\"this.style.display='none'\"><span>Elementor<\/span><\/span>\n        <span class=\"cw-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\" alt=\"\" onerror=\"this.style.display='none'\"><span>Search Console<\/span><\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- M\u00c9THODE -->\n  <section class=\"cw-sec\">\n    <div class=\"cw-inner\">\n      <span class=\"cw-eyebrow\">Ma m\u00e9thode<\/span>\n      <h2 class=\"cw-h2\">Une d\u00e9marche en 4 \u00e9tapes<\/h2>\n      <p class=\"cw-sub\">Un cadre clair pour livrer un site fiable, performant et sans rupture de r\u00e9f\u00e9rencement.<\/p>\n      <div class=\"cw-steps\">\n        <div class=\"cw-step\"><b>01<\/b><h4>Audit &amp; cadrage<\/h4><p>Analyse de l'existant, objectifs et arborescence cible.<\/p><\/div>\n        <div class=\"cw-step\"><b>02<\/b><h4>Conception &amp; migration<\/h4><p>Int\u00e9gration, reprise du catalogue et des contenus.<\/p><\/div>\n        <div class=\"cw-step\"><b>03<\/b><h4>Optimisation<\/h4><p>Performance, responsive, SEO technique et redirections 301.<\/p><\/div>\n        <div class=\"cw-step\"><b>04<\/b><h4>Mise en ligne &amp; formation<\/h4><p>Recette, mise en production et prise en main autonome.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROJETS ASSOCI\u00c9S -->\n  <section class=\"cw-sec\" style=\"background:var(--soft)\">\n    <div class=\"cw-inner\">\n      <span class=\"cw-eyebrow\">En pratique<\/span>\n      <h2 class=\"cw-h2\">Projets associ\u00e9s<\/h2>\n      <p class=\"cw-sub\">Des refontes et migrations men\u00e9es de bout en bout.<\/p>\n      <div class=\"cw-proj\">\n        <a class=\"cw-pcard\" href=\"https:\/\/flavienonfroy.ovh\/index.php\/projet-seo-leurre\/\">\n          <div class=\"pt\">E-commerce<\/div>\n          <h3>Leurre \u00e0 l'unit\u00e9<\/h3>\n          <p>Refonte et migration de Magento vers WooCommerce pour une boutique plus rapide et plus autonome.<\/p>\n          <span class=\"go\">Voir le projet \u2192<\/span>\n        <\/a>\n        <a class=\"cw-pcard\" href=\"https:\/\/flavienonfroy.ovh\/index.php\/idfer\/\">\n          <div class=\"pt\">E-commerce<\/div>\n          <h3>IDfer<\/h3>\n          <p>Migration de PrestaShop vers WooCommerce pour reprendre la main en interne et gagner en flexibilit\u00e9.<\/p>\n          <span class=\"go\">Voir le projet \u2192<\/span>\n        <\/a>\n        <a class=\"cw-pcard\" href=\"https:\/\/flavienonfroy.ovh\/index.php\/bouchemaine-tt-anjou\/\">\n          <div class=\"pt\">Club sportif<\/div>\n          <h3>Bouchemaine TT Anjou<\/h3>\n          <p>Refonte d'un ancien site vers un site WordPress moderne, responsive et facile \u00e0 mettre \u00e0 jour.<\/p>\n          <span class=\"go\">Voir le projet \u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comp\u00e9tence Construction de sites web Je con\u00e7ois, refonds et migre des sites web vers des solutions WordPress \/ WooCommerce modernes, rapides et faciles \u00e0 g\u00e9rer en interne. Mon expertise Ce que couvre cette comp\u00e9tence De l&rsquo;audit de l&rsquo;existant \u00e0 la mise en ligne, en passant par la migration du catalogue et l&rsquo;optimisation. 01 Refonte &amp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1069","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":10,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1069\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1069\/revisions\/1194"}],"wp:attachment":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}