{"id":2472,"date":"2025-09-15T12:13:04","date_gmt":"2025-09-15T12:13:04","guid":{"rendered":"https:\/\/webontwerpers.be\/over-ons\/"},"modified":"2026-01-24T10:02:25","modified_gmt":"2026-01-24T10:02:25","slug":"over-ons","status":"publish","type":"page","link":"https:\/\/webontwerpers.be\/fr\/over-ons\/","title":{"rendered":"Over Ons"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2472\" class=\"elementor elementor-2472 elementor-964\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cfa0ce e-con-full e-flex e-con e-parent\" data-id=\"5cfa0ce\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10b34ce elementor-widget elementor-widget-html\" data-id=\"10b34ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBONTWERPERS - OVER ONS (Elementor HTML Widget)\n     Paste everything as-is into ONE Elementor HTML widget.\n     Works standalone: HTML + CSS + JS included.\n-->\n<section class=\"wo-about\" id=\"wo-about\">\n  <style>\n    :root{\n      --wo-bg:#070A12;\n      --wo-card:rgba(255,255,255,.06);\n      --wo-border:rgba(255,255,255,.12);\n      --wo-text:rgba(255,255,255,.88);\n      --wo-muted:rgba(255,255,255,.68);\n      --wo-soft:rgba(255,255,255,.08);\n      --wo-accent:#3158e8;\n      --wo-accent2:#a154d0;\n      --wo-green:#22c55e;\n      --wo-shadow: 0 18px 45px rgba(0,0,0,.45);\n      --wo-radius: 22px;\n      --wo-max: 1400px;\n      --wo-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n    }\n\n    .wo-about{\n      position:relative;\n      background: radial-gradient(1200px 600px at 15% 12%, rgba(49,88,232,.22), transparent 60%),\n                  radial-gradient(1000px 540px at 85% 18%, rgba(161,84,208,.18), transparent 55%),\n                  radial-gradient(900px 520px at 50% 95%, rgba(34,197,94,.10), transparent 55%),\n                  var(--wo-bg);\n      color:var(--wo-text);\n      font-family:var(--wo-font);\n      overflow:hidden;\n      padding: 0;\n      isolation:isolate;\n    }\n\n    \/* Subtle grid + noise *\/\n    .wo-about::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);\n      background-size: 64px 64px;\n      opacity:.12;\n      pointer-events:none;\n      mix-blend-mode:soft-light;\n      z-index:0;\n    }\n    .wo-about::after{\n      content:\"\";\n      position:absolute; inset:-40px;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.30'\/%3E%3C\/svg%3E\");\n      opacity:.07;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .wo-wrap{\n      position:relative;\n      z-index:1;\n      max-width: var(--wo-max);\n      margin: 0 auto;\n      padding: 84px 18px;\n    }\n\n    \/* HERO *\/\n    .wo-hero{\n      display:grid;\n      grid-template-columns: 1.25fr .75fr;\n      gap: 22px;\n      align-items: stretch;\n      margin-bottom: 26px;\n    }\n    .wo-heroCard{\n      background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));\n      border:1px solid var(--wo-border);\n      border-radius: calc(var(--wo-radius) + 6px);\n      box-shadow: var(--wo-shadow);\n      padding: 30px;\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      position:relative;\n      overflow:hidden;\n    }\n    .wo-heroCard::before{\n      content:\"\";\n      position:absolute;\n      width: 520px; height: 520px;\n      left:-220px; top:-260px;\n      background: radial-gradient(circle at 30% 30%, rgba(49,88,232,.55), transparent 60%);\n      filter: blur(6px);\n      opacity:.65;\n      pointer-events:none;\n    }\n    .wo-badgeRow{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom: 14px;\n    }\n    .wo-badge{\n      display:inline-flex;\n      gap:8px;\n      align-items:center;\n      padding: 7px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.07);\n      border: 1px solid rgba(255,255,255,.12);\n      color: rgba(255,255,255,.82);\n      font-size: 12.5px;\n      letter-spacing:.2px;\n      white-space:nowrap;\n    }\n    .wo-dot{\n      width:8px; height:8px; border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-accent), var(--wo-accent2));\n      box-shadow: 0 0 0 3px rgba(49,88,232,.18);\n    }\n\n    .wo-h1{\n      font-size: clamp(28px, 3.3vw, 44px);\n      line-height: 1.08;\n      margin: 8px 0 12px;\n      letter-spacing: -0.6px;\n    }\n    .wo-h1 strong{\n      background: linear-gradient(90deg, rgba(49,88,232,1), rgba(161,84,208,1));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n    .wo-lead{\n      color: var(--wo-muted);\n      font-size: 15.8px;\n      line-height: 1.7;\n      margin: 0 0 18px;\n      max-width: 70ch;\n    }\n\n    .wo-ctaRow{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      align-items:center;\n      margin-top: 16px;\n    }\n    .wo-btn{\n      appearance:none;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(255,255,255,.90);\n      border-radius: 14px;\n      padding: 12px 14px;\n      font-weight: 650;\n      letter-spacing: .2px;\n      cursor:pointer;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      text-decoration:none !important;\n    }\n    .wo-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.22); }\n    .wo-btn:active{ transform: translateY(0px); }\n    .wo-btnPrimary{\n      border: 1px solid rgba(49,88,232,.55);\n      background: linear-gradient(135deg, rgba(49,88,232,.22), rgba(161,84,208,.18));\n      box-shadow: 0 14px 35px rgba(49,88,232,.12);\n    }\n    .wo-btnPrimary:hover{\n      background: linear-gradient(135deg, rgba(49,88,232,.28), rgba(161,84,208,.22));\n      border-color: rgba(49,88,232,.75);\n    }\n\n    .wo-icon{\n      width:18px; height:18px;\n      display:inline-block;\n    }\n\n    \/* Right stat card *\/\n    .wo-sideCard{\n      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));\n      border:1px solid var(--wo-border);\n      border-radius: calc(var(--wo-radius) + 6px);\n      box-shadow: var(--wo-shadow);\n      padding: 22px;\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      position:relative;\n      overflow:hidden;\n    }\n    .wo-sideTitle{\n      display:flex; align-items:center; gap:10px;\n      margin:0 0 10px;\n      font-size: 14px;\n      color: rgba(255,255,255,.78);\n      letter-spacing:.2px;\n    }\n    .wo-sideGrid{\n      display:grid;\n      grid-template-columns: 1fr;\n      gap: 10px;\n      margin-top: 12px;\n    }\n    .wo-stat{\n      padding: 14px 14px;\n      border-radius: 16px;\n      background: rgba(255,255,255,.055);\n      border: 1px solid rgba(255,255,255,.10);\n    }\n    .wo-statTop{\n      display:flex; align-items:baseline; justify-content:space-between;\n      gap:12px;\n      margin-bottom:6px;\n    }\n    .wo-statNum{\n      font-size: 26px;\n      font-weight: 800;\n      letter-spacing: -0.5px;\n    }\n    .wo-statLbl{\n      font-size: 12.5px;\n      color: rgba(255,255,255,.66);\n    }\n    .wo-bar{\n      height:8px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.08);\n      overflow:hidden;\n      border: 1px solid rgba(255,255,255,.10);\n    }\n    .wo-bar > span{\n      display:block;\n      height:100%;\n      width: 0%;\n      border-radius: 999px;\n      background: linear-gradient(90deg, rgba(49,88,232,1), rgba(161,84,208,1));\n      transition: width 1s ease;\n    }\n    .wo-miniNote{\n      margin-top: 10px;\n      font-size: 12.5px;\n      color: rgba(255,255,255,.62);\n      line-height: 1.6;\n    }\n\n    \/* SECTION HEADERS *\/\n    .wo-section{\n      margin-top: 22px;\n    }\n    .wo-sectionHeader{\n      display:flex;\n      align-items:flex-end;\n      justify-content:space-between;\n      gap: 14px;\n      margin-bottom: 14px;\n    }\n    .wo-h2{\n      margin:0;\n      font-size: 18px;\n      letter-spacing: .2px;\n      color: rgba(255,255,255,.88);\n    }\n    .wo-sub{\n      margin:0;\n      font-size: 13px;\n      color: rgba(255,255,255,.60);\n      max-width: 62ch;\n      line-height: 1.6;\n    }\n\n    \/* VALUE CARDS *\/\n    .wo-grid3{\n      display:grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n    }\n    .wo-card{\n      background: rgba(255,255,255,.045);\n      border:1px solid rgba(255,255,255,.10);\n      border-radius: var(--wo-radius);\n      padding: 18px;\n      position:relative;\n      overflow:hidden;\n      transition: transform .18s ease, border-color .18s ease, background .18s ease;\n    }\n    .wo-card:hover{\n      transform: translateY(-2px);\n      background: rgba(255,255,255,.06);\n      border-color: rgba(255,255,255,.18);\n    }\n    .wo-cardTop{\n      display:flex;\n      align-items:center;\n      gap: 12px;\n      margin-bottom: 10px;\n    }\n    .wo-pill{\n      width: 40px; height:40px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, rgba(49,88,232,.22), rgba(161,84,208,.18));\n      border:1px solid rgba(49,88,232,.35);\n      display:flex; align-items:center; justify-content:center;\n      box-shadow: 0 14px 35px rgba(49,88,232,.10);\n      flex: 0 0 auto;\n    }\n    .wo-cardTitle{\n      margin:0;\n      font-size: 15px;\n      font-weight: 800;\n      letter-spacing: -0.2px;\n    }\n    .wo-cardText{\n      margin:0;\n      font-size: 13.7px;\n      line-height: 1.75;\n      color: rgba(255,255,255,.70);\n    }\n\n    \/* PROCESS *\/\n    .wo-process{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n    }\n    .wo-step{\n      background: rgba(255,255,255,.045);\n      border:1px solid rgba(255,255,255,.10);\n      border-radius: var(--wo-radius);\n      padding: 18px;\n      position:relative;\n      overflow:hidden;\n    }\n    .wo-stepNum{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      width:34px; height:34px;\n      border-radius: 12px;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      font-weight: 900;\n      letter-spacing: -0.4px;\n      margin-bottom: 10px;\n    }\n    .wo-stepTitle{\n      margin:0 0 6px;\n      font-size: 14.8px;\n      font-weight: 850;\n      letter-spacing:-0.2px;\n    }\n    .wo-stepText{\n      margin:0;\n      font-size: 13.6px;\n      line-height: 1.75;\n      color: rgba(255,255,255,.70);\n    }\n\n    \/* TRUST STRIP *\/\n    .wo-trust{\n      display:grid;\n      grid-template-columns: 1.2fr .8fr;\n      gap: 14px;\n      align-items:stretch;\n    }\n    .wo-trustLeft{\n      background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));\n      border:1px solid rgba(255,255,255,.12);\n      border-radius: var(--wo-radius);\n      padding: 18px;\n      position:relative;\n      overflow:hidden;\n    }\n    .wo-trustTitle{\n      margin:0 0 8px;\n      font-size: 16px;\n      font-weight: 900;\n      letter-spacing:-0.2px;\n    }\n    .wo-trustText{\n      margin:0 0 12px;\n      color: rgba(255,255,255,.72);\n      font-size: 13.8px;\n      line-height: 1.75;\n    }\n    .wo-checks{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n    }\n    .wo-check{\n      display:flex; gap:10px; align-items:flex-start;\n      padding: 12px;\n      border-radius: 16px;\n      background: rgba(255,255,255,.05);\n      border: 1px solid rgba(255,255,255,.10);\n    }\n    .wo-check svg{ margin-top:2px; flex:0 0 auto; }\n    .wo-check p{\n      margin:0;\n      font-size: 13.3px;\n      line-height: 1.6;\n      color: rgba(255,255,255,.70);\n    }\n    .wo-trustRight{\n      background: rgba(255,255,255,.045);\n      border:1px solid rgba(255,255,255,.10);\n      border-radius: var(--wo-radius);\n      padding: 18px;\n    }\n    .wo-quote{\n      margin:0;\n      font-size: 14px;\n      line-height: 1.8;\n      color: rgba(255,255,255,.76);\n    }\n    .wo-quote strong{\n      color: rgba(255,255,255,.92);\n    }\n    .wo-quoteBy{\n      margin-top: 12px;\n      color: rgba(255,255,255,.60);\n      font-size: 12.5px;\n    }\n\n    \/* FINAL CTA *\/\n    .wo-final{\n      margin-top: 18px;\n      background: linear-gradient(135deg, rgba(49,88,232,.18), rgba(161,84,208,.14));\n      border:1px solid rgba(49,88,232,.35);\n      border-radius: calc(var(--wo-radius) + 6px);\n      padding: 22px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 14px;\n      box-shadow: 0 18px 45px rgba(49,88,232,.10);\n    }\n    .wo-final h3{\n      margin:0 0 6px;\n      font-size: 16.5px;\n      font-weight: 950;\n      letter-spacing:-0.2px;\n    }\n    .wo-final p{\n      margin:0;\n      color: rgba(255,255,255,.74);\n      font-size: 13.8px;\n      line-height: 1.7;\n      max-width: 70ch;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 980px){\n      .wo-hero{ grid-template-columns: 1fr; }\n      .wo-trust{ grid-template-columns: 1fr; }\n      .wo-grid3{ grid-template-columns: 1fr; }\n      .wo-process{ grid-template-columns: 1fr; }\n      .wo-checks{ grid-template-columns: 1fr; }\n      .wo-wrap{ padding: 64px 16px; }\n      .wo-final{ flex-direction: column; align-items:flex-start; }\n    }\n\n    \/* Reduce motion *\/\n    @media (prefers-reduced-motion: reduce){\n      .wo-btn, .wo-card, .wo-bar > span{ transition:none !important; }\n    }\n  <\/style>\n  <div class=\"wo-wrap\">\n    <!-- HERO -->\n    <div class=\"wo-hero\">\n      <div class=\"wo-heroCard\">\n        <div class=\"wo-badgeRow\">\n          <span class=\"wo-badge\"><span class=\"wo-dot\"><\/span> Webdesign & D\u00e9veloppement<\/span>\n          <span class=\"wo-badge\"><span class=\"wo-dot\"><\/span> SEO & Croissance<\/span>\n          <span class=\"wo-badge\"><span class=\"wo-dot\"><\/span> Support & Maintenance<\/span>\n        <\/div>\n\n        <h1 class=\"wo-h1\">\n          \u00c0 propos de <strong>Webontwerpers<\/strong><br>\n          Des sites web premium qui inspirent confiance et g\u00e9n\u00e8rent des clients.\n        <\/h1>\n\n        <p class=\"wo-lead\">\n          Nous concevons et d\u00e9veloppons des sites web modernes qui chargent rapidement, fonctionnent parfaitement sur mobile et sont pr\u00eats \u00e0 \u00e9voluer.\n          De la strat\u00e9gie et du design au d\u00e9veloppement, au SEO et \u00e0 la maintenance \u2014 un seul partenaire, une approche claire.\n        <\/p>\n\n        <div class=\"wo-ctaRow\">\n          <a class=\"wo-btn wo-btnPrimary\" href=\"#wo-contact\">\n            <span class=\"wo-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M4 12.5V7.8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8.4c0 1.1-.9 2-2 2H9.6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M4.4 8.4l7.2 5c.7.5 1.6.5 2.3 0l7.2-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M3 19l5-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M3 15.8V19h3.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Premier \u00e9change gratuit\n          <\/a>\n\n          <a class=\"wo-btn\" href=\"#wo-services\">\n            <span class=\"wo-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M4 7h16M4 12h16M4 17h10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Notre approche\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"wo-sideCard\" aria-label=\"Chiffres cl\u00e9s\">\n        <div class=\"wo-sideTitle\">\n          <span class=\"wo-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M4 19V5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M7 16l3-3 3 2 6-7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M20 8v5h-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          Orient\u00e9 r\u00e9sultats, sans prise de t\u00eate\n        <\/div>\n\n        <div class=\"wo-sideGrid\">\n          <div class=\"wo-stat\" data-wo-bar=\"92\">\n            <div class=\"wo-statTop\">\n              <div class=\"wo-statNum\">92%<\/div>\n              <div class=\"wo-statLbl\">Focus mobile & performance<\/div>\n            <\/div>\n            <div class=\"wo-bar\"><span><\/span><\/div>\n          <\/div>\n\n          <div class=\"wo-stat\" data-wo-bar=\"88\">\n            <div class=\"wo-statTop\">\n              <div class=\"wo-statNum\">88%<\/div>\n              <div class=\"wo-statLbl\">Conversion & UX<\/div>\n            <\/div>\n            <div class=\"wo-bar\"><span><\/span><\/div>\n          <\/div>\n\n          <div class=\"wo-stat\" data-wo-bar=\"95\">\n            <div class=\"wo-statTop\">\n              <div class=\"wo-statNum\">95%<\/div>\n              <div class=\"wo-statLbl\">Support & fiabilit\u00e9<\/div>\n            <\/div>\n            <div class=\"wo-bar\"><span><\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-miniNote\">\n          <strong>Astuce :<\/strong> Remplacez les pourcentages par vos propres KPI (p. ex. vitesse de chargement, croissance des leads, SLA de maintenance).\n        <\/div>\n      <\/aside>\n    <\/div>\n\n    <!-- VALUES -->\n    <div class=\"wo-section\" id=\"wo-services\">\n      <div class=\"wo-sectionHeader\">\n        <div>\n          <h2 class=\"wo-h2\">Ce que nous d\u00e9fendons<\/h2>\n          <p class=\"wo-sub\">Une allure premium est importante \u2014 mais n\u2019a de valeur que si elle g\u00e9n\u00e8re aussi des leads et de la confiance.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"wo-grid3\">\n        <div class=\"wo-card\">\n          <div class=\"wo-cardTop\">\n            <div class=\"wo-pill\" aria-hidden=\"true\">\n              <svg class=\"wo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 3l8 4.5v9L12 21 4 16.5v-9L12 3z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n                <path d=\"M12 12l8-4.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 12v9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 12L4 7.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"wo-cardTitle\">La strat\u00e9gie avant le design<\/h3>\n          <\/div>\n          <p class=\"wo-cardText\">\n            Nous commen\u00e7ons par les objectifs, la cible et le positionnement. Ensuite seulement, nous cr\u00e9ons un design juste \u2014 et qui convertit.\n          <\/p>\n        <\/div>\n\n        <div class=\"wo-card\">\n          <div class=\"wo-cardTop\">\n            <div class=\"wo-pill\" aria-hidden=\"true\">\n              <svg class=\"wo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M7 12h10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 7v10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"wo-cardTitle\">Rapide, stable, \u00e9volutif<\/h3>\n          <\/div>\n          <p class=\"wo-cardText\">\n            La performance et la technique ne sont pas des options. Nous optimisons de bout en bout : vitesse, s\u00e9curit\u00e9 et maintenance.\n          <\/p>\n        <\/div>\n\n        <div class=\"wo-card\">\n          <div class=\"wo-cardTop\">\n            <div class=\"wo-pill\" aria-hidden=\"true\">\n              <svg class=\"wo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M20 7l-8 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M4 7h10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"wo-cardTitle\">Un processus clair<\/h3>\n          <\/div>\n          <p class=\"wo-cardText\">\n            Vous savez toujours o\u00f9 nous en sommes. Des \u00e9tapes nettes, une planification claire et une communication sans bruit.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PROCESS -->\n    <div class=\"wo-section\">\n      <div class=\"wo-sectionHeader\">\n        <div>\n          <h2 class=\"wo-h2\">Notre approche<\/h2>\n          <p class=\"wo-sub\">Un processus au ressenti premium : net, rapide et pr\u00e9visible \u2014 sans que vous perdiez le contr\u00f4le.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"wo-process\">\n        <div class=\"wo-step\">\n          <div class=\"wo-stepNum\">1<\/div>\n          <h3 class=\"wo-stepTitle\">Kick-off & objectifs<\/h3>\n          <p class=\"wo-stepText\">Nous d\u00e9finissons ensemble les objectifs, la cible, la structure et les CTA principaux (devis, appel, rendez-vous).<\/p>\n        <\/div>\n        <div class=\"wo-step\">\n          <div class=\"wo-stepNum\">2<\/div>\n          <h3 class=\"wo-stepTitle\">Wireframe UX & design<\/h3>\n          <p class=\"wo-stepText\">Nous rendons la mise en page logique et orient\u00e9e conversion. Ensuite, nous concevons le look & feel premium.<\/p>\n        <\/div>\n        <div class=\"wo-step\">\n          <div class=\"wo-stepNum\">3<\/div>\n          <h3 class=\"wo-stepTitle\">D\u00e9veloppement (Elementor \/ WordPress)<\/h3>\n          <p class=\"wo-stepText\">Nous construisons proprement, responsive et rapidement. Incluant le SEO de base, la performance et les r\u00e9glages de s\u00e9curit\u00e9.<\/p>\n        <\/div>\n        <div class=\"wo-step\">\n          <div class=\"wo-stepNum\">4<\/div>\n          <h3 class=\"wo-stepTitle\">Mise en ligne & croissance<\/h3>\n          <p class=\"wo-stepText\">Apr\u00e8s les tests, nous mettons en ligne. Ensuite, nous accompagnons avec la maintenance, le SEO et l\u2019optimisation.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TRUST -->\n    <div class=\"wo-section\">\n      <div class=\"wo-sectionHeader\">\n        <div>\n          <h2 class=\"wo-h2\">Pourquoi nos clients nous choisissent<\/h2>\n          <p class=\"wo-sub\">Pas de sensation de template standard. Une exp\u00e9rience de marque premium, coh\u00e9rente sur chaque appareil.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"wo-trust\">\n        <div class=\"wo-trustLeft\">\n          <h3 class=\"wo-trustTitle\">Ce que vous pouvez attendre de nous<\/h3>\n          <p class=\"wo-trustText\">\n            Un site web qui ne se contente pas d\u2019\u00eatre beau, mais qui performe de mani\u00e8re mesurable. Nous nous concentrons sur la vitesse, la clart\u00e9 et la conversion.\n          <\/p>\n\n          <div class=\"wo-checks\">\n            <div class=\"wo-check\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <p><strong>UI premium<\/strong> avec une typographie, des espacements et des micro-interactions coh\u00e9rents.<\/p>\n            <\/div>\n\n            <div class=\"wo-check\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <p><strong>Ax\u00e9 conversion<\/strong> : des CTA clairs, de la confiance et un parcours logique.<\/p>\n            <\/div>\n\n            <div class=\"wo-check\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <p><strong>Rapide & s\u00fbr<\/strong> : performance, conseils de cache, durcissement de base.<\/p>\n            <\/div>\n\n            <div class=\"wo-check\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <p><strong>Support<\/strong> : mises \u00e0 jour, monitoring, corrections rapides et \u00e9volutions.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-trustRight\">\n          <p class=\"wo-quote\">\n            \u00ab Nous construisons des sites web comme si c\u2019\u00e9tait notre propre marque. <strong>Un design \u00e9pur\u00e9<\/strong>, mais toujours avec un objectif :\n            plus de demandes, plus de confiance, plus de croissance. \u00bb\n          <\/p>\n          <div class=\"wo-quoteBy\">\u2014 \u00c9quipe Webontwerpers<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"wo-section\" id=\"wo-contact\">\n      <div class=\"wo-final\">\n        <div>\n          <h3>Pr\u00eat pour un site web premium qui fonctionne vraiment ?<\/h3>\n          <p>\n            Dites bri\u00e8vement ce que vous faites et quel est votre objectif (leads, rendez-vous, ventes). Nous vous donnons un avis honn\u00eate et une prochaine \u00e9tape claire.\n          <\/p>\n        <\/div>\n        <div class=\"wo-ctaRow\" style=\"margin-top:0\">\n          <!-- Replace href with your actual contact page or popup anchor -->\n          <a class=\"wo-btn wo-btnPrimary\" href=\"\/fr\/contact\/\">\n            <span class=\"wo-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M5 12.5V7.8c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v8.4c0 1.1-.9 2-2 2H10.4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M5.4 8.4l6.2 4.3c.7.5 1.6.5 2.3 0l6.2-4.3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M3 19l5-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M3 15.8V19h3.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Nous contacter\n          <\/a>\n\n          <a class=\"wo-btn\" href=\"#wo-about\" onclick=\"window.scrollTo({top:0, behavior:'smooth'}); return false;\">\n            <span class=\"wo-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 5v14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 10l5-5 5 5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Retour en haut\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <script>\n    (function(){\n      \/\/ Animate bars when visible\n      const stats = document.querySelectorAll('#wo-about .wo-stat');\n      if(!stats.length) return;\n\n      const setBars = (el) => {\n        const pct = parseInt(el.getAttribute('data-wo-bar') || '0', 10);\n        const bar = el.querySelector('.wo-bar > span');\n        if(bar) bar.style.width = Math.max(0, Math.min(100, pct)) + '%';\n      };\n\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            setBars(e.target);\n            io.unobserve(e.target);\n          }\n        })\n      }, { threshold: 0.35 });\n\n      stats.forEach(s=>io.observe(s));\n    })();\n  <\/script>\n<\/section>\n\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>Webdesign &#038; D\u00e9veloppement SEO &#038; Croissance Support &#038; Maintenance \u00c0 propos de Webontwerpers Des sites web premium qui inspirent confiance et g\u00e9n\u00e8rent des clients. Nous concevons et d\u00e9veloppons des sites web modernes qui chargent rapidement, fonctionnent parfaitement sur mobile et sont pr\u00eats \u00e0 \u00e9voluer. De la strat\u00e9gie et du design au d\u00e9veloppement, au SEO et [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2472","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/comments?post=2472"}],"version-history":[{"count":6,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2472\/revisions"}],"predecessor-version":[{"id":2586,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2472\/revisions\/2586"}],"wp:attachment":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/media?parent=2472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}