{"id":2768,"date":"2026-05-21T14:24:15","date_gmt":"2026-05-21T14:24:15","guid":{"rendered":"https:\/\/dygistic.com\/?page_id=2768"},"modified":"2026-05-21T14:24:15","modified_gmt":"2026-05-21T14:24:15","slug":"over-mij","status":"publish","type":"page","link":"https:\/\/dygistic.com\/nl\/about-me\/","title":{"rendered":"Over Mij \u2013 Dylan Grefte"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n    \/* \u2500\u2500 Brand tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    :root {\n      --slate:       #1C2333;\n      --slate-mid:   #2E3F5C;\n      --slate-ink:   #0F1420;\n      --sky:         #4A90B8;\n      --sky-deep:    #3B7A9E;\n      --sky-soft:    #7AB4D6;\n      --sky-light:   #EEF3F8;\n      --off-white:   #F5F7FA;\n      --white:       #FFFFFF;\n      --text-body:   #374151;\n      --text-muted:  #6B7280;\n      --radius-sm:   6px;\n      --radius-md:   12px;\n      --radius-lg:   20px;\n    }\n\n    \/* \u2500\u2500 Reset & base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: 'Plus Jakarta Sans', sans-serif;\n      font-size: 16px;\n      line-height: 1.7;\n      color: var(--text-body);\n      background: var(--white);\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* \u2500\u2500 Utility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    .section {\n      padding: 96px 0;\n    }\n\n    .section--dark {\n      background: var(--slate);\n      color: var(--white);\n    }\n\n    .section--tinted {\n      background: var(--off-white);\n    }\n\n    .label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--sky);\n      margin-bottom: 12px;\n    }\n\n    .section--dark .label {\n      color: var(--sky-soft);\n    }\n\n    h2.section-title {\n      font-size: clamp(28px, 4vw, 42px);\n      font-weight: 800;\n      line-height: 1.15;\n      letter-spacing: -0.02em;\n      color: var(--slate);\n      margin-bottom: 20px;\n    }\n\n    .section--dark h2.section-title {\n      color: var(--white);\n    }\n\n    .section-lead {\n      font-size: 18px;\n      font-weight: 400;\n      color: var(--text-muted);\n      max-width: 620px;\n      margin-bottom: 56px;\n      line-height: 1.75;\n    }\n\n    .section--dark .section-lead {\n      color: var(--sky-soft);\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .hero {\n      background: var(--slate);\n      padding: 100px 0 80px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -80px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 700px;\n      height: 700px;\n      background: radial-gradient(circle, rgba(74,144,184,0.10) 0%, transparent 65%);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .hero__inner {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 28px;\n    }\n\n    .hero__badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(74,144,184,0.15);\n      border: 1px solid rgba(74,144,184,0.3);\n      border-radius: 100px;\n      padding: 6px 16px 6px 10px;\n    }\n\n    .hero__badge-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--sky);\n      animation: pulse 2.4s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50%       { opacity: 0.5; transform: scale(0.8); }\n    }\n\n    .hero__badge span {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--sky-soft);\n      letter-spacing: 0.02em;\n    }\n\n    .hero__photo-wrap {\n      position: relative;\n      flex-shrink: 0;\n      margin-bottom: 8px;\n    }\n\n    .hero__photo-wrap::before {\n      content: '';\n      position: absolute;\n      inset: -6px;\n      border-radius: 50%;\n      display: none;\n    }\n\n    .hero__photo {\n      width: 160px;\n      height: 160px;\n      border-radius: 50%;\n      object-fit: cover;\n      display: block;\n      position: relative;\n      z-index: 1;\n      border: 3px solid #4A90B8;\n      box-shadow: 0 0 0 6px rgba(74,144,184,0.15), 0 0 0 7px rgba(74,144,184,0.08);\n    }\n\n    .hero__name {\n      font-size: clamp(40px, 6vw, 68px);\n      font-weight: 800;\n      letter-spacing: -0.03em;\n      color: var(--white);\n      line-height: 1.05;\n    }\n\n    .hero .hero__title {\n      font-size: clamp(16px, 2.5vw, 22px);\n      font-weight: 500;\n      color: var(--sky-soft);\n      margin-top: -8px;\n    }\n\n    .hero .hero__intro {\n      font-size: 17px;\n      line-height: 1.8;\n      color: rgba(255,255,255,0.72);\n      max-width: 560px;\n    }\n\n    .hero__cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: var(--sky);\n      color: var(--white);\n      text-decoration: none;\n      font-size: 15px;\n      font-weight: 700;\n      padding: 14px 28px;\n      border-radius: var(--radius-sm);\n      transition: background 0.2s, transform 0.2s;\n      letter-spacing: 0.01em;\n      margin-top: 8px;\n    }\n\n    .hero__cta:hover {\n      background: var(--sky-deep);\n      transform: translateY(-1px);\n    }\n\n    .hero__cta svg {\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 STATS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .stats-bar {\n      background: var(--slate-mid);\n      padding: 32px 0;\n      border-top: 1px solid rgba(255,255,255,0.06);\n    }\n\n    .stats-bar__inner {\n      display: flex;\n      gap: 0;\n      justify-content: space-around;\n      align-items: center;\n    }\n\n    .stat {\n      text-align: center;\n      padding: 0 32px;\n      position: relative;\n    }\n\n    .stat + .stat::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 10%;\n      height: 80%;\n      width: 1px;\n      background: rgba(255,255,255,0.1);\n    }\n\n    .stat__number {\n      font-size: 36px;\n      font-weight: 800;\n      letter-spacing: -0.03em;\n      color: var(--sky);\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n\n    .stat__label {\n      font-size: 13px;\n      font-weight: 500;\n      color: rgba(255,255,255,0.5);\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n    }\n\n    \/* \u2500\u2500 STORY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .story__grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n\n    .story__body p {\n      font-size: 16.5px;\n      line-height: 1.85;\n      color: var(--text-body);\n      margin-bottom: 20px;\n    }\n\n    .story__body p:last-child {\n      margin-bottom: 0;\n    }\n\n    .story__highlight {\n      color: var(--sky-deep);\n      font-weight: 600;\n    }\n\n    .story__langs {\n      display: flex;\n      gap: 10px;\n      margin-top: 32px;\n      flex-wrap: wrap;\n    }\n\n    .lang-chip {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      border: 1.5px solid var(--sky-light);\n      border-radius: 100px;\n      padding: 6px 14px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--slate-mid);\n      background: var(--sky-light);\n    }\n\n    .lang-flag {\n      font-size: 15px;\n      line-height: 1;\n    }\n\n    .story__image-block {\n      position: relative;\n    }\n\n    .story__image-bg {\n      position: absolute;\n      inset: 16px -16px -16px 16px;\n      background: var(--sky-light);\n      border-radius: var(--radius-lg);\n      z-index: 0;\n    }\n\n    .story__image {\n      width: 100%;\n      border-radius: var(--radius-lg);\n      display: block;\n      position: relative;\n      z-index: 1;\n      object-fit: cover;\n      max-height: 420px;\n    }\n\n    \/* \u2500\u2500 SKILLS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .skills__grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n      gap: 20px;\n    }\n\n    .skill-card {\n      background: var(--white);\n      border: 1.5px solid #E5EAF0;\n      border-radius: var(--radius-md);\n      padding: 28px;\n      transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n    }\n\n    .skill-card:hover {\n      border-color: var(--sky);\n      box-shadow: 0 4px 24px rgba(74,144,184,0.12);\n      transform: translateY(-2px);\n    }\n\n    .skill-card__icon {\n      width: 44px;\n      height: 44px;\n      background: var(--sky-light);\n      border-radius: var(--radius-sm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 16px;\n      color: var(--sky);\n    }\n\n    .skill-card__icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .skill-card__title {\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--slate);\n      margin-bottom: 6px;\n      letter-spacing: -0.01em;\n    }\n\n    .skill-card__desc {\n      font-size: 14px;\n      color: var(--text-muted);\n      line-height: 1.65;\n    }\n\n    \/* Tools strip *\/\n    .tools-strip {\n      margin-top: 56px;\n    }\n\n    .tools-strip__label {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--text-muted);\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      margin-bottom: 20px;\n    }\n\n    .tools-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    .tool-tag {\n      background: var(--white);\n      border: 1.5px solid #E5EAF0;\n      border-radius: 100px;\n      padding: 6px 16px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--slate-mid);\n    }\n\n    \/* \u2500\u2500 PROCESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .process__grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n    }\n\n    .process-card {\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: var(--radius-md);\n      padding: 36px 32px;\n      position: relative;\n      overflow: hidden;\n      transition: border-color 0.2s;\n    }\n\n    .process-card:hover {\n      border-color: rgba(74,144,184,0.4);\n    }\n\n    .process-card__number {\n      font-size: 72px;\n      font-weight: 800;\n      letter-spacing: -0.05em;\n      color: rgba(74,144,184,0.12);\n      line-height: 1;\n      position: absolute;\n      top: 16px;\n      right: 20px;\n      pointer-events: none;\n    }\n\n    .process-card__icon {\n      width: 48px;\n      height: 48px;\n      background: rgba(74,144,184,0.15);\n      border-radius: var(--radius-sm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--sky);\n      margin-bottom: 20px;\n    }\n\n    .process-card__icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    .process-card__title {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--white);\n      margin-bottom: 14px;\n      letter-spacing: -0.01em;\n    }\n\n    .process-card__list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .process-card__list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      font-size: 14.5px;\n      color: rgba(255,255,255,0.65);\n      line-height: 1.5;\n    }\n\n    .process-card__list li::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--sky);\n      flex-shrink: 0;\n      margin-top: 7px;\n    }\n\n    \/* \u2500\u2500 CTA BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .cta-block {\n      background: linear-gradient(135deg, var(--slate-mid) 0%, var(--slate) 100%);\n      border-radius: var(--radius-lg);\n      padding: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 40px;\n      border: 1px solid rgba(74,144,184,0.2);\n      margin-top: 0;\n    }\n\n    .cta-block__text h3 {\n      font-size: 30px;\n      font-weight: 800;\n      color: var(--white);\n      letter-spacing: -0.02em;\n      margin-bottom: 10px;\n    }\n\n    .cta-block .cta-block__text p {\n      font-size: 16px;\n      color: rgba(255,255,255,0.6);\n      max-width: 460px;\n    }\n\n    .cta-block__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: var(--sky);\n      color: var(--white);\n      text-decoration: none;\n      font-size: 15px;\n      font-weight: 700;\n      padding: 16px 32px;\n      border-radius: var(--radius-sm);\n      white-space: nowrap;\n      flex-shrink: 0;\n      transition: background 0.2s, transform 0.2s;\n    }\n\n    .cta-block__link:hover {\n      background: var(--sky-deep);\n      transform: translateY(-1px);\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 900px) {\n      .hero__photo        { width: 140px; height: 140px; }\n      .story__grid        { grid-template-columns: 1fr; gap: 40px; }\n      .story__image-block { display: none; }\n      .process__grid      { grid-template-columns: 1fr; }\n      .cta-block          { flex-direction: column; text-align: center; padding: 40px 28px; }\n      .cta-block__text p  { max-width: 100%; }\n      .stats-bar__inner   { flex-wrap: wrap; gap: 24px; }\n      .stat               { flex: 1 1 40%; }\n      .stat + .stat::before { display: none; }\n    }\n\n    @media (max-width: 600px) {\n      .section { padding: 64px 0; }\n      .skills__grid { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"\/>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"container\">\n    <div class=\"hero__inner\">\n      <div class=\"hero__badge\">\n        <span class=\"hero__badge-dot\"><\/span>\n        <span>Available for new projects<\/span>\n      <\/div>\n      <div class=\"hero__photo-wrap\">\n        <img decoding=\"async\"\n          class=\"hero__photo\"\n          src=\"https:\/\/dygistic.com\/wp-content\/uploads\/2023\/06\/Dylan-Grefte-500x500-1.webp\"\n          alt=\"Dylan Grefte \u2013 SEO &#038; E-Commerce Specialist\"\n          loading=\"eager\"\n        \/>\n      <\/div>\n      <h1 class=\"hero__name\">Dylan Grefte<\/h1>\n      <p class=\"hero__title\">SEO &amp; Cross-Border E-Commerce Specialist<\/p>\n      <p class=\"hero__intro\">\n        I help businesses grow online, with a focus on international markets, technical SEO, and marketing automation. Rooted in data, built for results.\n      <\/p>\n      <a href=\"\/contact\/\" class=\"hero__cta\">\n        Let&#8217;s work together\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Stats bar -->\n<div class=\"stats-bar\">\n  <div class=\"container\">\n    <div class=\"stats-bar__inner\">\n      <div class=\"stat\">\n        <div class=\"stat__number\">7+<\/div>\n        <div class=\"stat__label\">Years of experience<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <div class=\"stat__number\">200+<\/div>\n        <div class=\"stat__label\">Projects delivered<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <div class=\"stat__number\">~20%<\/div>\n        <div class=\"stat__label\">Avg. growth in clicks<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <div class=\"stat__number\">3<\/div>\n        <div class=\"stat__label\">Languages<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MY STORY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"story__grid\">\n      <div class=\"story__body\">\n        <span class=\"label\">About me<\/span>\n        <h2 class=\"section-title\">From web dev curiosity<br>to international SEO<\/h2>\n        <p>\n          My interest in the digital world started early, tinkering with websites, figuring out how things worked under the hood. That curiosity led me to study <span class=\"story__highlight\">International Business<\/span>, where I got my first real exposure to the intersection of technology, data, and global markets.\n        <\/p>\n        <p>\n          After graduating, I spent several years working across the Netherlands, Germany, and Spain, helping businesses establish and grow their presence in international markets. That experience gave me something textbooks can&#8217;t: a genuine understanding of <span class=\"story__highlight\">how culture, language, and local context shape digital strategy<\/span>.\n        <\/p>\n        <p>\n          I founded Dygistic because I saw a consistent gap: businesses had ambitions to grow online, but lacked the technical depth and strategic clarity to actually get there. I built the consultancy to fill that gap, combining hands-on SEO, marketing automation, and a data-first mindset.\n        <\/p>\n        <div class=\"story__langs\">\n          <span class=\"lang-chip\"><span class=\"lang-flag\">&#127475;&#127473;<\/span> Dutch<\/span>\n          <span class=\"lang-chip\"><span class=\"lang-flag\">&#127468;&#127463;<\/span> English<\/span>\n          <span class=\"lang-chip\"><span class=\"lang-flag\">&#127465;&#127466;<\/span> German<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"story__image-block\">\n        <div class=\"story__image-bg\"><\/div>\n        <img decoding=\"async\"\n          class=\"story__image\"\n          src=\"https:\/\/dygistic.com\/wp-content\/uploads\/2024\/11\/Dylan-Grefte.webp\"\n          alt=\"Dylan Grefte at work\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SKILLS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section section--tinted\">\n  <div class=\"container\">\n    <span class=\"label\">What I bring to the table<\/span>\n    <h2 class=\"section-title\">Skills &#038; expertise<\/h2>\n    <p class=\"section-lead\">A mix of technical depth and strategic thinking, built over seven years working with businesses across Europe.<\/p>\n\n    <div class=\"skills__grid\">\n\n      <!-- SEO -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Search Engine Optimization<\/div>\n        <div class=\"skill-card__desc\">Technical audits, on-page strategy, international SEO (hreflang, multi-region), link building, and performance tracking, across all three pillars.<\/div>\n      <\/div>\n\n      <!-- Cross-border e-commerce -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Cross-Border E-Commerce<\/div>\n        <div class=\"skill-card__desc\">Market localisation, regulatory compliance, logistics strategy, and digital channel setup for businesses expanding into international markets.<\/div>\n      <\/div>\n\n      <!-- Marketing automation -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Marketing Automation<\/div>\n        <div class=\"skill-card__desc\">Connecting tools, building automated workflows, and eliminating manual bottlenecks, so your marketing keeps running even when you&#8217;re not.<\/div>\n      <\/div>\n\n      <!-- Data & analytics -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Data Analytics<\/div>\n        <div class=\"skill-card__desc\">GA4, Looker Studio, custom dashboards and Python scripts, turning raw data into decisions you can actually act on.<\/div>\n      <\/div>\n\n      <!-- Web development -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Web Development<\/div>\n        <div class=\"skill-card__desc\">HTML, CSS, JavaScript, and WordPress (including Astra, custom PHP, and Core Web Vitals optimisation). Enough dev knowledge to fix problems without waiting for an agency.<\/div>\n      <\/div>\n\n      <!-- Python & automation -->\n      <div class=\"skill-card\">\n        <div class=\"skill-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>\n        <\/div>\n        <div class=\"skill-card__title\">Python &#038; Process Automation<\/div>\n        <div class=\"skill-card__desc\">Automating repetitive tasks, scraping, data processing, and building scripts that save hours of manual work every week.<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Tools strip -->\n    <div class=\"tools-strip\">\n      <div class=\"tools-strip__label\">Tools I work with daily<\/div>\n      <div class=\"tools-list\">\n        <span class=\"tool-tag\">Ahrefs<\/span>\n        <span class=\"tool-tag\">Semrush<\/span>\n        <span class=\"tool-tag\">Screaming Frog<\/span>\n        <span class=\"tool-tag\">Google Search Console<\/span>\n        <span class=\"tool-tag\">GA4<\/span>\n        <span class=\"tool-tag\">Looker Studio<\/span>\n        <span class=\"tool-tag\">n8n<\/span>\n        <span class=\"tool-tag\">WordPress<\/span>\n        <span class=\"tool-tag\">Python<\/span>\n        <span class=\"tool-tag\">Make<\/span>\n        <span class=\"tool-tag\">Notion<\/span>\n        <span class=\"tool-tag\">Canva<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     WORKING PROCESS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section section--dark\">\n  <div class=\"container\">\n    <span class=\"label\">How I work<\/span>\n    <h2 class=\"section-title\">My approach<\/h2>\n    <p class=\"section-lead\">Whatever the channel , SEO, paid, or social, growth always follows the same logic: get found, get clicked, get converted.<\/p>\n\n    <div class=\"process__grid\">\n\n      <!-- Step 1: Visibility -->\n      <div class=\"process-card\">\n        <span class=\"process-card__number\">01<\/span>\n        <div class=\"process-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div class=\"process-card__title\">Visibility<\/div>\n        <ul class=\"process-card__list\">\n          <li>SEO: technical, on-page &#038; off-page<\/li>\n          <li>Paid media: Google Ads, social campaigns<\/li>\n          <li>Social media presence &#038; organic reach<\/li>\n          <li>International &#038; multilingual exposure<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Step 2: Traffic -->\n      <div class=\"process-card\">\n        <span class=\"process-card__number\">02<\/span>\n        <div class=\"process-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n        <\/div>\n        <div class=\"process-card__title\">Traffic<\/div>\n        <ul class=\"process-card__list\">\n          <li>Keyword &#038; audience targeting<\/li>\n          <li>Content strategy aligned with intent<\/li>\n          <li>SERP feature &#038; snippet optimisation<\/li>\n          <li>Analytics &#038; channel attribution<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Step 3: Conversion -->\n      <div class=\"process-card\">\n        <span class=\"process-card__number\">03<\/span>\n        <div class=\"process-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"process-card__title\">Conversion<\/div>\n        <ul class=\"process-card__list\">\n          <li>CRO: UX analysis &#038; landing page optimisation<\/li>\n          <li>A\/B testing &#038; iterative improvements<\/li>\n          <li>Funnel analysis &#038; drop-off identification<\/li>\n          <li>Marketing automation &#038; lead nurturing<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"cta-block\">\n      <div class=\"cta-block__text\">\n        <h3>Ready to grow your online visibility?<\/h3>\n        <p>Whether you&#8217;re just starting out or scaling internationally, I&#8217;d love to hear what you&#8217;re working on and see if I can help.<\/p>\n      <\/div>\n      <a href=\"\/contact\/\" class=\"cta-block__link\">\n        Get in touch\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Person\",\n  \"name\": \"Dylan Grefte\",\n  \"jobTitle\": \"SEO & Cross-Border E-Commerce Specialist\",\n  \"url\": \"https:\/\/dygistic.com\/about-me\/\",\n  \"image\": \"https:\/\/dygistic.com\/wp-content\/uploads\/2023\/06\/Dylan-Grefte-500x500-1.webp\",\n  \"description\": \"I help businesses grow online with a focus on international markets, technical SEO, and marketing automation.\",\n  \"knowsLanguage\": [\"Dutch\", \"English\", \"German\"],\n  \"knowsAbout\": [\"Search Engine Optimization\", \"Cross-Border E-Commerce\", \"Marketing Automation\", \"Data Analytics\", \"Web Development\", \"Python\"],\n  \"worksFor\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Dygistic\",\n    \"url\": \"https:\/\/dygistic.com\"\n  }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Available for new projects Dylan Grefte SEO &amp; Cross-Border E-Commerce Specialist I help businesses grow online, with a focus on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2768","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/comments?post=2768"}],"version-history":[{"count":2,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2768\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2768\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/media?parent=2768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}