<!-- Experimentation & CRO Systems - Service Page Visual HTML -->
<!-- Velocity Growth | velocitygrowth.ae/services/experimentation-cro-systems -->
<!-- Rendered via decoder script: plain text field > DOMParser > innerHTML -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 1: HERO -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#06054B;padding:100px 0 80px;position:relative;overflow:hidden;">
<!-- Decorative SVG: A/B split test -->
<svg style="position:absolute;top:-20px;right:-30px;width:360px;height:360px;opacity:0.05;" viewBox="0 0 360 360" fill="none" aria-hidden="true">
<line x1="180" y1="20" x2="180" y2="340" stroke="#9431ff" stroke-width="2" stroke-dasharray="6 6"/>
<rect x="30" y="60" width="120" height="240" rx="8" stroke="#9431ff" stroke-width="1.5"/>
<rect x="210" y="60" width="120" height="240" rx="8" stroke="#9431ff" stroke-width="1.5"/>
<text x="90" y="185" font-family="Montserrat" font-size="28" font-weight="700" fill="#9431ff" text-anchor="middle" opacity="0.5">A</text>
<text x="270" y="185" font-family="Montserrat" font-size="28" font-weight="700" fill="#9431ff" text-anchor="middle" opacity="0.5">B</text>
</svg>
<!-- Decorative SVG: hypothesis funnel -->
<svg style="position:absolute;bottom:30px;left:-20px;width:240px;height:240px;opacity:0.04;" viewBox="0 0 240 240" fill="none" aria-hidden="true">
<path d="M40 40h160l-40 80v80l-80 0v-80z" stroke="#9431ff" stroke-width="2" fill="none"/>
<circle cx="80" cy="60" r="4" fill="#9431ff"/>
<circle cx="120" cy="50" r="4" fill="#9431ff"/>
<circle cx="160" cy="65" r="4" fill="#9431ff"/>
<circle cx="100" cy="55" r="4" fill="#9431ff"/>
<circle cx="140" cy="45" r="4" fill="#9431ff"/>
</svg>
<div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">
<!-- Breadcrumb -->
<nav style="margin-bottom:32px;" aria-label="Breadcrumb">
<ol style="list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center;font-size:14px;color:#94a3b8;">
<li><a href="https://www.velocitygrowth.ae" style="color:#94a3b8;text-decoration:none;">Home</a></li>
<li style="color:#94a3b8;">›</li>
<li><a href="https://www.velocitygrowth.ae/services" style="color:#94a3b8;text-decoration:none;">Services</a></li>
<li style="color:#94a3b8;">›</li>
<li style="color:#9431ff;">Experimentation & CRO</li>
</ol>
</nav>
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 0.8fr;gap:48px;align-items:center;">
<div>
<h1 style="font-family:'Montserrat',sans-serif;font-size:56px;font-weight:800;line-height:1.1;color:#fff;margin:0 0 24px;">
<span style="background:linear-gradient(135deg,#9431ff 0%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">Experimentation & CRO</span> Systems That Compound
</h1>
<p class="vg-hero-subtitle" style="font-family:'Nunito Sans',sans-serif;font-size:20px;line-height:1.7;color:#c8cdd3;max-width:640px;margin:0 0 40px;">
Structured experimentation programs that turn opinions into evidence. We build the systems, run the tests, and document the learnings so every experiment makes the next one smarter.
</p>
<div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;">
<a href="https://app.youform.io/forms/benjmpmj" style="display:inline-block;background:#9431ff;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;padding:14px 32px;border-radius:100px;text-decoration:none;transition:background 0.2s;" onmouseover="this.style.background='#7a28d6'" onmouseout="this.style.background='#9431ff'">Book a Free Discovery Call</a>
<a href="#approach" style="display:inline-block;color:#9431ff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:500;padding:14px 24px;text-decoration:none;border:1px solid rgba(148,49,255,0.3);border-radius:100px;transition:border-color 0.2s;" onmouseover="this.style.borderColor='#9431ff'" onmouseout="this.style.borderColor='rgba(148,49,255,0.3)'">See Our Approach ↓</a>
</div>
</div>
<!-- Hero visual: experiment velocity dashboard -->
<div style="display:flex;justify-content:center;align-items:center;">
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;max-width:380px;width:100%;">
<div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;">Experiment Velocity</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;">
<div style="background:rgba(148,49,255,0.08);border-radius:12px;padding:16px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#fff;">12</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:4px;">Tests / Quarter</div>
</div>
<div style="background:rgba(148,49,255,0.08);border-radius:12px;padding:16px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#fff;">34%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:4px;">Win Rate</div>
</div>
<div style="background:rgba(148,49,255,0.08);border-radius:12px;padding:16px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#fff;">2wk</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:4px;">Sprint Cycle</div>
</div>
<div style="background:rgba(148,49,255,0.08);border-radius:12px;padding:16px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#fff;">95%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:4px;">Stat. Significance</div>
</div>
</div>
<!-- Mini progress bars -->
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-bottom:8px;">Q1 Experiment Pipeline</div>
<div style="display:flex;gap:4px;height:8px;border-radius:4px;overflow:hidden;">
<div style="width:25%;background:#22c55e;border-radius:4px 0 0 4px;" title="Won"></div>
<div style="width:42%;background:#9431ff;" title="Running"></div>
<div style="width:17%;background:#f59e0b;" title="Inconclusive"></div>
<div style="width:16%;background:rgba(255,255,255,0.1);border-radius:0 4px 4px 0;" title="Queued"></div>
</div>
<div style="display:flex;justify-content:space-between;margin-top:8px;">
<span style="font-family:'Nunito Sans',sans-serif;font-size:10px;color:#22c55e;">3 Won</span>
<span style="font-family:'Nunito Sans',sans-serif;font-size:10px;color:#9431ff;">5 Running</span>
<span style="font-family:'Nunito Sans',sans-serif;font-size:10px;color:#f59e0b;">2 Inconcl.</span>
<span style="font-family:'Nunito Sans',sans-serif;font-size:10px;color:#94a3b8;">2 Queued</span>
</div>
</div>
</div>
</div>
<!-- Stat badges -->
<div class="vg-hero-stats" style="display:flex;gap:40px;margin-top:56px;flex-wrap:wrap;">
<div style="text-align:left;">
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;">200+</div>
<div style="font-size:14px;color:#94a3b8;margin-top:4px;">Experiments run across clients</div>
</div>
<div style="text-align:left;">
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;">68%</div>
<div style="font-size:14px;color:#94a3b8;margin-top:4px;">Average conversion rate lift</div>
</div>
<div style="text-align:left;">
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;">34%</div>
<div style="font-size:14px;color:#94a3b8;margin-top:4px;">Test win rate (industry avg: 15%)</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 1b: CLIENT LOGO MARQUEE -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section style="background:#fff;padding:40px 0;border-bottom:1px solid #f0f0f0;overflow:hidden;">
<style>
@keyframes vg-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
</style>
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#94a3b8;text-align:center;margin:0 0 28px;">Trusted by data-driven teams across the region</p>
</div>
<div style="position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);">
<div style="display:flex;align-items:center;gap:56px;animation:vg-marquee 25s linear infinite;width:max-content;">
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1f2f5bbe0d5e85d1f5ce_uber.png" alt="Uber logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e61ed4db70adb128885_noon.png" alt="noon logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1dc56843f3f55f632485_accenture.png" alt="Accenture logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1dd8b280547775a1b3ac_botim.png" alt="BOTIM logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e7da19fe190aec297c3_payby.png" alt="PayBy logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ed5e600d7dec12bb156_rizek.png" alt="Rizek logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1efea67500c4140443df_times%20internet.png" alt="Times Internet logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1eef5bbe0d5e85d1bc29_swwl.png" alt="SWVL logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e3af47e53bf47446126_hafla.png" alt="Hafla logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ea4895ae3c345ade9f5_quickbus.png" alt="QuickBus logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1df7a3ec3d9cb9ea6bf5_buupass.png" alt="BuuPass logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e2c29eb84606e009c62_flaunte.png" alt="Flaunte logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1f2f5bbe0d5e85d1f5ce_uber.png" alt="Uber logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e61ed4db70adb128885_noon.png" alt="noon logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1dc56843f3f55f632485_accenture.png" alt="Accenture logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1dd8b280547775a1b3ac_botim.png" alt="BOTIM logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e7da19fe190aec297c3_payby.png" alt="PayBy logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ed5e600d7dec12bb156_rizek.png" alt="Rizek logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1efea67500c4140443df_times%20internet.png" alt="Times Internet logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1eef5bbe0d5e85d1bc29_swwl.png" alt="SWVL logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e3af47e53bf47446126_hafla.png" alt="Hafla logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ea4895ae3c345ade9f5_quickbus.png" alt="QuickBus logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1df7a3ec3d9cb9ea6bf5_buupass.png" alt="BuuPass logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
<img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e2c29eb84606e009c62_flaunte.png" alt="Flaunte logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;" />
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 2: THE CHALLENGE -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div style="max-width:640px;margin-bottom:48px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">The Challenge</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#06054B;margin:0 0 16px;">Why Most Optimization Efforts Fail</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#4a5568;margin:0;">You know you should be testing more. But tests take too long to set up, results are ambiguous, and nobody trusts the data enough to make bold decisions. The problem is not a lack of ideas. It is a lack of system.</p>
</div>
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Random testing icon"><path d="M16 3h5v5M4 20L21 3M21 16v5h-5M15 15l6 6M4 4l5 5" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 8px;">Random testing with no strategy</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;margin:0;">Button color tests and headline swaps that never reach significance. Without a prioritization framework, you test easy things instead of impactful things, and <a href="https://www.velocitygrowth.ae/problems/campaigns-dont-convert" style="color:#9431ff;text-decoration:none;">conversion problems persist</a>.</p>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Bad data icon"><path d="M12 2L2 7l10 5 10-5-10-5z" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 8px;">Results you cannot trust</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;margin:0;">Tests called "winners" at 80% confidence. Sample sizes too small. No control for seasonal effects or audience pollution. When the results are not rigorous, the organization loses faith in testing and <a href="https://www.velocitygrowth.ae/problems/we-have-tools-not-insights" style="color:#9431ff;text-decoration:none;">reverts to opinions</a>.</p>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Slow velocity icon"><circle cx="12" cy="12" r="10" stroke="#9431ff" stroke-width="2"/><path d="M12 6v6l4 2" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 8px;">Too slow to learn</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;margin:0;">One test every two months. Six weeks to set up, four weeks to run, then nobody documents the result. At that velocity, you learn 6 things per year. Your competitors learn 50.</p>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="No compounding icon"><path d="M4 4v16h16" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/><path d="M20 18L14 12L10 16L4 10" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 8px;">Learnings do not compound</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;margin:0;">Each test starts from scratch. There is no learning repository, no cross-pollination between teams, and no institutional memory about what works. You make the same mistakes repeatedly.</p>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 3: HOW WE SOLVE IT (Approach) -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section id="approach" class="vg-section" style="background:#06054B;padding:80px 0;position:relative;overflow:hidden;">
<svg style="position:absolute;top:40px;right:40px;width:200px;height:200px;opacity:0.04;" viewBox="0 0 200 200" aria-hidden="true">
<pattern id="dots-approach-cro" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="2" fill="#9431ff"/></pattern>
<rect width="200" height="200" fill="url(#dots-approach-cro)"/>
</svg>
<div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">
<div style="max-width:640px;margin-bottom:56px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Our Approach</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#fff;margin:0 0 16px;">The Experimentation Operating System</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#c8cdd3;margin:0;">We build the infrastructure, process, and culture for continuous experimentation. The goal is not individual tests. It is a system that gets smarter every sprint.</p>
</div>
<div style="display:flex;flex-direction:column;gap:0;">
<div style="display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:1px solid rgba(255,255,255,0.08);">
<div style="flex-shrink:0;width:64px;height:64px;border-radius:16px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;">
<span style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#9431ff;">01</span>
</div>
<div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;">Diagnose & Prioritize</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 12px;max-width:560px;">We start with data, not guesses. Heatmaps, session recordings, funnel analysis, and user research reveal where the real conversion leaks are. We score every opportunity using the ICE framework (Impact, Confidence, Ease) to rank the backlog by expected value.</p>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0;max-width:560px;">The output is a prioritized experiment backlog with clear hypotheses: "If we change X, we expect Y to happen, measured by Z." No vague test ideas. Every experiment has a specific, measurable prediction.</p>
</div>
</div>
<div style="display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:1px solid rgba(255,255,255,0.08);">
<div style="flex-shrink:0;width:64px;height:64px;border-radius:16px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;">
<span style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#9431ff;">02</span>
</div>
<div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;">Instrument & Validate</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 12px;max-width:560px;">Before any test runs, we verify <a href="https://www.velocitygrowth.ae/services/analytics-growth-intelligence" style="color:#9431ff;text-decoration:none;">tracking accuracy</a>. Incorrect event data produces false winners. We audit the analytics implementation, fix any gaps, and set up proper experiment tracking with clean control/variant segmentation.</p>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0;max-width:560px;">We also pre-calculate sample sizes for each test. If your traffic cannot support a test at 95% confidence within 4 weeks, we adjust the design: larger effect size threshold, sequential testing, or Bayesian methods for lower-traffic pages.</p>
</div>
</div>
<div style="display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:1px solid rgba(255,255,255,0.08);">
<div style="flex-shrink:0;width:64px;height:64px;border-radius:16px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;">
<span style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#9431ff;">03</span>
</div>
<div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;">Execute in 2-Week Sprints</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 12px;max-width:560px;">Every two weeks: design variants, launch tests, analyze results, document learnings. This cadence produces 6-8 completed experiments per quarter, with 2-3 running in parallel at any time.</p>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0;max-width:560px;">We test across the full funnel: landing pages, signup flows, pricing pages, checkout processes, email sequences, and in-app experiences. High-impact areas get tested first (homepage, pricing page, checkout), then we move to mid-funnel optimization.</p>
</div>
</div>
<div style="display:flex;gap:32px;align-items:flex-start;padding:32px 0;">
<div style="flex-shrink:0;width:64px;height:64px;border-radius:16px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;">
<span style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#9431ff;">04</span>
</div>
<div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;">Document & Compound</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 12px;max-width:560px;">Every experiment gets a structured write-up: hypothesis, design, sample size, results, statistical analysis, and "what we learned." This creates a searchable knowledge base that makes every future experiment smarter.</p>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0;max-width:560px;">Learnings from one client inform hypotheses for others (anonymized). Our cross-client learning database covers 200+ experiments across e-commerce, SaaS, fintech, and marketplace verticals in the GCC. Your experiments benefit from all of them.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 4: WHAT'S INCLUDED -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div style="max-width:640px;margin-bottom:48px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">What's Included</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#06054B;margin:0 0 16px;">Experimentation & CRO Services</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#4a5568;margin:0;">From research to testing to organizational capability building.</p>
</div>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;">
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Research icon"><circle cx="11" cy="11" r="8" stroke="#9431ff" stroke-width="2"/><path d="M21 21l-4.35-4.35" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Conversion Research</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">Heatmaps, session recordings, user surveys, and funnel analysis to identify where and why users drop off.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Heatmap and scroll map analysis</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Session recording reviews</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> User intent surveys</li>
</ul>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="A/B testing icon"><rect x="3" y="3" width="8" height="18" rx="2" stroke="#9431ff" stroke-width="2"/><rect x="13" y="3" width="8" height="18" rx="2" stroke="#9431ff" stroke-width="2"/><path d="M7 9V7M17 9V7" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">A/B & Multivariate Testing</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">Rigorous split testing with proper statistical methodology. We use frequentist or Bayesian approaches based on traffic volume and business context.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Pre-calculated sample sizes</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> 95% statistical significance</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Revenue impact quantification</li>
</ul>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Landing page icon"><rect x="3" y="3" width="18" height="18" rx="2" stroke="#9431ff" stroke-width="2"/><path d="M3 9h18" stroke="#9431ff" stroke-width="1.5"/><rect x="7" y="13" width="10" height="3" rx="1" stroke="#9431ff" stroke-width="1.5"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Landing Page Optimization</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">Full landing page audits and redesigns. Message match, social proof, friction reduction, and CTA optimization.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Above-fold optimization</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Form field reduction</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Mobile conversion design</li>
</ul>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Checkout icon"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 6h18" stroke="#9431ff" stroke-width="2"/><path d="M16 10a4 4 0 01-8 0" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Checkout & Funnel CRO</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">E-commerce checkout optimization, SaaS signup flow design, and multi-step funnel analysis to reduce abandonment.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Cart abandonment analysis</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Payment flow optimization</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Trust signal placement</li>
</ul>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Personalization icon"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="7" r="4" stroke="#9431ff" stroke-width="2"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Personalization Strategy</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">Audience-segment-specific experiences: geo-targeted content, returning vs. new visitor flows, and behavior-triggered messaging.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Segment-based experiences</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Dynamic content testing</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Geo-targeted offers</li>
</ul>
</div>
<div class="vg-card" style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-label="Capability building icon"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">CRO Capability Building</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 16px;">Train your team to run experiments independently. Tool setup, process design, hypothesis writing, and statistical analysis workshops.</p>
<ul style="list-style:none;padding:0;margin:0;">
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Team training workshops</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Process documentation</li>
<li style="font-size:14px;color:#4a5568;padding:4px 0;display:flex;gap:8px;align-items:center;"><span style="color:#9431ff;">✓</span> Learning repository setup</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 5: BUILT FOR -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#06054B;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div style="max-width:640px;margin-bottom:48px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Built For</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#fff;margin:0;">Who This Service Is For</h2>
</div>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;">
<div style="border-left:3px solid #9431ff;padding:24px 28px;background:rgba(255,255,255,0.04);border-radius:0 12px 12px 0;">
<div style="width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
<img src="https://cdn.prod.website-files.com/67d162e6d66415b8c9cb5ed9/67dbdbad78842c790e303144_start%20ups.svg" alt="E-commerce" width="48" height="48" style="object-fit:contain;">
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">E-Commerce & D2C</h3>
<ul style="list-style:none;padding:0;margin:0;font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:2;color:#94a3b8;">
<li>10K+ monthly sessions</li>
<li>Checkout abandonment above 60%</li>
<li>Want to increase AOV and CR</li>
</ul>
</div>
<div style="border-left:3px solid #9431ff;padding:24px 28px;background:rgba(255,255,255,0.04);border-radius:0 12px 12px 0;">
<div style="width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
<img src="https://cdn.prod.website-files.com/67d162e6d66415b8c9cb5ed9/67dbdbad78842c790e303141_corporate.svg" alt="SaaS" width="48" height="48" style="object-fit:contain;">
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">SaaS & Product Companies</h3>
<ul style="list-style:none;padding:0;margin:0;font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:2;color:#94a3b8;">
<li>Trial-to-paid below targets</li>
<li>Feature adoption unclear</li>
<li>Want to build experimentation muscle</li>
</ul>
</div>
<div style="border-left:3px solid #9431ff;padding:24px 28px;background:rgba(255,255,255,0.04);border-radius:0 12px 12px 0;">
<div style="width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
<img src="https://cdn.prod.website-files.com/67d162e6d66415b8c9cb5ed9/67dbdbad2f3910576c1a10ac_venture%20capitalist.svg" alt="Marketing teams" width="48" height="48" style="object-fit:contain;">
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">Marketing Teams Without CRO</h3>
<ul style="list-style:none;padding:0;margin:0;font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:2;color:#94a3b8;">
<li>No in-house CRO capability</li>
<li>Spend is up, conversions are flat</li>
<li>Need to build testing culture</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 6: ICE FRAMEWORK -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;">
<div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Prioritization</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#06054B;margin:0 0 20px;">Every Test Earns Its Spot</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 20px;">We use the ICE scoring framework (Impact, Confidence, Ease) to rank every experiment idea. This ensures we always run the highest-expected-value test next, not the easiest or the loudest.</p>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#4a5568;margin:0;">Combined with <a href="https://www.velocitygrowth.ae/services/analytics-growth-intelligence" style="color:#9431ff;text-decoration:none;">proper measurement infrastructure</a>, this framework produces reliable results you can act on with confidence.</p>
</div>
<div>
<div style="background:rgba(217,217,217,0.22);border-radius:12px;padding:24px;">
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 24px;">ICE Scoring Example</h3>
<div style="display:flex;flex-direction:column;gap:16px;">
<div style="padding-bottom:16px;border-bottom:1px solid #e5e7eb;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
<span style="font-family:'Nunito Sans',sans-serif;font-size:15px;font-weight:600;color:#06054B;">Checkout form simplification</span>
<span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#22c55e;">8.7</span>
</div>
<div style="display:flex;gap:16px;font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;">
<span>Impact: 9</span><span>Confidence: 8</span><span>Ease: 9</span>
</div>
</div>
<div style="padding-bottom:16px;border-bottom:1px solid #e5e7eb;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
<span style="font-family:'Nunito Sans',sans-serif;font-size:15px;font-weight:600;color:#06054B;">Pricing page social proof</span>
<span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#22c55e;">7.3</span>
</div>
<div style="display:flex;gap:16px;font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;">
<span>Impact: 7</span><span>Confidence: 8</span><span>Ease: 7</span>
</div>
</div>
<div>
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
<span style="font-family:'Nunito Sans',sans-serif;font-size:15px;font-weight:600;color:#06054B;">Homepage hero redesign</span>
<span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#f59e0b;">5.7</span>
</div>
<div style="display:flex;gap:16px;font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;">
<span>Impact: 8</span><span>Confidence: 5</span><span>Ease: 4</span>
</div>
</div>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin:16px 0 0;line-height:1.5;">ICE score = average of Impact, Confidence, and Ease (each 1-10). Higher score = run first.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 7: RESULTS -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:linear-gradient(135deg,#06054B 0%,#1a0a3e 50%,#2d1254 100%);padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div style="text-align:center;max-width:640px;margin:0 auto 56px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Impact</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#fff;margin:0;">Results We Drive</h2>
</div>
<div class="vg-grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:24px;">
<div class="vg-card" style="text-align:center;padding:40px 24px;background:rgba(255,255,255,0.04);border-radius:16px;border:1px solid rgba(255,255,255,0.08);">
<div style="width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" aria-label="Conversion lift"><path d="M8 32L16 22L22 26L32 12" stroke="#9431ff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 12h8v8" stroke="#9431ff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:700;color:#fff;line-height:1;">68%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:12px;line-height:1.4;">Average conversion rate improvement</div>
</div>
<div class="vg-card" style="text-align:center;padding:40px 24px;background:rgba(255,255,255,0.04);border-radius:16px;border:1px solid rgba(255,255,255,0.08);">
<div style="width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" aria-label="Win rate"><circle cx="20" cy="20" r="14" stroke="#9431ff" stroke-width="2.5"/><path d="M14 20l4 4 8-8" stroke="#9431ff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:700;color:#fff;line-height:1;">34%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:12px;line-height:1.4;">Test win rate (industry avg: 15%)</div>
</div>
<div class="vg-card" style="text-align:center;padding:40px 24px;background:rgba(255,255,255,0.04);border-radius:16px;border:1px solid rgba(255,255,255,0.08);">
<div style="width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" aria-label="Experiments"><rect x="4" y="4" width="14" height="14" rx="2" stroke="#9431ff" stroke-width="2.5"/><rect x="22" y="4" width="14" height="14" rx="2" stroke="#9431ff" stroke-width="2.5"/><rect x="4" y="22" width="14" height="14" rx="2" stroke="#9431ff" stroke-width="2.5"/><rect x="22" y="22" width="14" height="14" rx="2" stroke="#9431ff" stroke-width="2.5"/></svg>
</div>
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:700;color:#fff;line-height:1;">200+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:12px;line-height:1.4;">Experiments run across clients</div>
</div>
<div class="vg-card" style="text-align:center;padding:40px 24px;background:rgba(255,255,255,0.04);border-radius:16px;border:1px solid rgba(255,255,255,0.08);">
<div style="width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" aria-label="Revenue"><circle cx="20" cy="20" r="14" stroke="#9431ff" stroke-width="2.5"/><path d="M20 12v16M14 16c0-2.2 2.7-4 6-4s6 1.8 6 4-2.7 4-6 4-6 1.8-6 4 2.7 4 6 4 6-1.8 6-4" stroke="#9431ff" stroke-width="2" stroke-linecap="round"/></svg>
</div>
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:700;color:#fff;line-height:1;">$4.2M</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:12px;line-height:1.4;">Incremental revenue attributed to CRO</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 8: FAQ -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section vg-faq" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:800px;margin:0 auto;padding:0 24px;">
<div style="text-align:center;margin-bottom:48px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Common Questions</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#06054B;margin:0;">Frequently Asked Questions</h2>
</div>
<div style="border-top:1px solid #e5e7eb;">
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>How much traffic do we need for A/B testing to work?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">For a standard A/B test with a 5% baseline conversion rate and a 10% minimum detectable effect at 95% confidence, you need roughly 30,000 sessions per variant. For lower traffic sites (under 50K monthly sessions), we use sequential testing, Bayesian methods, or before/after analysis to still generate reliable insights. No test should run without a pre-calculated sample size requirement.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>What tools do you use for experimentation?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">We work with your existing tools. Common platforms include Google Optimize (sunsetting, so we help with migration), VWO, Optimizely, AB Tasty, and Convert. For product experiments, we work with LaunchDarkly, Statsig, or Amplitude Experiment. If you do not have a tool yet, we help you select and implement one based on your traffic, technical stack, and budget.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>How is this different from conversion rate optimization agencies?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">Most CRO agencies run tests. We build systems. The difference is sustainability: when the engagement ends, your team has a documented experiment process, a learning database, trained analysts, and the capability to run high-velocity testing independently. We also go beyond website CRO into product experimentation, pricing tests, and growth loops, areas that traditional CRO agencies do not touch.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>What is your test win rate and how is it higher than average?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">Our test win rate is 34% compared to the industry average of 12-15%. The difference comes from research-backed hypothesis generation. We do not test random ideas. Every test is grounded in qualitative research (user interviews, session recordings, surveys) and quantitative analysis (funnel data, heatmaps, cohort analysis). We test fewer, better ideas instead of more, random ones.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>Can you run experiments on our mobile app?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">Yes. Mobile app experimentation requires feature flagging tools (LaunchDarkly, Statsig, Firebase Remote Config) rather than website A/B testing tools. We design experiments, define the hypotheses, set up the measurement, and analyze results. Your engineering team implements the variants using the feature flag system. We also support mobile-first web experiences.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>How do you handle seasonality in test results?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">We never run tests during known seasonal peaks (Ramadan, White Friday, year-end sales) unless the test specifically targets seasonal behavior. For ongoing tests, we control for day-of-week effects by running tests in full-week increments. We also analyze results by traffic source and device to ensure external factors are not biasing the outcome.</div>
</details>
<details style="border-bottom:1px solid #e5e7eb;">
<summary style="padding:20px 0;font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;">
<span>How does this relate to your analytics and performance marketing services?</span>
<span class="vg-chevron" style="font-size:14px;color:#9431ff;margin-left:16px;flex-shrink:0;transition:transform 0.3s;">▾</span>
</summary>
<div style="padding:0 0 20px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a5568;">Experimentation is the bridge between analytics and performance marketing. Analytics tells you where the problems are. CRO tests solutions. Performance marketing drives traffic to optimized pages. Many clients engage all three services: analytics to build the measurement foundation, CRO to optimize conversion, and performance marketing to scale proven funnels.</div>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 9: RELATED READING -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div style="max-width:640px;margin-bottom:48px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#9431ff;margin:0 0 12px;">Insights</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#06054B;margin:0;">Related Reading</h2>
</div>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;">
<a href="https://www.velocitygrowth.ae/problems/campaigns-dont-convert" style="text-decoration:none;display:block;">
<div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:28px;border:1px solid #e5e7eb;height:100%;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#9431ff;margin:0 0 12px;">Problem</p>
<h3 style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;margin:0 0 8px;line-height:1.35;">Why Campaigns Drive Clicks But Not Conversions</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a5568;margin:0;">The disconnect between ad engagement and conversion, and where the real leaks are in your funnel.</p>
</div>
</a>
<a href="https://www.velocitygrowth.ae/services/analytics-growth-intelligence" style="text-decoration:none;display:block;">
<div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:28px;border:1px solid #e5e7eb;height:100%;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#9431ff;margin:0 0 12px;">Service</p>
<h3 style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;margin:0 0 8px;line-height:1.35;">Analytics & Growth Intelligence</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a5568;margin:0;">The measurement infrastructure you need before running experiments: event tracking, attribution, and dashboards.</p>
</div>
</a>
<a href="https://www.velocitygrowth.ae/services/performance-marketing-scaleups" style="text-decoration:none;display:block;">
<div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:28px;border:1px solid #e5e7eb;height:100%;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#9431ff;margin:0 0 12px;">Service</p>
<h3 style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;margin:0 0 8px;line-height:1.35;">Performance Marketing for Scaleups</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a5568;margin:0;">Drive traffic to your optimized pages with revenue-focused paid acquisition across Google, Meta, TikTok, and LinkedIn.</p>
</div>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 10: CTA -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#06054B;padding:80px 0;position:relative;overflow:hidden;">
<svg style="position:absolute;bottom:20px;left:20px;width:240px;height:240px;opacity:0.04;" viewBox="0 0 240 240" aria-hidden="true">
<pattern id="dots-cta-cro" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.5" fill="#9431ff"/></pattern>
<rect width="240" height="240" fill="url(#dots-cta-cro)"/>
</svg>
<div style="max-width:800px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:1;">
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;line-height:1.15;color:#fff;margin:0 0 16px;">Ready to Build an Experimentation Engine?</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#c8cdd3;margin:0;">Book a 30-minute discovery call to discuss your conversion challenges and how structured experimentation can unlock compounding growth.</p>
</div>
</section>
