:root{–ink:#0D1B2A;–ink-s:#52606D;–red:#E63946;–red-d:#C42E3A;–red-l:#FDECEC;–teal:#1F9E8F;–teal-l:#2CCFB9;–amber:#E9A23B;–hairline:#DCE2E8;–page:#F7F9FB;–display:’Bricolage Grotesque’,system-ui,sans-serif;–body:’Inter’,system-ui,sans-serif;–mono:ui-monospace,’Fira Code’,monospace;–r:16px;–r-lg:24px;–sh:0 4px 16px rgba(13,27,42,.08);–sh-lg:0 12px 36px rgba(13,27,42,.14)}
.w *,.w *::before,.w *::after{box-sizing:border-box;margin:0;padding:0}
.w{font-family:var(–body);color:var(–ink);line-height:1.65;background:var(–page)}
.w h1,.w h2,.w h3{font-family:var(–display);font-weight:700;letter-spacing:-.02em;line-height:1.18}
.w em{color:var(–red);font-style:normal}
.w a{color:inherit;text-decoration:none}
.w .wrap{max-width:1100px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.4rem)}
/* Eyebrow */
.w .ey{display:flex;align-items:center;gap:.55rem;font-family:var(–mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(–teal);font-weight:600;margin-bottom:.9rem}
.w .ey::before{content:”;width:22px;height:2px;background:var(–teal);border-radius:2px;flex-shrink:0}
/* Pills */
.w .pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.2rem}
.w .pill{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(–hairline);border-radius:999px;padding:.38rem .9rem;font-size:.84rem;font-weight:600}
.w .dp{width:8px;height:8px;border-radius:50%;background:var(–teal);animation:beat 1.6s infinite;display:inline-block}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(31,158,143,.55)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
/* Hero */
.w .hero{background:linear-gradient(160deg,#FDECEC 0%,#F1F4F7 52%,#E6F4F1 100%);padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.5rem,8vw,6.5rem);border-radius:0 0 32px 32px}
.w .hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.w .hero h1{font-size:clamp(1.8rem,4vw,2.9rem);margin-bottom:.9rem}
.w .hero .lead{font-size:.98rem;color:var(–ink-s);max-width:46ch;margin-bottom:1.6rem;line-height:1.75}
/* Buttons */
.w .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8em 1.5em;border-radius:999px;font-weight:600;font-family:var(–body);font-size:.93rem;cursor:pointer;border:none;transition:background .2s,transform .15s;text-decoration:none}
.w .btn:active{transform:translateY(1px)}
.w .btn:disabled{opacity:.6;cursor:default;transform:none}
.w .bp{background:var(–red);color:#fff;box-shadow:0 6px 18px rgba(230,57,70,.25)}
.w .bp:hover{background:var(–red-d)}
.w .bg{background:#fff;color:var(–ink);border:1.5px solid var(–hairline)}
.w .bg:hover{border-color:var(–ink)}
.w .bwa{background:#25D366;color:#fff}.w .bwa:hover{background:#1db954}
.w .btel{background:var(–ink);color:#fff}.w .btel:hover{background:#1B2A3D}
.w .breset{background:#fff;color:var(–ink);border:1.5px solid var(–hairline)}.w .breset:hover{border-color:var(–ink)}
/* Form */
.w .fcard{background:#fff;border:1px solid var(–hairline);border-radius:var(–r-lg);padding:1.6rem;box-shadow:var(–sh)}
.w .fcard h3{font-family:var(–display);font-size:1.05rem;font-weight:700;margin-bottom:1.1rem}
.w .field{margin-bottom:.85rem}
.w .field label{display:block;font-size:.75rem;font-weight:700;color:var(–ink-s);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.35rem}
.w .field input{width:100%;padding:.72em .95em;border:1.5px solid var(–hairline);border-radius:12px;font-size:.93rem;font-family:var(–body);color:var(–ink);outline:none;transition:border-color .2s,box-shadow .2s}
.w .field input:focus{border-color:var(–red);box-shadow:0 0 0 3px rgba(230,57,70,.1)}
.w .field input::placeholder{color:#B0BAC5}
.w .bfull{width:100%;justify-content:center;border-radius:12px;padding:.95em;margin-top:.3rem;font-size:.97rem}
.w .fnote{font-size:.75rem;color:#99A8B5;text-align:center;margin-top:.6rem}
.w .ferr{font-size:.82rem;color:var(–red);text-align:center;margin-top:.45rem;min-height:1em}
/* Monitor */
.w .mon{background:var(–ink);border-radius:22px;padding:1.4rem;color:#fff;box-shadow:var(–sh-lg);overflow:hidden}
.w .mon-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.w .mon-st{display:inline-flex;align-items:center;gap:.5rem;font-family:var(–mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8FE3D7}
.w .mon-st .dot{width:8px;height:8px;border-radius:50%;background:var(–teal);animation:beat 1.6s infinite}
.w .mon-id{font-family:var(–mono);font-size:.64rem;color:#5C6B7A;letter-spacing:.08em}
.w .ecg{width:100%;height:72px;display:block}
.w .ecg path{fill:none;stroke:#1F9E8F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.w .ecg .trace{stroke:#2CCFB9;filter:drop-shadow(0 0 5px rgba(44,207,185,.6))}
.w .mon-rd{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.95rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem}
.w .ri .lbl{font-family:var(–mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#5C6B7A}
.w .ri .val{font-family:var(–display);font-size:1.2rem;font-weight:700;margin-top:.08rem}
.w .ri .val small{font-size:.75rem;color:#8FE3D7;font-weight:600}
.w .sv{color:var(–teal-l)}
/* Trust */
.w .tbar{background:#fff;border-bottom:1px solid var(–hairline);padding:.9rem 0}
.w .tin{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.6rem,3vw,2.5rem);align-items:center}
.w .ts .n{font-family:var(–display);font-size:1.3rem;font-weight:800;color:var(–red);text-align:center}
.w .ts .l{font-size:.75rem;color:var(–ink-s);text-align:center}
.w .tdiv{width:1px;height:28px;background:var(–hairline)}
/* Loading */
#wl{display:none;padding:clamp(3rem,6vw,5rem) 0}
#wl.on{display:block}
.w .lwrap{max-width:500px;margin:0 auto;text-align:center}
.w .lwrap h2{font-family:var(–display);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}
.w .lwrap .sub{color:var(–ink-s);font-size:.92rem;margin-bottom:1.8rem}
.w .steps{display:flex;flex-direction:column;gap:.6rem;margin-top:1.3rem}
.w .step{display:flex;align-items:center;gap:.8rem;background:#fff;border:1.5px solid var(–hairline);border-radius:12px;padding:.8rem 1.1rem;font-size:.88rem;color:var(–ink-s);transition:all .3s}
.w .step.on{border-color:var(–red);color:var(–ink)}
.w .step.done{border-color:var(–teal);color:var(–teal)}
.w .sico{flex-shrink:0;width:22px;text-align:center}
/* Results */
#wr{display:none;padding:clamp(3rem,6vw,5rem) 0}
#wr.on{display:block}
.w .cbadge{display:inline-flex;align-items:center;border-radius:999px;padding:.35em 1em;font-family:var(–mono);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}
.w .cg{background:#E6F4F1;color:#14745C}
.w .co{background:#FBF2DE;color:#9A6A00}
.w .cr{background:#FDECEC;color:var(–red-d)}
.w .sring{width:170px;height:170px;position:relative;margin:0 auto 1.3rem;display:inline-block}
.w .sring svg{transform:rotate(-90deg)}
.w .sctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.w .sctr .snum{font-family:var(–display);font-size:2.6rem;font-weight:800;line-height:1}
.w .sctr .slbl{font-size:.7rem;color:var(–ink-s);font-family:var(–mono);letter-spacing:.06em;margin-top:.15rem}
.w .rhead{text-align:center;margin-bottom:2.2rem}
.w .rhead h2{font-size:clamp(1.3rem,2.5vw,1.9rem);margin-bottom:.45rem}
.w .rhead p{color:var(–ink-s);font-size:.92rem;max-width:50ch;margin:0 auto}
.w .lhdr{font-family:var(–mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(–ink-s);margin-bottom:.9rem}
.w .lgrid{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.8rem}
.w .lcard{background:#fff;border:1px solid var(–hairline);border-top:4px solid var(–red);border-radius:var(–r);padding:1.2rem 1.3rem;box-shadow:var(–sh);transition:transform .2s,box-shadow .2s}
.w .lcard:hover{transform:translateY(-2px);box-shadow:var(–sh-lg)}
.w .lcard.middel{border-top-color:var(–amber)}
.w .lcard.laag{border-top-color:var(–teal)}
.w .ltag{display:inline-flex;font-family:var(–mono);font-size:.63rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;margin-bottom:.5rem;padding:.22em .7em;border-radius:999px}
.w .th{color:var(–red-d);background:#FDECEC}
.w .tm{color:#9A6A00;background:#FBF2DE}
.w .tl{color:#14745C;background:#E6F4F1}
.w .lcard h3{font-family:var(–display);font-size:.95rem;font-weight:700;margin-bottom:.38rem}
.w .lcard p{font-size:.87rem;color:var(–ink-s);line-height:1.65}
.w .rcta{background:var(–red-l);border:1px solid rgba(230,57,70,.14);border-radius:var(–r-lg);padding:1.7rem;text-align:center}
.w .rcta h3{font-family:var(–display);font-size:1.1rem;font-weight:700;margin-bottom:.38rem}
.w .rcta p{font-size:.88rem;color:var(–ink-s);margin-bottom:1.1rem}
.w .cbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}
/* Testimonials */
.w .tsec{padding:clamp(3rem,5vw,4rem) 0;background:#fff;border-top:1px solid var(–hairline)}
.w .shead{text-align:center;margin-bottom:2.2rem}
.w .shead h2{font-size:clamp(1.3rem,2.5vw,1.9rem)}
.w .shead p{color:var(–ink-s);margin-top:.45rem;font-size:.92rem}
.w .tout{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}
.w .ttrack{display:flex;gap:.9rem;animation:glide 34s linear infinite;width:max-content}
@keyframes glide{to{transform:translateX(-50%)}}
.w .tc{background:var(–page);border:1px solid var(–hairline);border-radius:var(–r);padding:1.2rem;width:256px;flex-shrink:0}
.w .tst{color:var(–amber);font-size:.82rem;margin-bottom:.5rem}
.w .tt{font-size:.84rem;line-height:1.65;margin-bottom:.65rem}
.w .ta{font-size:.75rem;font-weight:600;color:var(–ink-s)}
/* Edu */
.w .edu{background:var(–ink);color:#fff;padding:clamp(3rem,7vw,5rem) 0}
.w .edu .ey{color:#8FE3D7}.w .edu .ey::before{background:#8FE3D7}
.w .edu h2{color:#fff;font-size:clamp(1.4rem,3vw,2.1rem);margin-bottom:1.8rem}
.w .egrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.w .frows{display:flex;flex-direction:column;gap:.5rem}
.w .frow{display:flex;align-items:center;gap:.9rem}
.w .flbl{font-family:var(–mono);font-size:.7rem;color:#64748B;width:48px;text-align:right;flex-shrink:0}
.w .fbar{height:38px;border-radius:7px;display:flex;align-items:center;padding:0 .9rem;font-family:var(–display);font-weight:700;font-size:.86rem;color:#fff}
.w .fv{background:#1D4ED8;width:100%}.w .fi{background:#3730A3;width:55%}
.w .fc{background:#6D28D9;width:22%}.w .fb{background:var(–red);width:5%;min-width:72px}
.w .lrs{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}
.w .lr{display:flex;align-items:flex-start;gap:.7rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:.75rem .95rem;font-size:.86rem;color:#CBD5E1}
.w .lrd{width:7px;height:7px;border-radius:50%;background:var(–red);flex-shrink:0;margin-top:.38rem}
/* Erwin */
.w .esec{padding:clamp(3rem,5vw,4rem) 0;background:var(–page)}
.w .egr{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.w .eimg{border-radius:20px;overflow:hidden;box-shadow:var(–sh-lg)}
.w .eimg img{width:100%;display:block;object-fit:cover;aspect-ratio:4/3;object-position:center top}
.w .ebody h2{font-size:clamp(1.3rem,2.8vw,1.9rem);margin-bottom:.75rem}
.w .ebody p{font-size:.92rem;color:var(–ink-s);line-height:1.8;margin-bottom:1.2rem}
.w .spills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.w .spill{background:#fff;border:1px solid var(–hairline);border-radius:999px;padding:.32rem .85rem;font-size:.78rem;font-weight:600}
.w .spill strong{color:var(–red);font-family:var(–display)}
.w .hctas{display:flex;flex-wrap:wrap;gap:.6rem}
/* Responsive */
@media(max-width:820px){.w .hgrid,.w .egrid,.w .egr{grid-template-columns:1fr}.w .mwrap{display:none}}
@media(max-width:560px){.w .tdiv{display:none}.w .hctas,.w .cbtns{flex-direction:column}.w .btn{justify-content:center}}
🔍 AI-analyse in 30 sec
Ontdek waar jouw webshop
omzet laat liggen
Vul je URL in. De AI scant je site live en geeft een conversiescore plus je drie grootste lekken — gratis, zonder contract.
Start je gratis scan →
100% gratis · Geen spam · Resultaat binnen 30 sec
Webshop diagnostiek bezig…
De AI bekijkt je site live — even geduld.
Jouw conversiescore
🚨 Jouw 3 grootste omzet-lekken
Wil je weten hoe je deze lekken dicht?
Erwin kijkt persoonlijk mee — geen bureau, geen contract.
Wat zeggen andere ondernemers?
Je betaalt voor bezoekers.
Maar verdient pas aan kopers.
Van elke 1.000 bezoekers kopen er gemiddeld slechts 2. Dat is 0,2% conversie — terwijl een gezonde webshop op 1,5–2,5% zit.
Geen vertrouwen — geen SSL, reviews of keurmerken
Onduidelijke productpagina’s — te weinig info of foto’s
Haperende checkout — te veel stappen, geen iDEAL
Geen callcenter.
Gewoon ik.
Hoi, ik ben Erwin. Achter Rondom Internet zit één vast gezicht — ik dus. Ik neem op als je belt, leg in gewone taal uit wat er speelt, en zorg dat je website blijft draaien terwijl jij onderneemt.
Deze scan is daar een goed voorbeeld van: gratis inzicht, direct van mij.
<5 min reactietijd bij spoed
99,9% uptime doel
(function () {
‘use strict’;
var REST = window.location.origin + ‘/wp-json/wss/v1/scan’;
// WA-links bijwerken via plugin config
fetch(window.location.origin + ‘/wp-json/wss/v1/config’)
.then(function (r) { return r.ok ? r.json() : null; })
.then(function (c) {
if (!c || !c.wa) return;
var wa = ‘https://wa.me/’ + c.wa;
var tel = ’tel:+’ + c.wa;
[‘wss-wa1′,’wss-wa2’].forEach(function (id) {
var el = document.getElementById(id);
if (el) { el.href = wa; el.target = ‘_blank’; el.rel = ‘noopener’; }
});
var te = document.getElementById(‘wss-tel’);
if (te) te.href = tel;
})
.catch(function () {});
// Testimonials
var T = [
{t:’Eindelijk snap ik mijn eigen cijfers. Conversie in twee maanden flink omhoog.’,a:’Lisa, mode-webshop’},
{t:’Geen bureau meer nodig. Ik doe mijn advertenties nu zelf en het werkt.’,a:’Mark, woonaccessoires’},
{t:’De scan legde precies de vinger op de zere plek. Confronterend en eerlijk.’,a:’Sanne, sieraden’},
{t:’Direct inzicht waar ik omzet liet liggen. Echte aanrader.’,a:’Nadia, babyspullen’},
{t:’Erwin denkt echt mee. Zijn advies was concreet en meteen toepasbaar.’,a:’Joost, outdoor’},
{t:’In 30 seconden wist ik wat er mis was met mijn checkout.’,a:’Peter, elektronica’},
{t:’Geen wollig verhaal maar echte verbeterpunten. Direct mee aan de slag.’,a:’Emma, lifestyle’},
{t:’De code-rood melding was confronterend en precies wat ik nodig had.’,a:’Tom, supplementen’}
];
var tt = document.getElementById(‘wss-tt’);
if (tt) {
var rows = T.concat(T), h = ”;
for (var i = 0; i < rows.length; i++) {
h += '
‘
+ ‘
“’ + rows[i].t + ‘”
‘
+ ‘
— ‘ + rows[i].a + ‘
‘;
}
tt.innerHTML = h;
}
// Stappen
var _tmr = null;
var ST = [‘Pagina scannen…’,’Producten controleren…’,’Checkout checken…’,’Score berekenen…’];
function step(n) {
for (var i = 1; i <= 4; i++) {
var el = document.getElementById('s' + i);
var ic = document.getElementById('si' + i);
if (!el) continue;
el.classList.remove('on','done');
if (i 4) { clearInterval(_tmr); return; } step(c); }, 7000);
}
// Scan
window.wssStart = function () {
var errEl = document.getElementById(‘wss-err’);
errEl.textContent = ”;
var url = (document.getElementById(‘wss-url’).value || ”).trim();
var mail = (document.getElementById(‘wss-mail’).value || ”).trim();
if (!url) { errEl.textContent = ‘Vul je webshop-URL in.’; return; }
if (!url.match(/^https?:\/\/.+\..+/)) { errEl.textContent = ‘Vul een geldige URL in (bijv. https://jouwshop.nl).’; return; }
if (!mail) { errEl.textContent = ‘Vul je e-mailadres in.’; return; }
if (!mail.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { errEl.textContent = ‘Vul een geldig e-mailadres in.’; return; }
var su = document.getElementById(‘wss-su’);
if (su) su.textContent = url.replace(/^https?:\/\//, ”).replace(/\/.*$/, ”);
document.getElementById(‘wss-btn’).disabled = true;
document.getElementById(‘wss-hero’).style.display = ‘none’;
document.getElementById(‘wl’).classList.add(‘on’);
anim();
fetch(REST, {
method: ‘POST’,
headers: {‘Content-Type’:’application/json’},
body: JSON.stringify({url: url})
})
.then(function (r) {
return r.json().then(function (d) {
if (!r.ok) throw new Error(d.message || (‘Serverfout ‘ + r.status));
return d;
});
})
.then(function (d) {
if (_tmr) clearInterval(_tmr);
step(4);
setTimeout(function () {
document.getElementById(‘wl’).classList.remove(‘on’);
show(d);
}, 800);
})
.catch(function (e) {
if (_tmr) clearInterval(_tmr);
document.getElementById(‘wl’).classList.remove(‘on’);
document.getElementById(‘wss-hero’).style.display = ‘block’;
document.getElementById(‘wss-btn’).disabled = false;
document.getElementById(‘wss-err’).textContent = e.message || ‘Er ging iets mis. Probeer het opnieuw.’;
});
};
function show(r) {
document.getElementById(‘wr’).classList.add(‘on’);
var score = Math.max(0, Math.min(100, Number(r.score) || 50));
var col, cc, ct;
if (score >= 70) { col = ‘#1F9E8F’; cc = ‘cg’; ct = ‘Code Groen’; }
else if (score >= 45) { col = ‘#E9A23B’; cc = ‘co’; ct = ‘Code Oranje’; }
else { col = ‘#E63946’; cc = ‘cr’; ct = ‘Code Rood’; }
var b = document.getElementById(‘wss-badge’);
if (b) { b.className = ‘cbadge ‘ + cc; b.textContent = ct; }
var arc = document.getElementById(‘wss-arc’);
if (arc) {
arc.style.stroke = col;
setTimeout(function () {
arc.style.strokeDashoffset = (2 * Math.PI * 72) * (1 – score / 100);
}, 80);
}
var sn = document.getElementById(‘wss-snum’);
if (sn) {
sn.style.color = col;
var cur = 0;
var iv = setInterval(function () { cur = Math.min(cur + 2, score); sn.textContent = cur; if (cur >= score) clearInterval(iv); }, 25);
}
var grade = score >= 70 ? ‘Uitstekend’ : score >= 55 ? ‘Goed’ : score >= 35 ? ‘Matig’ : ‘Verbetering nodig’;
var te = document.getElementById(‘wss-rtitle’);
var se = document.getElementById(‘wss-rsub’);
if (te) te.textContent = grade + ‘ \u2014 ‘ + score + ‘/100’;
if (se) se.textContent = r.samenvatting || ”;
var lk = document.getElementById(‘wss-leaks’);
if (lk && r.lekken && r.lekken.length) {
var h = ”;
for (var i = 0; i < r.lekken.length; i++) {
var l = r.lekken[i];
var imp = (l.impact || 'hoog').toLowerCase();
var tc = imp === 'hoog' ? 'th' : imp === 'middel' ? 'tm' : 'tl';
h += '
+ ‘
‘ + (l.titel || ”) + ‘
‘ + (l.beschrijving || ”) + ‘
‘;
}
lk.innerHTML = h;
}
document.getElementById(‘wr’).scrollIntoView({behavior:’smooth’,block:’start’});
}
window.wssReset = function () {
document.getElementById(‘wr’).classList.remove(‘on’);
document.getElementById(‘wss-hero’).style.display = ‘block’;
document.getElementById(‘wss-btn’).disabled = false;
document.getElementById(‘wss-url’).value = ”;
document.getElementById(‘wss-mail’).value = ”;
document.getElementById(‘wss-err’).textContent = ”;
for (var i = 1; i <= 4; i++) {
var el = document.getElementById('s' + i);
if (el) { el.classList.remove('on','done'); if (i === 1) el.classList.add('on'); }
}
var se = document.getElementById('wss-st');
var fe = document.getElementById('wss-fa');
if (se) se.textContent = 'Starten…';
if (fe) fe.textContent = '1/4';
window.scrollTo({top:0,behavior:'smooth'});
};
}());
