<!-- UI/UX Design for Marketplaces | Expertise combo page (Service x Industry) -->
<!-- Velocity Growth | velocitygrowth.ae/expertise/ui-ux-design-for-marketplaces -->
<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">
<main role="main">
<article itemscope itemtype="https://schema.org/WebPage">
<section class="vg-section" style="background:#06054B;padding:100px 0 80px;position:relative;overflow:hidden;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">
<nav style="margin-bottom:32px;" aria-label="Breadcrumb">
<ol style="font-family:'Nunito Sans',sans-serif;list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center;font-size:16px;color:#94a3b8;flex-wrap:wrap;">
<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/expertise" style="color:#94a3b8;text-decoration:none;">Expertise</a></li>
<li style="color:#94a3b8;">›</li>
<li style="color:#9431ff;">UI/UX Design for Marketplaces</li>
</ol>
</nav>
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 0.8fr;gap:48px;align-items:center;">
<div>
<div style="display:inline-block;font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#c084fc;background:rgba(148,49,255,0.12);border:1px solid rgba(148,49,255,0.3);padding:6px 14px;border-radius:100px;margin-bottom:20px;">Marketplace product design · UAE & GCC</div>
<h1 style="font-family:'Montserrat',sans-serif;font-size:50px;font-weight:700;line-height:1.12;color:#fff;margin:0 0 22px;"><span style="background:linear-gradient(135deg,#9431ff 0%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">UI/UX Design</span> for Marketplaces in the UAE</h1>
<p style="font-family:'Nunito Sans',sans-serif;font-size:20px;line-height:1.7;color:#c8cdd3;max-width:640px;margin:0 0 28px;">A marketplace has two sides, a trust problem, and a liquidity problem, and design touches all three. We design marketplace experiences that convert both supply and demand, test the flows before launch, and catch the issues a studio would ship straight into production.</p>
<div style="display:flex;gap:18px;flex-wrap:wrap;margin:0 0 32px;"><div style="display:flex;align-items:center;gap:7px;font-family:'Nunito Sans',sans-serif;font-size:13px;color:#c8cdd3;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg>Both sides of the marketplace</div><div style="display:flex;align-items:center;gap:7px;font-family:'Nunito Sans',sans-serif;font-size:13px;color:#c8cdd3;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg>Liquidity and trust by design</div><div style="display:flex;align-items:center;gap:7px;font-family:'Nunito Sans',sans-serif;font-size:13px;color:#c8cdd3;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg>Flows tested before launch</div><div style="display:flex;align-items:center;gap:7px;font-family:'Nunito Sans',sans-serif;font-size:13px;color:#c8cdd3;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg>Conversion-instrumented</div></div>
<div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;">
<a href="#audit" 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;" onmouseover="this.style.background='#7a28d6'" onmouseout="this.style.background='#9431ff'">Book a Free Discovery Call</a>
<a href="#arsenal" style="display:inline-block;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:500;padding:14px 24px;text-decoration:none;border:1px solid rgba(255,255,255,0.25);border-radius:100px;">See how we solve it ↓</a>
</div>
</div>
<div><div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:380px;width:100%;margin:0 auto;"><div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:26px;font-weight:600;color:#fff;">Two-sided</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Supply and demand designed</div>
</div>
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:26px;font-weight:600;color:#fff;">Pre-launch</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Flows tested before go-live</div>
</div>
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:26px;font-weight:600;color:#fff;">Trust</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Designed into every step</div>
</div>
<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:26px;font-weight:600;color:#fff;">Liquidity</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">The metric we design toward</div>
</div></div></div>
</div>
</div>
</section>
<section style="background:#fff;padding:40px 0;border-bottom:1px solid #f0f0f0;overflow:hidden;">
<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;">Brands we have worked with</p>
</div>
<style>@keyframes vg-marquee-exp{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}</style>
<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-exp 35s 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/67ed1e18229541516fc99100_crescent.png" alt="Crescent logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e6e6cab636a52292e07_oxinus.png" alt="Oxinus logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e4d2383766a71df4308_justgo.png" alt="JustGo logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ec814fa830e5a20e34c_riva.png" alt="Riva logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1de6311a66b57589b61b_break.png" alt="BreakBread logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e068baf7ac1c7656f7f_cashnow.png" alt="CashNow logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1f3e5406a1691597fe35_ubereats.png" alt="Uber Eats logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e908906e2f7858ee71a_redemob.png" alt="Redeemob logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ee15c91e866ded703e4_spotlight.png" alt="Spotlight logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e95a19fe190aec2aa7a_posom.png" alt="Posom logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d13ad04dab597f4008196d_Group.png" alt="Test AI logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d1474b56e7a60a94481ac2_Munsit_Logo.svg" alt="Munsit logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d147027342e79e3f818cb6_ig0cfV48ODPkisMrcixNwaZiE.svg" alt="Superchat 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;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e18229541516fc99100_crescent.png" alt="Crescent logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e6e6cab636a52292e07_oxinus.png" alt="Oxinus logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e4d2383766a71df4308_justgo.png" alt="JustGo logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ec814fa830e5a20e34c_riva.png" alt="Riva logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1de6311a66b57589b61b_break.png" alt="BreakBread logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e068baf7ac1c7656f7f_cashnow.png" alt="CashNow logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1f3e5406a1691597fe35_ubereats.png" alt="Uber Eats logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e908906e2f7858ee71a_redemob.png" alt="Redeemob logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1ee15c91e866ded703e4_spotlight.png" alt="Spotlight logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/67ed1e95a19fe190aec2aa7a_posom.png" alt="Posom logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d13ad04dab597f4008196d_Group.png" alt="Test AI logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d1474b56e7a60a94481ac2_Munsit_Logo.svg" alt="Munsit logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/><img src="https://cdn.prod.website-files.com/67d85ba75cf372c97c80ab84/68d147027342e79e3f818cb6_ig0cfV48ODPkisMrcixNwaZiE.svg" alt="Superchat logo" style="height:32px;width:auto;object-fit:contain;flex-shrink:0;"/>
</div>
</div>
</section>
<section class="vg-section" style="background:#fff;padding:56px 0 8px;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<div style="background:#f8f9fa;border:1px solid #e8eaf0;border-radius:20px;padding:28px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:700;color:#9431ff;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px;">In short</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:17px;font-weight:600;line-height:1.6;color:#06054B;margin:0 0 20px;">UI/UX design for marketplaces only works when it serves both sides of the network and is measured by liquidity, conversion, and repeat usage, not by how a single screen looks. The hard problems are two-sided: supply onboarding, demand conversion, trust between strangers, and search-and-match that has to feel effortless. Velocity Growth designs both sides of the marketplace experience, tests the flows before launch, and instruments them so you can see exactly where the network leaks.</p>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;" class="vg-grid-2"><div style="display:flex;gap:12px;align-items:flex-start;">
<span style="flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.55;"><span style="font-weight:700;color:#06054B;">The real metric:</span> <span style="color:#334155;">liquidity, match rate, conversion, and repeat usage, not how one screen photographs.</span></div>
</div>
<div style="display:flex;gap:12px;align-items:flex-start;">
<span style="flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.55;"><span style="font-weight:700;color:#06054B;">The real bottleneck:</span> <span style="color:#334155;">two-sided friction, trust gaps, and leaky search-and-match flows, not visual polish.</span></div>
</div>
<div style="display:flex;gap:12px;align-items:flex-start;">
<span style="flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.55;"><span style="font-weight:700;color:#06054B;">The real method:</span> <span style="color:#334155;">flows tested before launch, so go-live blockers are caught in design, not in production.</span></div>
</div>
<div style="display:flex;gap:12px;align-items:flex-start;">
<span style="flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.55;"><span style="font-weight:700;color:#06054B;">The real proof:</span> <span style="color:#334155;">design-led optimization lifted engaged sessions 374 percent and qualified leads 182 percent for a UAE marketplace.</span></div>
</div></div>
</div>
</div>
</section>
<section class="vg-section" style="background:#fff;padding:8px 0 56px;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<div style="border-top:1px solid #e8eaf0;padding-top:28px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:700;color:#9431ff;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:18px;text-align:center;">Velocity, by the numbers</div>
<div style="display:flex;flex-wrap:wrap;gap:20px;justify-content:center;"><div style="flex:1;min-width:150px;text-align:center;padding:0 12px;">
<div style="font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;color:#06054B;">10+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;margin-top:4px;">UX audits delivered</div>
</div>
<div style="flex:1;min-width:150px;text-align:center;padding:0 12px;">
<div style="font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;color:#06054B;">10+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;margin-top:4px;">Redesigns delivered</div>
</div>
<div style="flex:1;min-width:150px;text-align:center;padding:0 12px;">
<div style="font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;color:#06054B;">35+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;margin-top:4px;">Prototypes & usability tests</div>
</div>
<div style="flex:1;min-width:150px;text-align:center;padding:0 12px;">
<div style="font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;color:#06054B;">25+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;margin-top:4px;">User journey maps</div>
</div></div>
</div>
</div>
</section>
<section class="vg-section" style="background:#f8f9fa;padding:72px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">Sound familiar?</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">If you run a marketplace, you've lived at least three of these</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;max-width:760px;margin:0 0 28px;">These are network problems, not aesthetic ones. They live on both sides of the marketplace, and a studio designing one screen at a time is not set up to solve them.</p>
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:16px;"><div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">You have demand, but supply onboarding is so clunky that listings never reach critical mass.</div>
</div>
<div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">Buyers browse and bounce, because search, discovery, and match do not surface the right thing fast enough.</div>
</div>
<div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">Trust between strangers is left to chance, so first transactions stall and repeat usage is weak.</div>
</div>
<div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">A studio shipped flows that looked fine in Figma, then go-live blockers and bugs surfaced in production.</div>
</div>
<div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">Your funnel leaks on both sides at once, and you cannot tell which side or which step is costing you most.</div>
</div>
<div style="display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;" class="vg-exec-card">
<span style="flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span>
<div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.6;color:#06054B;">Mobile, where most marketplace usage happens, feels like an afterthought next to the desktop design.</div>
</div></div>
</div>
</section>
<section class="vg-section" style="background:#fff;padding:72px 0 80px;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">The Challenge</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">Why marketplace funnels leak on both sides at once</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;max-width:760px;margin:0 0 28px;">A marketplace is two products bolted to one network effect. Design has to make supply and demand each work, then connect them with trust and match. The leaks trace to four structural problems.</p>
<div class="vg-grid-2" style="display:grid;grid-template-columns:repeat(2,1fr);gap:24px;"><div class="vg-challenge-card" style="background:#06054B;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 14px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(192,132,252,0.14);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Two-sided onboarding friction</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Supply and demand have completely different jobs, anxieties, and flows. When design treats the marketplace as a single funnel, one side is always underserved, and a marketplace with weak supply or weak demand has no liquidity.</p>
</div>
<div class="vg-challenge-card" style="background:#06054B;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 14px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(192,132,252,0.14);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Search, discovery, and match</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">A marketplace lives or dies on connecting the right buyer to the right supply fast. Clunky search, weak filtering, and poor match surfaces mean users browse, fail to find, and leave, no matter how clean the screens look.</p>
</div>
<div class="vg-challenge-card" style="background:#06054B;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 14px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(192,132,252,0.14);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Trust between strangers</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Marketplaces ask people to transact with strangers. Reviews, verification, guarantees, and reassurance at the moment of doubt are conversion levers that have to be designed in, not assumed.</p>
</div>
<div class="vg-challenge-card" style="background:#06054B;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 14px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(192,132,252,0.14);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Untested flows shipped to production</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Marketplace flows are complex and full of edge cases. Studios that hand off without pre-launch testing ship go-live blockers straight into production, where they cost real transactions before anyone catches them.</p>
</div></div>
</div>
</section>
<section class="vg-section" style="background:#06054B;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">Why a studio hits a wall</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#fff;margin:0 0 24px;">Why a typical design studio can't fix this</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#c8cdd3;max-width:820px;margin:0 0 12px;">A design studio is paid to deliver screens and judged on how they look. A marketplace is a two-sided network whose success is liquidity and repeat usage, so screen-by-screen visual work misses the actual problem.</p>
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 8px;">
<div style="font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:#f87171;text-transform:uppercase;letter-spacing:0.06em;">A pure design studio</div>
<div style="font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:#34d399;text-transform:uppercase;letter-spacing:0.06em;">Velocity</div>
</div>
<div style="border-bottom:1px solid rgba(255,255,255,0.1);padding:24px 0;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;">
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Design one side</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">They design the demand-side screens that look good in a pitch and under-serve supply.</div></div></div>
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Design both sides</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We design supply onboarding and demand conversion as two connected products, because liquidity needs both to work.</div></div></div>
</div>
</div>
<div style="border-bottom:1px solid rgba(255,255,255,0.1);padding:24px 0;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;">
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Treat search as a layout</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Search and discovery are styled as UI, not engineered as a match problem.</div></div></div>
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Design for match</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We design search, filtering, and discovery around getting the right result fast, the core of marketplace conversion.</div></div></div>
</div>
</div>
<div style="border-bottom:1px solid rgba(255,255,255,0.1);padding:24px 0;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;">
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Assume trust</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Reviews and verification are afterthoughts, so first transactions between strangers stall.</div></div></div>
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Design trust in</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We design reviews, verification, guarantees, and reassurance at the exact moment of doubt, so transactions complete.</div></div></div>
</div>
</div>
<div style="border-bottom:1px solid rgba(255,255,255,0.1);padding:24px 0;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;">
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Ship untested</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Complex flows handed off without testing, so go-live blockers surface in production.</div></div></div>
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Test before launch</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We run pre-launch UAT and teardown on the flows, catching go-live blockers in design, not after users hit them.</div></div></div>
</div>
</div>
<div style="border-bottom:1px solid rgba(255,255,255,0.1);padding:24px 0;">
<div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;">
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Leave success vague</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Once screens are signed off, liquidity and repeat usage are nobody's metric.</div></div></div>
<div style="display:flex;gap:13px;align-items:flex-start;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><div><div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;">Instrument the network</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We instrument both sides and tie design to liquidity, conversion, and repeat usage, so we see where the network leaks.</div></div></div>
</div>
</div>
</div>
</section>
<section id="approach" class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">Our Approach</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">How we design marketplaces that build liquidity</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;max-width:760px;margin:0 0 32px;">We sequence design around the network: make each side work, connect them with trust and match, test before launch, then measure liquidity, so design compounds the network effect instead of decorating one side of it.</p>
<div><div style="position:relative;padding-left:48px;padding-bottom:28px;">
<div style="position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#9431ff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px;">1</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:2px 0 8px;">Map both sides of the network</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Design the supply and demand journeys as two connected products, mapping the distinct jobs, anxieties, and friction on each side before drawing final screens.</p>
</div>
<div style="position:relative;padding-left:48px;padding-bottom:28px;">
<div style="position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#9431ff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px;">2</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:2px 0 8px;">Design for match and trust</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Design search, discovery, and match to surface the right result fast, and build reviews, verification, and reassurance into the flow so strangers transact with confidence.</p>
</div>
<div style="position:relative;padding-left:48px;padding-bottom:28px;">
<div style="position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#9431ff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px;">3</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:2px 0 8px;">Design supply onboarding for liquidity</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Make it effortless for supply to list, manage, and succeed, because demand-side polish is worthless without enough supply to match it.</p>
</div>
<div style="position:relative;padding-left:48px;padding-bottom:28px;">
<div style="position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#9431ff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px;">4</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:2px 0 8px;">Test the flows before launch</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Run pre-launch usability testing and a structured teardown across the complex flows, catching go-live blockers in design rather than in production.</p>
</div>
<div style="position:relative;padding-left:48px;padding-bottom:0;">
<div style="position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#9431ff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px;">5</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:2px 0 8px;">Instrument and iterate</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Define the event taxonomy on both sides, watch liquidity, match rate, conversion, and repeat usage, and feed the data back into the next design round.</p>
</div></div>
</div>
</section>
<span id="arsenal"></span>
<section class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1100px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">The full design system</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">Design for the network, not just the screen</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;max-width:820px;margin:0 0 32px;">A marketplace needs both sides designed, connected by trust and match, and tested before launch. We bring the research, two-sided design, validation, and instrumentation a single-screen studio does not.</p>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;"><div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>Two-sided research</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Supply and demand user research</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Jobs-to-be-done for each side</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Two-sided journey mapping</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Usability testing across both sides</span></li>
</ul>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>Search, discovery & match</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Search and filtering design</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Discovery and browse surfaces</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Match and recommendation UX</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Category and taxonomy design</span></li>
</ul>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>Trust & transaction design</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Reviews and ratings UX</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Verification and identity cues</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Guarantees and reassurance moments</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Checkout and transaction flows</span></li>
</ul>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>Supply & demand conversion</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Supply onboarding and listing flows</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Demand acquisition and activation</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Empty states and cold-start design</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Mobile-first across both sides</span></li>
</ul>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>Validation & pre-launch QA</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Pre-launch usability testing</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Flow teardown and issue triage</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Go-live blocker detection</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Prioritized experiment backlog</span></li>
</ul>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;">
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:#06054B;margin:0 0 14px;display:flex;align-items:center;gap:10px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>Instrumentation & handoff</div>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;">
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Event taxonomy on both sides</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Liquidity and conversion analytics</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Dev-ready specs and design QA</span></li>
<li style="display:flex;gap:9px;align-items:flex-start;font-family:'Nunito Sans',sans-serif;font-size:14.5px;line-height:1.55;color:#475569;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2.5" style="flex-shrink:0;margin-top:2px;"><polyline points="20 6 9 17 4 12"/></svg><span>Figma-to-build with minimal back-and-forth</span></li>
</ul>
</div></div>
</div>
</section>
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">What We Deliver</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">What the engagement includes</h2>
<div class="vg-grid-2" style="display:grid;grid-template-columns:repeat(2,1fr);gap:24px;"><div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 12px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0;">Two-sided journey map</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">Supply and demand journeys mapped as connected products, with the friction on each side pinpointed.</p>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 12px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0;">Match & trust flows</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">Search, discovery, match, and trust flows designed to convert browsers into transacting, repeat users.</p>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 12px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0;">Pre-launch flow teardown</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">A structured usability teardown of the complex flows, surfacing go-live blockers before they reach production.</p>
</div>
<div class="vg-exec-card" style="background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;">
<div style="display:flex;gap:14px;align-items:center;margin:0 0 12px;">
<span style="flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(148,49,255,0.1);display:flex;align-items:center;justify-content:center;"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0;">Instrumentation spec</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">An event taxonomy on both sides, so liquidity, conversion, and repeat usage are visible by flow.</p>
</div></div>
</div>
</section>
<section class="vg-section" style="background:#06054B;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">Proof</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;color:#fff;margin:0 0 32px;">Proof from a UAE marketplace</h2>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;"><div class="vg-metric-card" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:28px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="374" data-decimals="0">0</span>%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#c8cdd3;margin-top:8px;">Increase in engaged sessions</div>
</div>
<div class="vg-metric-card" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:28px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:44px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="182" data-decimals="0">0</span>%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#c8cdd3;margin-top:8px;">More qualified leads</div>
</div></div>
<a href="https://www.velocitygrowth.ae/case-studies/landing-page-lead-gen-events-uae" style="display:block;text-decoration:none;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:28px;" class="vg-card">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;">Case study</div>
<div style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#fff;margin-bottom:6px;">Design-led optimization: 374% more engaged sessions, 182% more leads →</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#c8cdd3;margin:0;">For a UAE experiences marketplace, research-led design and conversion-focused flows lifted engaged sessions 374 percent and qualified leads 182 percent, while cutting cost per lead 98 percent. Separately, a pre-launch UX teardown caught 30 issues, a third of them go-live blockers.</p>
</a>
</div>
</section>
<section id="audit" class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<div class="vg-takeaway-grid" style="display:grid;grid-template-columns:1fr 480px;gap:48px;align-items:start;">
<div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">The takeaway</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">If your marketplace leaks on both sides, the fix is two-sided design, not a prettier screen</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#06054B;border-left:3px solid #9431ff;padding-left:20px;margin:0;">Tell us where supply or demand drops off, and we will show you which side and which step is costing you liquidity, plus the highest-leverage design fix. The first conversation is a specific teardown, not a pitch.</p>
</div>
<div style="background:#fff;border-radius:16px;padding:28px 28px 32px;border:1px solid #e2e8f0;box-shadow:0 8px 32px rgba(6,5,75,0.08);position:sticky;top:24px;" class="vg-form-card">
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#06054B;margin:0 0 20px;">Get a custom growth audit</h3>
<div id="vg-cta-form-container">
<form id="vg-lead-form" onsubmit="return handleFormSubmit(event)" style="display:flex;flex-direction:column;gap:14px;">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div><label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Name *</label><input type="text" name="name" required onfocus="pushFormFocus('name')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" /></div>
<div><label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Work Email *</label><input type="email" name="email" required onfocus="pushFormFocus('email')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" /></div>
</div>
<div><label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Company *</label><input type="text" name="company" required onfocus="pushFormFocus('company')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" /></div>
<div><label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">3 core problems you'd want us to take a look at</label><textarea name="message" rows="3" onfocus="pushFormFocus('message')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;resize:vertical;"></textarea></div>
<button type="submit" style="width:100%;padding:14px 32px;background:#9431ff;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;border:none;border-radius:100px;cursor:pointer;margin-top:4px;box-shadow:0 4px 16px rgba(148,49,255,0.3);" onmouseover="this.style.background='#7a28d6'" onmouseout="this.style.background='#9431ff'">Book Your Free Discovery Call</button>
</form>
</div>
<div id="vg-thank-you" style="display:none;text-align:center;padding:24px 0;">
<div style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin-bottom:8px;">Thank you. We'll be in touch within 24 hours.</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;">Check your inbox for a confirmation from the Velocity Growth team.</div>
</div>
<div style="display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;">
<div style="display:flex;align-items:center;gap:5px;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#64748b;">No commitment</span></div>
<div style="display:flex;align-items:center;gap:5px;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg><span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#64748b;">Response within 24hrs</span></div>
</div>
</div>
</div>
</div>
</section>
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">FAQ</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">Questions marketplace teams ask us</h2>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">How is UI/UX design for a marketplace different from a normal app?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">A marketplace is two products connected by a network effect, so design has to make supply and demand each work and then connect them with trust and match. Success is liquidity and repeat usage, not how one screen looks. We design both sides, design search and trust as conversion systems, and test the flows before launch.</p>
</details>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">We have demand but weak supply. Can design help?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">Yes. Liquidity needs both sides, and supply onboarding is where many marketplaces silently fail. We design the listing and management experience so supply can join and succeed easily, because demand-side polish is worthless without enough supply to match it.</p>
</details>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">Why does pre-launch testing matter so much for marketplaces?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">Marketplace flows are complex and full of edge cases, and a go-live blocker shipped to production costs real transactions before anyone notices. In one engagement a pre-launch teardown caught 30 issues, a third of which were go-live blockers, before users ever hit them.</p>
</details>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">How do you design trust between strangers?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">Reviews, ratings, verification, guarantees, and reassurance designed into the exact moments of doubt. Trust is a conversion lever in any marketplace, and it has to be built into the flow rather than assumed.</p>
</details>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">Do you work with our engineers or just hand over designs?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">We hand off build-ready, with a component-based system, all states and edge cases specified, and design QA during the build, so complex marketplace flows ship matching the design.</p>
</details>
<details style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:14px;" class="vg-faq">
<summary style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;">How do you measure whether the design is working?<span class="vg-chevron" style="transition:transform 0.2s;color:#9431ff;">▾</span></summary>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:14px 0 0;">We instrument both sides with an event taxonomy and tie the design to liquidity, match rate, conversion, and repeat usage, so you can see exactly where the network leaks and fix it.</p>
</details>
</div>
</section>
<section class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;letter-spacing:0.04em;margin:0 0 8px;">Keep exploring</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:38px;font-weight:700;letter-spacing:-0.44px;line-height:1.2;color:#06054B;margin:0 0 24px;">Related from Velocity</h2>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;"><a href="https://www.velocitygrowth.ae/services/ui-ux-design-services" style="text-decoration:none;display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;" class="vg-card">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;">Service</div>
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;">UI/UX Design Services →</div>
</a>
<a href="https://www.velocitygrowth.ae/industries/marketplaces" style="text-decoration:none;display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;" class="vg-card">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;">Industry</div>
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;">Growth Marketing for Marketplaces →</div>
</a>
<a href="https://www.velocitygrowth.ae/case-studies/landing-page-lead-gen-events-uae" style="text-decoration:none;display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;" class="vg-card">
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;">Case study</div>
<div style="font-family:'Montserrat',sans-serif;font-size:17px;font-weight:600;color:#06054B;">Design-led optimization for a UAE marketplace →</div>
</a></div>
</div>
</section>
</article>
</main>
{"@context":"https://schema.org","@graph":[{"@type":"ProfessionalService","@id":"https://www.velocitygrowth.ae/#organization","name":"Velocity Growth","url":"https://www.velocitygrowth.ae","description":"Velocity Growth is a full-stack growth marketing agency headquartered in Dubai, UAE that helps startups, scaleups, and enterprises solve complex growth challenges across 30+ markets.","areaServed":"GCC, MENA, Africa, South Asia, Europe, Southeast Asia, US, UK, Australia"},{"@type":"WebPage","@id":"https://www.velocitygrowth.ae/expertise/ui-ux-design-for-marketplaces#webpage","url":"https://www.velocitygrowth.ae/expertise/ui-ux-design-for-marketplaces","name":"UI/UX Design for Marketplaces in the UAE | Velocity Growth","description":"Marketplace UI/UX design for both sides of the network. We design supply onboarding, demand conversion, search, and trust, test flows before launch, and instrument liquidity. UAE and GCC.","isPartOf":{"@id":"https://www.velocitygrowth.ae/#website"},"about":{"@id":"https://www.velocitygrowth.ae/#organization"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.velocitygrowth.ae"},{"@type":"ListItem","position":2,"name":"Expertise","item":"https://www.velocitygrowth.ae/expertise"},{"@type":"ListItem","position":3,"name":"UI/UX Design for Marketplaces","item":"https://www.velocitygrowth.ae/expertise/ui-ux-design-for-marketplaces"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How is UI/UX design for a marketplace different from a normal app?","acceptedAnswer":{"@type":"Answer","text":"A marketplace is two products connected by a network effect, so design has to make supply and demand each work and then connect them with trust and match. Success is liquidity and repeat usage, not how one screen looks. We design both sides, design search and trust as conversion systems, and test the flows before launch."}},{"@type":"Question","name":"We have demand but weak supply. Can design help?","acceptedAnswer":{"@type":"Answer","text":"Yes. Liquidity needs both sides, and supply onboarding is where many marketplaces silently fail. We design the listing and management experience so supply can join and succeed easily, because demand-side polish is worthless without enough supply to match it."}},{"@type":"Question","name":"Why does pre-launch testing matter so much for marketplaces?","acceptedAnswer":{"@type":"Answer","text":"Marketplace flows are complex and full of edge cases, and a go-live blocker shipped to production costs real transactions before anyone notices. In one engagement a pre-launch teardown caught 30 issues, a third of which were go-live blockers, before users ever hit them."}},{"@type":"Question","name":"How do you design trust between strangers?","acceptedAnswer":{"@type":"Answer","text":"Reviews, ratings, verification, guarantees, and reassurance designed into the exact moments of doubt. Trust is a conversion lever in any marketplace, and it has to be built into the flow rather than assumed."}},{"@type":"Question","name":"Do you work with our engineers or just hand over designs?","acceptedAnswer":{"@type":"Answer","text":"We hand off build-ready, with a component-based system, all states and edge cases specified, and design QA during the build, so complex marketplace flows ship matching the design."}},{"@type":"Question","name":"How do you measure whether the design is working?","acceptedAnswer":{"@type":"Answer","text":"We instrument both sides with an event taxonomy and tie the design to liquidity, match rate, conversion, and repeat usage, so you can see exactly where the network leaks and fix it."}}]}]}
