<!-- UI/UX Design for Fintech | Expertise combo page (Service x Industry) -->
<!-- Velocity Growth | velocitygrowth.ae/expertise/ui-ux-design-for-fintech -->
<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 Fintech</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;">Fintech 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 Fintech 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;">In fintech, design is not decoration. It is the difference between a visitor who funds an account and one who abandons KYC. We design fintech interfaces wired to activation, trust, and conversion, then prove they work before a line of code ships.</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>Design tied to activation</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, not just pretty</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>KYC & onboarding specialists</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>Build-ready, zero back-and-forth</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;">Activation</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 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-tested</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Validated before build</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;">KYC-native</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Onboarding drop-off owned</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;">80+ specs</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#94a3b8;margin-top:4px;">Product PRDs shipped</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 fintech only earns its keep when it is measured by activation, funded accounts, and KYC completion, not by how the screens look in a portfolio. The bottleneck in most fintech products is not visual polish; it is onboarding friction, trust gaps, and unvalidated flows that quietly leak the users acquisition paid to bring in. Velocity Growth designs fintech interfaces around the conversion funnel, validates them with research and experiments before build, and instruments them so every screen is accountable to a number.</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;">activation and KYC completion, not how the interface scores in a design award.</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;">onboarding friction, trust gaps, and untested flows, not a lack of 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;">research and wireframe experiments validated before build, not a Figma file thrown over the wall.</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;">one design pass for a UAE-region fintech surfaced 18 prioritized experiments and shipped with zero design-dev back-and-forth.</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 own product or growth at a fintech, 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 not aesthetic problems. They are activation, trust, and validation problems, and a pure design studio is structurally 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;">Your last redesign looked beautiful in the deck, but activation and funded-account rates did not move.</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;">40 to 70 percent of users drop during KYC and onboarding, and design treats that funnel as someone else's job.</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 handed you polished screens, then your engineers spent weeks reverse-engineering what they actually meant.</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;">You cannot say which screen is costing you conversions, because nothing in the flow is instrumented.</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;">Compliance copy, disclosures, and verification steps were bolted on after design, so they feel like friction instead of trust.</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;">Every design decision is an opinion in a meeting, because nothing was tested with real users before build.</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 fintech UX quietly leaks the users you paid to acquire</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;">Fintech has the longest, most regulated, most trust-dependent funnel in consumer tech. A design that ignores that loses users at every step. The leaks almost always trace back 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;"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">The onboarding and KYC chasm</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Between download and a funded, verified account, fintech sheds most of its users. When design treats onboarding and KYC as an engineering afterthought rather than the core conversion surface, half the paid traffic dies in steps nobody owns.</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 has to be designed, not assumed</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Users hand a fintech their money and identity. Security cues, transparent fees, clear disclosures, and reassurance at the exact moment of doubt are conversion levers. Studios that design for visual impact routinely undercut trust to look clean.</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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="17" y1="8" x2="23" y2="14"/><line x1="23" y1="8" x2="17" y2="14"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Decisions made on taste, not evidence</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">Most fintech UX ships on the loudest opinion in the room. Without research, usability testing, and pre-build experiments, you are betting the roadmap on guesses and only finding out they were wrong after engineering has spent the budget.</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;"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><line x1="9" y1="1" x2="9" y2="4"/><line x1="15" y1="1" x2="15" y2="4"/><line x1="9" y1="20" x2="9" y2="23"/><line x1="15" y1="20" x2="15" y2="23"/><line x1="20" y1="9" x2="23" y2="9"/><line x1="20" y1="14" x2="23" y2="14"/><line x1="1" y1="9" x2="4" y2="9"/><line x1="1" y1="14" x2="4" y2="14"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0;">Handoffs that detonate in the build</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;margin:0;">A static Figma file with no specs, states, or edge cases means engineers improvise the hard parts. The shipped product drifts from the design, QA finds it post-UAT, and the timeline slips on rework nobody scoped.</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. It is judged on how the work looks, not on whether it moves a funded-account number. That incentive quietly shapes every decision, and it is exactly where fintech growth breaks.</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;">Optimize for the portfolio</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">They design for visual impact and the award reel, because that is what wins the next studio pitch.</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 activation</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We design toward funded accounts, KYC completion, and first transaction, and we say no to pretty choices that cost 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;">Treat onboarding as an edge case</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">KYC and verification are seen as engineering plumbing, so the highest-drop-off surface gets the least design love.</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;">Own the highest-leverage funnel</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We treat onboarding and KYC as the primary conversion surface, design every step and error state, and recover users the ad budget already paid for.</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;">Decide on taste</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Design rationale is aesthetic preference defended in a review meeting.</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;">Decide on evidence</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We validate with user research, usability testing, and wireframe experiments before build, so engineering spends on choices that are already proven.</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;">Hand off a static file</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">A Figma file with no states, no edge cases, no specs, then the studio is gone.</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;">Hand off build-ready</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We ship dev-ready specs with every state, behaviour, and edge case, plus design QA, so the build matches the design with near-zero back-and-forth.</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;">Walk away at delivery</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#aab0cc;">Once the screens are signed off, success is left vague and unmeasured.</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 and stay accountable</div><div style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#d4d8e8;">We define the event taxonomy on every flow and tie the design to live conversion data, so we know which screen earns and which one 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 fintech products that convert</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 the way the funnel actually behaves: understand the user, design for the conversion moment, validate before build, hand off clean, then measure, so design compounds growth instead of just refreshing the look.</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;">Research the user and the funnel</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Map the real user journey from first touch to funded account, run user research and usability testing, and locate the exact friction and trust gaps where fintech loses people, before drawing a single final screen.</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 the conversion moment</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Design onboarding, KYC, funding, and core flows around activation, with security and trust cues, clear fees and disclosures, and friction removed at every step that does not protect the user.</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;">Validate before you build</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Wireframe variants, prototype tests, and a prioritized experiment backlog prove the high-stakes flows with real users, so engineering builds choices that are already validated rather than guesses.</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;">Hand off build-ready</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;margin:0;">Deliver a component-based design system with every state, behaviour, and edge case specified, so engineers build it once, correctly, with minimal back-and-forth.</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 every flow, watch live conversion by screen, and feed what the data shows back into the next round of design.</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 wired to growth, not just to Figma</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 fintech interface has to convert, comply, and earn trust across a long funnel. We bring the full stack of research, design, validation, and instrumentation that a pure visual 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>Research & discovery</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>User research and interviews</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 and persona 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>End-to-end 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 on live and prototype 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="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>Interface & system 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>Wireframes and high-fidelity UI</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>Component-based design systems</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>Responsive and mobile-first 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>Accessibility and clarity standards</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>Conversion & funnel 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>Onboarding and KYC flow 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>Funding and checkout 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>Empty states, errors, and edge cases</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>Activation and aha-moment 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 & compliance 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>Security and reassurance 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>Transparent fees and disclosures</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>Compliance copy designed in, not bolted on</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 UX that feels like safety, not friction</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 & experimentation</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>Wireframe and prototype variants</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>A/B and usability test 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>Pre-build UAT and issue teardown</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 every flow</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>Conversion and behavioural 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;">Research & journey map</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">User research, usability findings, and an end-to-end journey that pinpoints where your fintech funnel loses people and trust.</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;"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg></span>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0;">Design system & flows</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">A component-based design system covering onboarding, KYC, funding, and core flows, with every state and edge case designed.</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;">Validated experiment backlog</h3>
</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0;">Wireframe variants and a prioritized, pre-tested experiment list, so engineering builds proven choices instead of guesses.</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 and conversion-tracking plan on every flow, so each screen is accountable to a number after launch.</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 fintech design engagement</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="18" data-decimals="0">0</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#c8cdd3;margin-top:8px;">Experiments scoped from one design pass</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="80" data-decimals="0">0</span>+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#c8cdd3;margin-top:8px;">Product specs & PRDs shipped</div>
</div></div>
<a href="https://www.velocitygrowth.ae/case-studies/wireframes-payments-greece" 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;">Wireframes for a B2B payments product: 18 experiments, zero back-and-forth →</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#c8cdd3;margin:0;">For a payments fintech (B2B payments, Greece), one structured design pass produced modular wireframe variants and surfaced 18 prioritized optimization experiments, handed off build-ready with no design-dev back-and-forth.</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 fintech redesign looked great but activation never moved, the design was solving the wrong problem</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 your funnel breaks between download and funded account, or where users abandon KYC, and we will show you which screens are leaking and 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 fintech 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 fintech different from designing any other 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;">Fintech has a long, regulated, trust-dependent funnel, so design has to earn a funded, verified account, not just look clean. We design onboarding and KYC as the core conversion surface, build trust and compliance into the interface rather than bolting it on, and validate the high-stakes flows before build. That is very different from a studio optimizing screens for visual impact.</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;">Can good design actually reduce fintech onboarding and KYC drop-off?<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, and it is usually the single biggest lever. Most fintech loses 40 to 70 percent of users in onboarding and KYC. By designing each step around clarity, trust, and the smallest possible friction, instrumenting where users abandon, and testing variants before build, you recover users that acquisition already paid to bring in.</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 just deliver Figma files, or do you work with our engineers?<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 deliver build-ready. Every flow ships with a component-based system, all states and edge cases specified, and design QA during the build, so engineers implement it once, correctly, with minimal back-and-forth. In one payments engagement the handoff produced zero design-dev back-and-forths.</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 define an event taxonomy on every flow and tie the design to live conversion data, so you can see activation, KYC completion, and drop-off by screen. Design that is not instrumented is just an opinion; we make it accountable to a number.</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 already have a brand and visual style. Can you work within it?<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. We are not a rebrand shop. We work inside your existing brand and design system, and focus the work on the flows, states, and conversion moments that move activation and trust.</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 validate design decisions before we spend on engineering?<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;">Through user research, usability testing, wireframe variants, and prototype experiments. We prove the high-stakes flows with real users first, so engineering builds choices that are already validated rather than betting the roadmap on the loudest opinion in the room.</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/fintech" 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 Fintech →</div>
</a>
<a href="https://www.velocitygrowth.ae/case-studies/wireframes-payments-greece" 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;">Wireframes for a B2B payments product →</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-fintech#webpage","url":"https://www.velocitygrowth.ae/expertise/ui-ux-design-for-fintech","name":"UI/UX Design for Fintech in the UAE | Velocity Growth","description":"Fintech UI/UX design wired to activation, not aesthetics. We design onboarding and KYC for conversion, build trust into the interface, validate before build, and instrument every flow. 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 Fintech","item":"https://www.velocitygrowth.ae/expertise/ui-ux-design-for-fintech"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How is UI/UX design for fintech different from designing any other app?","acceptedAnswer":{"@type":"Answer","text":"Fintech has a long, regulated, trust-dependent funnel, so design has to earn a funded, verified account, not just look clean. We design onboarding and KYC as the core conversion surface, build trust and compliance into the interface rather than bolting it on, and validate the high-stakes flows before build. That is very different from a studio optimizing screens for visual impact."}},{"@type":"Question","name":"Can good design actually reduce fintech onboarding and KYC drop-off?","acceptedAnswer":{"@type":"Answer","text":"Yes, and it is usually the single biggest lever. Most fintech loses 40 to 70 percent of users in onboarding and KYC. By designing each step around clarity, trust, and the smallest possible friction, instrumenting where users abandon, and testing variants before build, you recover users that acquisition already paid to bring in."}},{"@type":"Question","name":"Do you just deliver Figma files, or do you work with our engineers?","acceptedAnswer":{"@type":"Answer","text":"We deliver build-ready. Every flow ships with a component-based system, all states and edge cases specified, and design QA during the build, so engineers implement it once, correctly, with minimal back-and-forth. In one payments engagement the handoff produced zero design-dev back-and-forths."}},{"@type":"Question","name":"How do you measure whether the design is working?","acceptedAnswer":{"@type":"Answer","text":"We define an event taxonomy on every flow and tie the design to live conversion data, so you can see activation, KYC completion, and drop-off by screen. Design that is not instrumented is just an opinion; we make it accountable to a number."}},{"@type":"Question","name":"We already have a brand and visual style. Can you work within it?","acceptedAnswer":{"@type":"Answer","text":"Yes. We are not a rebrand shop. We work inside your existing brand and design system, and focus the work on the flows, states, and conversion moments that move activation and trust."}},{"@type":"Question","name":"How do you validate design decisions before we spend on engineering?","acceptedAnswer":{"@type":"Answer","text":"Through user research, usability testing, wireframe variants, and prototype experiments. We prove the high-stakes flows with real users first, so engineering builds choices that are already validated rather than betting the roadmap on the loudest opinion in the room."}}]}]}
