<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
  <meta name="google-site-verification" content="nhIWpQCNdpZhrQob1wbnhNZYTacA0aE8c8SQlu35JK0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="David Sévelin — Entrepreneur Digital. Fondateur de Hox Group, Linkxo et Voyagissimo. Conseil SEO, e-commerce, direction digitale fractionnée. 26 ans d'expérience.">
<title>David Sévelin — Entrepreneur Digital · Hox Group</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet"></noscript>
  <!-- C4 : Canonical -->
  <link rel="canonical" href="https://sevelin.org/">

  <!-- H1 : Open Graph -->
  <meta property="og:title" content="David Sévelin — Entrepreneur Digital">
  <meta property="og:description" content="Fondateur de Hox Group, Linkxo et Voyagissimo. Conseil SEO, e-commerce, direction digitale fractionnée. 26 ans d'expérience.">
  <meta property="og:image" content="https://sevelin.org/assets/david-sevelin.webp">
  <meta property="og:url" content="https://sevelin.org/">
  <meta property="og:type" content="profile">
  <meta property="og:locale" content="fr_FR">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="David Sévelin — Entrepreneur Digital">
  <meta name="twitter:description" content="Fondateur de Hox Group, Linkxo et Voyagissimo.">
  <meta name="twitter:image" content="https://sevelin.org/assets/david-sevelin.webp">

  <!-- C3 : JSON-LD Person + Organization -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Person",
        "@id": "https://sevelin.org/#person",
        "name": "David Sévelin",
        "jobTitle": "Entrepreneur Digital",
        "description": "Fondateur de Hox Group, Linkxo et Voyagissimo. 26 ans d'expérience en SEO, e-commerce et direction digitale.",
        "image": "https://sevelin.org/assets/david-sevelin.webp",
        "url": "https://sevelin.org/",
        "telephone": "+33783608537",
        "email": "david@sevelin.org",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Corbie",
          "addressRegion": "Hauts-de-France",
          "addressCountry": "FR"
        },
        "sameAs": [
          "https://www.linkedin.com/in/david-sevelin/",
          "https://www.instagram.com/voyagissimo/",
          "https://linkxo.eu"
        ],
        "worksFor": {
          "@id": "https://sevelin.org/#organization"
        }
      },
      {
        "@type": "Organization",
        "@id": "https://sevelin.org/#organization",
        "name": "Hox Group",
        "legalName": "Hox Group EURL",
        "url": "https://sevelin.org/",
        "telephone": "+33783608537",
        "email": "david@sevelin.org",
        "vatID": "979713765",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Corbie",
          "addressRegion": "Hauts-de-France",
          "addressCountry": "FR"
        },
        "founder": {
          "@id": "https://sevelin.org/#person"
        },
        "hasOfferCatalog": {
          "@type": "OfferCatalog",
          "name": "Prestations Linkxo",
          "itemListElement": [
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Audit SEO & Growth"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Direction E-commerce & CRO"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Acquisition & Performance Digitale"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "CRM & Marketing Automation"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "IA & Automatisation Growth"}}
          ]
        }
      }
    ]
  }
  </script>

<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --navy:#0E1A2B;
  --navy-2:#152236;
  --navy-3:#1C2E44;
  --or:#C8A15B;
  --or-light:#D4B470;
  --or-pale:rgba(200,161,91,0.12);
  --white:#FFFFFF;
  --cream:#F8F5F0;
  --text:#0E1A2B;
  --muted:#6B7A8D;
  --border:rgba(14,26,43,0.1);
  --border-light:rgba(14,26,43,0.06);
  --font:'DM Sans',sans-serif;
  --display:'Cormorant Garamond',serif;
  --mono:'DM Mono',monospace;
}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--text);background:var(--white);overflow-x:hidden;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--navy);}
::-webkit-scrollbar-thumb{background:var(--or);border-radius:2px;}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 48px;
  display:flex;align-items:center;justify-content:space-between;
  height:68px;
  background:rgba(14,26,43,0.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(200,161,91,0.15);
  transition:all 0.3s;
}
.nav-logo{
  font-family:var(--display);
  font-size:18px;font-weight:600;font-style:italic;
  color:var(--white);letter-spacing:0.04em;
}
.nav-logo span{color:var(--or);}
.nav-links{display:flex;gap:32px;}
.nav-links a{
  font-size:12px;font-weight:500;letter-spacing:0.1em;
  text-transform:uppercase;color:rgba(255,255,255,0.5);
  text-decoration:none;transition:color 0.2s;
}
.nav-links a:hover{color:var(--or);}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--or);color:var(--navy);
  padding:9px 20px;border-radius:2px;
  font-size:12px;font-weight:700;letter-spacing:0.1em;
  text-transform:uppercase;text-decoration:none;
  transition:background 0.2s;cursor:pointer;border:none;
}
.nav-cta:hover{background:var(--or-light);}

/* ── HERO ── */
#hero{
  min-height:100vh;
  background:var(--navy);
  display:flex;align-items:center;
  padding:120px 48px 80px;
  position:relative;overflow:hidden;
}
#hero::before{
  content:'';position:absolute;
  top:-200px;right:-200px;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(200,161,91,0.08) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;
}
#hero::after{
  content:'';position:absolute;
  bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--or),transparent);
}
.hero-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:200px 1fr;
  gap:72px;align-items:center;width:100%;
}
.hero-photo{
  width:200px;height:200px;border-radius:50%;
  overflow:hidden;flex-shrink:0;
  border:1px solid rgba(200,161,91,0.35);
  box-shadow:0 0 60px rgba(200,161,91,0.12),4px 4px 0 var(--or);
  animation:fadeIn 0.8s ease both;
}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.hero-text{animation:slideUp 0.8s ease 0.1s both;}
.hero-eyebrow{
  font-size:10px;font-weight:700;letter-spacing:0.28em;
  text-transform:uppercase;color:var(--or);
  margin-bottom:18px;
}
.hero-name{
  font-family:var(--display);
  font-size:72px;font-weight:400;font-style:italic;
  color:var(--white);line-height:0.95;
  margin-bottom:20px;
}
.hero-tagline{
  font-size:18px;color:rgba(255,255,255,0.45);
  line-height:1.65;margin-bottom:36px;
  max-width:460px;border-left:2px solid var(--or);
  padding-left:18px;
}
.hero-tagline strong{color:rgba(255,255,255,0.8);font-weight:500;}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.btn-or{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--or);color:var(--navy);
  padding:14px 28px;border-radius:2px;
  font-size:13px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;text-decoration:none;
  transition:all 0.2s;cursor:pointer;border:none;
}
.btn-or:hover{background:var(--or-light);transform:translateY(-1px);}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(200,161,91,0.4);color:rgba(255,255,255,0.6);
  padding:14px 28px;border-radius:2px;
  font-size:13px;font-weight:500;letter-spacing:0.08em;
  text-transform:uppercase;text-decoration:none;
  transition:all 0.2s;
}
.btn-outline:hover{border-color:var(--or);color:var(--or);}

/* ── KPIS ── */
.kpis-band{
  background:var(--navy-2);
  border-top:1px solid rgba(200,161,91,0.12);
  border-bottom:1px solid rgba(200,161,91,0.12);
  padding:28px 48px;
  display:flex;gap:0;
}
.kpi{
  flex:1;text-align:center;padding:0 24px;
  border-right:1px solid rgba(255,255,255,0.06);
}
.kpi:last-child{border-right:none;}
.kpi-val{
  font-family:var(--display);
  font-size:38px;font-weight:700;color:var(--or);
  line-height:1;margin-bottom:4px;
}
.kpi-lbl{font-size:11px;color:rgba(255,255,255,0.3);letter-spacing:0.06em;}

/* Distinctions */
.dists{
  background:var(--navy);
  padding:12px 48px;
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  border-bottom:1px solid rgba(200,161,91,0.08);
}
.dist{
  font-size:10px;color:rgba(255,255,255,0.3);
  font-family:var(--mono);letter-spacing:0.08em;
  padding:3px 10px;border:1px solid rgba(255,255,255,0.08);
  border-radius:2px;
}

/* ── SECTIONS GENERIQUES ── */
section{padding:80px 48px;}
.section-inner{max-width:1100px;margin:0 auto;}
.section-label{
  font-size:10px;font-weight:700;letter-spacing:0.26em;
  text-transform:uppercase;color:var(--or);
  margin-bottom:10px;font-family:var(--mono);
}
.section-title{
  font-family:var(--display);
  font-size:42px;font-weight:400;font-style:italic;
  color:var(--navy);line-height:1.1;
  margin-bottom:8px;
}
.section-sub{
  font-size:15px;color:var(--muted);
  line-height:1.7;max-width:560px;
}
.divider-or{
  width:40px;height:2px;background:var(--or);
  margin:16px 0 36px;
}

/* ── HOX GROUP ── */
#hox{background:var(--cream);}
.hox-grid{
  display:grid;grid-template-columns:1fr 280px;
  gap:56px;align-items:start;
}
.hox-body{
  font-size:15px;color:#4A5568;
  line-height:1.85;margin-top:8px;
}
.hox-body strong{color:var(--navy);font-weight:600;}
.hox-card{
  background:var(--white);
  border:1px solid var(--border);
  border-top:3px solid var(--or);
  padding:28px;border-radius:2px;
}
.hox-card-title{
  font-family:var(--display);
  font-size:20px;font-weight:600;font-style:italic;
  color:var(--navy);margin-bottom:16px;
  padding-bottom:12px;border-bottom:1px solid var(--border-light);
}
.hox-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:6px 0;border-bottom:1px solid var(--border-light);
  font-size:12px;
}
.hox-row:last-child{border-bottom:none;}
.hox-key{color:var(--muted);font-family:var(--mono);}
.hox-val{color:var(--navy);font-weight:600;}

/* ── ACTIVITÉS ── */
#activites{background:var(--white);}
.acts-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px;margin-top:0;
}
.act-card{
  border:1px solid var(--border);
  border-top:3px solid var(--or);
  padding:36px;border-radius:2px;
  background:var(--white);
  transition:box-shadow 0.2s,transform 0.2s;
  text-decoration:none;color:inherit;display:block;
}
.act-card:hover{box-shadow:0 8px 40px rgba(14,26,43,0.08);transform:translateY(-2px);}
.act-num{font-size:10px;color:var(--or);font-family:var(--mono);font-weight:700;letter-spacing:0.18em;margin-bottom:10px;}
.act-name{
  font-family:var(--display);
  font-size:30px;font-weight:600;font-style:italic;
  color:var(--navy);margin-bottom:4px;
}
.act-url{font-size:11px;color:var(--muted);font-family:var(--mono);margin-bottom:16px;}
.act-desc{font-size:14px;color:#4A5568;line-height:1.75;margin-bottom:18px;}
.act-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{
  font-size:10px;color:var(--muted);
  border:1px solid var(--border);
  padding:3px 10px;border-radius:2px;
  font-family:var(--mono);letter-spacing:0.06em;
}
.act-link{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:20px;font-size:11px;font-weight:700;
  color:var(--or);letter-spacing:0.1em;text-transform:uppercase;
}

/* ── PRESTATIONS ── */
#prestations{background:var(--navy);}
#prestations .section-title{color:var(--white);}
#prestations .section-sub{color:rgba(255,255,255,0.4);}
#prestations .section-label{color:var(--or);}

.prest-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.06);
  margin-bottom:40px;
}
.prest-card{
  background:var(--navy);
  padding:32px;
  transition:background 0.2s;
}
.prest-card:hover{background:var(--navy-2);}
.prest-card.wide{grid-column:span 3;border-top:1px solid rgba(255,255,255,0.06);}
.prest-icon{
  width:36px;height:36px;
  background:var(--or-pale);
  border:1px solid rgba(200,161,91,0.2);
  border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
}
.prest-num{font-size:9px;color:var(--or);font-family:var(--mono);font-weight:700;letter-spacing:0.2em;margin-bottom:8px;}
.prest-title{
  font-size:15px;font-weight:700;color:var(--white);
  margin-bottom:12px;line-height:1.3;
}
.prest-items{font-size:12px;color:rgba(255,255,255,0.4);line-height:1.85;list-style:none;}
.prest-items li{padding-left:14px;position:relative;}
.prest-items li::before{content:'›';position:absolute;left:0;color:var(--or);}

/* PRICING */
.pricing-section{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:4px;padding:32px;
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;
}
.pricing-label{
  font-size:9px;font-weight:700;letter-spacing:0.22em;
  text-transform:uppercase;color:rgba(255,255,255,0.25);
  font-family:var(--mono);margin-bottom:16px;
}
table.ptable{width:100%;border-collapse:collapse;}
.ptable th{
  font-size:9px;letter-spacing:0.18em;text-transform:uppercase;
  color:rgba(255,255,255,0.25);font-weight:700;
  text-align:left;padding:8px 12px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-family:var(--mono);
}
.ptable td{
  font-size:13px;color:rgba(255,255,255,0.7);
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.ptable td:nth-child(2){color:rgba(255,255,255,0.35);font-family:var(--mono);}
.ptable td:nth-child(3){color:var(--or);font-weight:700;font-family:var(--mono);}
.ptable tr:last-child td{border-bottom:none;}
.pricing-notes{font-size:11px;color:rgba(255,255,255,0.25);line-height:1.9;font-family:var(--mono);}
.pricing-notes li{list-style:none;padding-left:12px;position:relative;}
.pricing-notes li::before{content:'·';position:absolute;left:0;color:var(--or);}

/* ── PARCOURS ── */
#parcours{background:var(--cream);}
.parcours-grid{
  display:grid;grid-template-columns:1fr 220px;
  gap:56px;align-items:start;
}
.timeline{position:relative;}
.timeline::before{
  content:'';position:absolute;
  left:130px;top:8px;bottom:0;
  width:1px;background:rgba(14,26,43,0.1);
}
.tli{display:flex;gap:0;margin-bottom:32px;position:relative;}
.tli:last-child{margin-bottom:0;}
.tl-yr{
  width:130px;flex-shrink:0;
  font-size:10px;font-weight:700;color:var(--muted);
  font-family:var(--mono);padding-top:3px;
  padding-right:20px;text-align:right;line-height:1.5;
}
.tl-dot{
  width:10px;height:10px;border-radius:50%;
  background:rgba(14,26,43,0.15);
  border:2px solid var(--cream);
  outline:1px solid rgba(14,26,43,0.2);
  flex-shrink:0;margin-top:3px;
  position:relative;z-index:2;
  margin-left:-5px;margin-right:20px;
  transition:background 0.2s;
}
.tl-dot.on{background:var(--or);outline-color:var(--or);}
.tl-role{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:2px;}
.tl-co{font-size:11px;color:var(--or);font-family:var(--mono);margin-bottom:6px;}
.tl-detail{font-size:13px;color:#4A5568;line-height:1.7;}
.tl-kpis{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.tl-kpi{
  font-size:10px;font-family:var(--mono);font-weight:700;
  color:var(--navy);background:rgba(200,161,91,0.12);
  border:1px solid rgba(200,161,91,0.25);
  padding:2px 8px;border-radius:2px;
}

/* SKILLS SIDEBAR */
.skills-sb{}
.sk-group{margin-bottom:20px;}
.sk-group-t{
  font-size:9px;font-weight:700;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--or);
  font-family:var(--mono);margin-bottom:8px;
  padding-bottom:6px;border-bottom:1px solid var(--border);
}
.sk-items{font-size:12px;color:var(--muted);line-height:1.9;list-style:none;}
.sk-items li{padding-left:12px;position:relative;}
.sk-items li::before{content:'›';position:absolute;left:0;color:rgba(200,161,91,0.5);}

/* ── CONTACT ── */
#contact{
  background:var(--navy);
  padding:80px 48px;
}
.contact-grid{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 360px;
  gap:64px;align-items:start;
}
#contact .section-title{color:var(--white);}
#contact .section-label{color:var(--or);}
.contact-intro{
  font-size:15px;color:rgba(255,255,255,0.4);
  line-height:1.8;margin-bottom:36px;max-width:420px;
}
.cline{display:flex;align-items:center;gap:16px;margin-bottom:16px;text-decoration:none;}
.cion{
  width:40px;height:40px;border-radius:4px;
  background:rgba(200,161,91,0.08);
  border:1px solid rgba(200,161,91,0.15);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.clbl{font-size:9px;color:rgba(255,255,255,0.25);font-family:var(--mono);margin-bottom:2px;letter-spacing:0.1em;}
.cval{font-size:14px;color:rgba(255,255,255,0.75);font-weight:500;}
.contact-zones{
  font-size:11px;color:rgba(255,255,255,0.2);
  font-family:var(--mono);margin-top:20px;line-height:1.9;
}

/* CALENDLY BOX */
.cal-box{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(200,161,91,0.2);
  border-radius:4px;padding:28px;
}
.cal-box-label{
  font-size:9px;font-weight:700;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--or);
  font-family:var(--mono);margin-bottom:10px;
}
.cal-box-title{
  font-family:var(--display);
  font-size:24px;font-weight:600;font-style:italic;
  color:var(--white);margin-bottom:6px;
}
.cal-box-sub{
  font-size:12px;color:rgba(255,255,255,0.3);
  line-height:1.7;margin-bottom:22px;
}
.btn-cal{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--or);color:var(--navy);
  padding:14px;border-radius:2px;
  font-size:13px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;cursor:pointer;border:none;
  width:100%;transition:background 0.2s;
}
.btn-cal:hover{background:var(--or-light);}
.cal-note{
  font-size:9px;color:rgba(255,255,255,0.2);
  text-align:center;margin-top:10px;font-family:var(--mono);
}

/* ── FOOTER ── */
footer{
  background:#080F1A;
  padding:20px 48px;
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(200,161,91,0.08);
}
.footer-left{font-size:11px;color:rgba(255,255,255,0.18);font-family:var(--mono);}
.footer-right{font-size:11px;color:rgba(255,255,255,0.18);font-family:var(--mono);}
.footer-right a{color:rgba(255,255,255,0.25);text-decoration:none;}
.footer-right a:hover{color:var(--or);}

/* ── ANIMATIONS ── */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  #hero{padding:100px 24px 60px;}
  .hero-inner{grid-template-columns:1fr;gap:32px;text-align:center;}
  .hero-photo{margin:0 auto;}
  .hero-name{font-size:52px;}
  .hero-tagline{border-left:none;padding-left:0;}
  section{padding:60px 24px;}
  .hox-grid,.acts-grid,.prest-grid,.parcours-grid,.contact-grid{grid-template-columns:1fr;}
  .prest-card.wide{grid-column:span 1;}
  .kpis-band{padding:20px 24px;}
  .kpi-val{font-size:28px;}
  .pricing-section{grid-template-columns:1fr;}
  footer{flex-direction:column;gap:8px;text-align:center;padding:20px;}
}
</style>
</head>
<body>

<!-- NAV -->
<nav id="navbar">
  <div class="nav-logo">David <span>Sévelin</span></div>
  <div class="nav-links">
    <a href="#hox">Hox Group</a>
    <a href="#prestations">Prestations</a>
    <a href="#parcours">Parcours</a>
    <a href="/blog/">Blog</a>
    <a href="#contact">Contact</a>
  </div>
  <button class="nav-cta" onclick="Calendly.initPopupWidget({url:'https://calendly.com/sevelindavid'});return false;">Prendre RDV</button>
</nav>

<!-- HERO -->
<section id="hero">
  <div class="hero-inner">
    <div class="hero-photo">
      <img src="/assets/david-sevelin.webp" alt="David Sévelin — Entrepreneur Digital, Fondateur Hox Group" width="200" height="200" fetchpriority="high">
    </div>
    <div class="hero-text">
      <div class="hero-eyebrow">Entrepreneur Digital &nbsp;·&nbsp; HOX GROUP &nbsp;·&nbsp; Amiens &nbsp;·&nbsp; 1h de Paris · 45 min de Lille</div>
      <h1 class="hero-name">David<br>Sévelin</h1>
      <p class="hero-tagline">
        <strong>26 ans à faire croître le digital.</strong><br>
        Aujourd'hui, je pilote.
      </p>
      <div class="hero-actions">
        <button class="btn-or" onclick="Calendly.initPopupWidget({url:'https://calendly.com/sevelindavid'});return false;">
          Prendre RDV &nbsp;→
        </button>
        <a href="#prestations" class="btn-outline">Voir les prestations ↓</a>
      </div>
    </div>
  </div>
</section>

<!-- KPIS -->
<div class="kpis-band">
  <div class="kpi"><div class="kpi-val">CA × 24</div><div class="kpi-lbl">Croissance pilotée</div></div>
  <div class="kpi"><div class="kpi-val">26 ans</div><div class="kpi-lbl">D'expérience digitale</div></div>
  <div class="kpi"><div class="kpi-val">~40</div><div class="kpi-lbl">Sites en propre</div></div>
</div>
<div class="dists">
  <div class="dist">TOP3 e-commerce France</div>
  <div class="dist">TOP30 Champions de la Croissance Les Échos 2019 &amp; 2020</div>
  <div class="dist">Capital Meilleurs Sites × 5 ans</div>
  <div class="dist">EcoVadis RSE</div>
</div>

<main id="content">
<!-- HOX GROUP -->
<section id="hox">
  <div class="section-inner">
    <div class="hox-grid reveal">
      <div>
        <div class="section-label">La structure</div>
        <h2 class="section-title">Hox Group</h2>
        <div class="divider-or"></div>
        <p class="hox-body">
          Hox Group est la structure entrepreneuriale qui pilote et développe
          des actifs digitaux dans le <strong>SEO, le conseil e-commerce et le voyage</strong>.
          <br><br>
          Fondée après la cession d'Oxwork — groupe e-commerce développé de zéro
          à 4,6 M€ de CA en 11 ans — Hox Group agrège aujourd'hui <strong>Linkxo</strong>
          et <strong>Voyagissimo</strong>.
          <br><br>
          Basée à <strong>Amiens</strong> <span style="font-size:13px;color:var(--muted);font-style:italic;">— 1h de Paris · 45 min de Lille</span>. Conseil, actifs digitaux, formation, investissement.
        </p>
      </div>
      <div>
        <div class="hox-card">
          <div class="hox-card-title">Hox Group EURL</div>
          <div class="hox-row"><span class="hox-key">Forme</span><span class="hox-val">EURL</span></div>
          <div class="hox-row"><span class="hox-key">RCS</span><span class="hox-val">Amiens</span></div>
          <div class="hox-row"><span class="hox-key">SIREN</span><span class="hox-val">979 713 765</span></div>
          <div class="hox-row"><span class="hox-key">Siège</span><span class="hox-val">Amiens (80)</span></div>
          <div class="hox-row"><span class="hox-key">Dirigeant</span><span class="hox-val">David Sévelin</span></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ACTIVITÉS -->
<section id="activites">
  <div class="section-inner">
    <div class="section-label reveal">Ce que je pilote</div>
    <h2 class="section-title reveal">Mes activités</h2>
    <div class="divider-or reveal"></div>
    <div class="acts-grid reveal">
      <a href="https://linkxo.eu" target="_blank" class="act-card">
        <div class="act-num">01 / Conseil &amp; SEO</div>
        <div class="act-name">Linkxo</div>
        <div class="act-url">linkxo.eu</div>
        <p class="act-desc">Conseil SEO, stratégie e-commerce et direction digitale fractionnée pour des PME qui veulent croître durablement, sans dépendre des budgets publicitaires. Audit, growth plan 90j, netlinking, automatisation IA.</p>
        <div class="act-tags">
          <span class="tag">SEO</span><span class="tag">E-commerce</span><span class="tag">CRO</span><span class="tag">Klaviyo</span><span class="tag">IA & n8n</span><span class="tag">Direction fractionnée</span>
        </div>
        <div class="act-link">Découvrir Linkxo →</div>
      </a>
      <a href="https://voyagissimo.com" target="_blank" class="act-card">
        <div class="act-num">02 / Voyage &amp; Location</div>
        <div class="act-name">Voyagissimo</div>
        <div class="act-url">voyagissimo.com</div>
        <p class="act-desc">Contenu voyage, locations courte durée et séjours. Une approche éditoriale indépendante pour voyager mieux, avec des sélections de logements et d'expériences en direct.</p>
        <div class="act-tags">
          <span class="tag">Voyage</span><span class="tag">Location LCD</span><span class="tag">Contenu éditorial</span><span class="tag">Airbnb</span>
        </div>
        <div class="act-link">Découvrir Voyagissimo →</div>
      </a>
    </div>
  </div>
</section>

<!-- PRESTATIONS -->
<section id="prestations">
  <div class="section-inner">
    <div class="section-label reveal">Ce que j'apporte</div>
    <h2 class="section-title reveal">Mes prestations</h2>
    <p class="section-sub reveal" style="color:rgba(255,255,255,0.35);margin-bottom:8px;">Vous avez les équipes. Il vous manque le cap stratégique.</p>
    <div class="divider-or reveal"></div>

    <div class="prest-grid reveal">

      <div class="prest-card">
        <div class="prest-icon">
          <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
        </div>
        <div class="prest-num">01</div>
        <div class="prest-title">Audit E-commerce &amp; Growth</div>
        <ul class="prest-items">
          <li>Analyse 360° : acquisition, tunnel, CRM, SEO, stack tech</li>
          <li>Identification des quick wins et freins de croissance</li>
          <li>Demi-journée offert dès 4j/mois sur 6 mois</li>
        </ul>
      </div>

      <div class="prest-card">
        <div class="prest-icon">
          <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
        </div>
        <div class="prest-num">02</div>
        <div class="prest-title">Direction E-commerce &amp; CRO</div>
        <ul class="prest-items">
          <li>Growth plan 90 jours &amp; pilotage stratégique</li>
          <li>Optimisation tunnel &amp; expérience client</li>
          <li>Marketplaces : Amazon, Leroy Merlin, Shopping Feed</li>
        </ul>
      </div>

      <div class="prest-card">
        <div class="prest-icon">
          <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
        </div>
        <div class="prest-num">03</div>
        <div class="prest-title">Acquisition &amp; Performance Digitale</div>
        <ul class="prest-items">
          <li>SEA : Google Ads · Bing · Meta · TikTok · Pinterest</li>
          <li>SEO KGR · Cocons sémantiques · GEO</li>
          <li>Métriques : ROAS · CAC · LTV · A/B tests</li>
        </ul>
      </div>

      <div class="prest-card">
        <div class="prest-icon">
          <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
        </div>
        <div class="prest-num">04</div>
        <div class="prest-title">CRM &amp; Marketing Automation</div>
        <ul class="prest-items">
          <li>Setup Klaviyo · Segmentation &amp; lifecycle</li>
          <li>Flows automatisés · Emailing &amp; fidélisation</li>
          <li>GA4 · GSC · Dashboards KPIs CODIR</li>
        </ul>
      </div>

      <div class="prest-card">
        <div class="prest-icon">
          <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
        </div>
        <div class="prest-num">05</div>
        <div class="prest-title">IA &amp; Automatisation Growth</div>
        <ul class="prest-items">
          <li>Déploiement agents IA : Claude · n8n · MCP</li>
          <li>Automatisation contenu, SAV et workflows growth</li>
          <li>Reporting automatisé · Gain de productivité</li>
        </ul>
      </div>

      <div class="prest-card" style="display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(200,161,91,0.2);background:transparent;">
        <div>
          <div style="font-size:28px;color:var(--or);margin-bottom:8px;">→</div>
          <div style="font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;">PME e-commerce<br>1 à 10 M€ de CA<br>Hauts-de-France · Paris · Lyon</div>
        </div>
      </div>

    </div>

    <!-- PRICING -->
    <div class="pricing-section reveal">
      <div>
        <div class="pricing-label">Grille tarifaire · Direction fractionnée</div>
        <table class="ptable">
          <tr><th>Volume / mois</th><th>TJM</th><th>Engagement HT/mois</th></tr>
          <tr><td>2 – 3 jours / mois</td><td>900 €</td><td>1 800 – 2 700 €</td></tr>
          <tr><td>4 – 6 jours / mois</td><td>800 €</td><td>3 200 – 4 800 €</td></tr>
          <tr><td>7 – 9 jours / mois</td><td>700 €</td><td>4 900 – 6 300 €</td></tr>
        </table>
      </div>
      <div>
        <ul class="pricing-notes">
          <li>Engagement minimum 6 mois</li>
          <li>1er RDV en présentiel inclus</li>
          <li>Suite en 100% remote</li>
          <li>Audit offert dès 4j/mois</li>
          <li>Hauts-de-France · Paris · Lyon</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- PARCOURS -->
<section id="parcours">
  <div class="section-inner">
    <div class="section-label reveal">Mon histoire</div>
    <h2 class="section-title reveal">34 ans d'engagement terrain</h2>
    <div class="divider-or reveal"></div>
    <div class="parcours-grid reveal">
      <div class="timeline">

        <div class="tli">
          <div class="tl-yr">1992–2000</div>
          <div class="tl-dot"></div>
          <div>
            <div class="tl-role">Logistique &amp; Supply Chain</div>
            <div class="tl-co">Hauts-de-France</div>
            <div class="tl-detail">8 ans d'expérience opérationnelle. Gestion de flux, optimisation de chaînes d'approvisionnement. L'école du réel.</div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">2000–2001</div>
          <div class="tl-dot"></div>
          <div>
            <div class="tl-role">DESS Systèmes d'Information Multimédia</div>
            <div class="tl-co">Univ. Picardie Jules Verne · Amiens</div>
            <div class="tl-detail">Pivot vers le digital. Formation aux systèmes d'information et aux médias numériques.</div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">2001–2008</div>
          <div class="tl-dot on"></div>
          <div>
            <div class="tl-role">Développement web &amp; Conseil digital</div>
            <div class="tl-co">Real Conseil · Francebay · ABcom</div>
            <div class="tl-detail">Construction de l'expertise digitale. Développement web, SEO, conseil multi-clients PME.</div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">2008–2015</div>
          <div class="tl-dot on"></div>
          <div>
            <div class="tl-role">Consultant Webmarketing &amp; Ingénieur Commercial</div>
            <div class="tl-co">Mentalworks · Corbie</div>
            <div class="tl-detail">7 ans de conseil multi-clients PME/ETI : SEO, SEA, social ads, emailing, analytics.</div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">2015–2019</div>
          <div class="tl-dot on"></div>
          <div>
            <div class="tl-role">Responsable E-commerce</div>
            <div class="tl-co">Oxwork — workwear &amp; EPI</div>
            <div class="tl-detail">Stratégie e-commerce 360° : acquisition, fidélisation, marketplaces. Management équipe web, pilotage Magento.</div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">2019–2024</div>
          <div class="tl-dot on"></div>
          <div>
            <div class="tl-role">Directeur Général puis Président</div>
            <div class="tl-co">Oxwork — e-commerce workwear &amp; EPI B2B/B2C</div>
            <div class="tl-detail">Construction de la machine de croissance. SEA, Meta Ads, marketplaces (Amazon FBA, Leroy Merlin), SEO KGR, cocons sémantiques. P&amp;L, CODIR, RSE EcoVadis. Cession au Groupe Sétin sept. 2024.</div>
            <div class="tl-kpis">
              <span class="tl-kpi">CA × 24 → 4,6 M€</span>
              <span class="tl-kpi">8 → 19 ETP</span>
              <span class="tl-kpi">TOP3 France</span>
              <span class="tl-kpi">Cédé 2024</span>
            </div>
          </div>
        </div>

        <div class="tli">
          <div class="tl-yr">Déc. 2023 →</div>
          <div class="tl-dot on"></div>
          <div>
            <div class="tl-role">Fondateur — Hox Group / Linkxo</div>
            <div class="tl-co">Amiens · 1h de Paris · 45 min de Lille</div>
            <div class="tl-detail">Conseil PME/ETI : audits SEO/GEO, growth plans 90j, direction digitale fractionnée. Déploiement agents IA (Claude, n8n, MCP). ~40 sites en propre, formation, investissement.</div>
            
          </div>
        </div>

      </div>
      <div class="skills-sb">
        <div class="sk-group">
          <div class="sk-group-t">Acquisition</div>
          <ul class="sk-items"><li>Meta · TikTok · Pinterest</li><li>Google Ads · Bing · SEA</li><li>ROAS · CAC · LTV · A/B</li></ul>
        </div>
        <div class="sk-group">
          <div class="sk-group-t">E-commerce · CRO</div>
          <ul class="sk-items"><li>Shopify · Magento</li><li>Parcours client · UX</li><li>Amazon FBA · Leroy M.</li></ul>
        </div>
        <div class="sk-group">
          <div class="sk-group-t">CRM · Analytics</div>
          <ul class="sk-items"><li>Klaviyo · automation</li><li>GA4 · GSC</li><li>Dashboards KPIs CODIR</li></ul>
        </div>
        <div class="sk-group">
          <div class="sk-group-t">SEO · GEO · IA</div>
          <ul class="sk-items"><li>SEO KGR · cocons</li><li>Ahrefs · SemRush · Frog</li><li>Claude · n8n · MCP</li></ul>
        </div>
        <div class="sk-group">
          <div class="sk-group-t">Langues</div>
          <ul class="sk-items"><li>Français — natif</li><li>Anglais — professionnel</li></ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CONTACT -->
<section id="contact">
  <div class="contact-grid">
    <div>
      <div class="section-label">Me contacter</div>
      <h2 class="section-title">Parlons de<br>votre projet</h2>
      <div class="divider-or"></div>
      <p class="contact-intro">Conseil SEO, stratégie e-commerce, direction digitale fractionnée ou partenariat. Je réponds sous 24h.</p>

      <a href="tel:+33672144963" class="cline" style="text-decoration:none;">
        <div class="cion"><svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg></div>
        <div><div class="clbl">Téléphone</div><div class="cval">07 83 60 85 37</div></div>
      </a>
      <a href="/cdn-cgi/l/email-protection#f19590879895b1829487949d989fdf9e8396" class="cline" style="text-decoration:none;">
        <div class="cion"><svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div>
        <div><div class="clbl">Email</div><div class="cval"><span class="__cf_email__" data-cfemail="acc8cddac5c8ecdfc9dac9c0c5c282c3decb">[email&#160;protected]</span></div></div>
      </a>
      <a href="https://www.linkedin.com/in/david-sevelin/" target="_blank" class="cline" style="text-decoration:none;">
        <div class="cion"><svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg></div>
        <div><div class="clbl">LinkedIn</div><div class="cval">linkedin.com/in/david-sevelin</div></div>
      </a>
      <a href="https://www.instagram.com/voyagissimo/" target="_blank" class="cline" style="text-decoration:none;">
        <div class="cion"><svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="#C8A15B" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></div>
        <div><div class="clbl">Instagram</div><div class="cval">@voyagissimo</div></div>
      </a>

      <div class="contact-zones">
        Zones d'intervention :<br>
        Amiens · Paris · Lyon · Remote toute la France
      </div>
    </div>

    <div class="cal-box">
      <div class="cal-box-label">Réservation en ligne</div>
      <div class="cal-box-title">Réserver un créneau</div>
      <p class="cal-box-sub">30 min pour échanger sur votre projet. Sans engagement.</p>
      <button class="btn-cal" onclick="Calendly.initPopupWidget({url:'https://calendly.com/sevelindavid'});return false;">
        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
        Choisir un créneau
      </button>
      <div class="cal-note">Propulsé par Calendly · calendly.com/sevelindavid</div>
    </div>
  </div>
</section>

</main>

<!-- FOOTER -->
<footer>
  <div class="footer-left">© 2026 Hox Group EURL · SIREN 979 713 765 · Amiens (80) · <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b2b7a0bfb296a5b3a0b3babfb8f8b9a4b1">[email&#160;protected]</a></div>
  <div class="footer-right"><a href="#">Mentions légales</a> &nbsp;·&nbsp; sevelin.org</div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
window.addEventListener('load', function() {
  var s = document.createElement('script');
  s.src = 'https://assets.calendly.com/assets/external/widget.js';
  s.async = true;
  document.head.appendChild(s);
});
</script>
<script>
// Reveal on scroll
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver((entries) => {
  entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });
}, {threshold: 0.1, rootMargin:'0px 0px -40px 0px'});
reveals.forEach(r => observer.observe(r));

// Nav scroll effect
window.addEventListener('scroll', () => {
  document.getElementById('navbar').style.boxShadow = 
    window.scrollY > 50 ? '0 4px 30px rgba(0,0,0,0.4)' : 'none';
});
</script>

<script async src="https://leadlytics-buddy.lovable.app/t.js" data-token="b99380b65ff31f47b42ab7634256594c"></script>
</body>
</html>
