SaveInGold FZCO Senior Product Designer 2024 FinTech · Redesign

Redesigning a gold trading app that was losing users at registration.

SaveInGold is a UAE-based fintech platform for digital gold investment. The existing app was redirecting users to an external browser for registration, causing a 42% drop-off. I redesigned the entire experience from registration to trading.

42%
reduction in drop-off
8/8
completed registration without friction
Full
end-to-end redesign
SaveInGold app — welcome, dashboard, and trading screens

The Problem

Users were dropping off before they even started

SaveInGold's registration relied on a third-party KYC provider that opened in an external browser. Users tapped "Register" inside the app and were suddenly redirected to a web form on an external domain, completely outside the native experience.

The result: confusion, broken trust, and a 42% registration drop-off rate. Users didn't know if they were still in the app or on a phishing page.

Research

What users were telling us

Through user interviews and analytics review, three recurring pain points surfaced:

"I wasn't sure if I was still in the app or taken somewhere else."

— User interview, registration flow

"There's too much going on. I just want to see my gold balance."

— User interview, dashboard feedback

"It didn't feel secure enough to connect my bank account."

— User interview, trust perception

42% drop-off

Users abandoned registration at the point of redirection to the external browser.

41.5% support tickets

Related to issues with account setup, registration, and card linking.

90% under 30 seconds

Users spent less than 30 seconds in the app, not engaging with core features.

Cluttered interface

The existing UI lacked visual hierarchy, making it hard to find key actions like balance and trading.

Design Goals

What needed to change

In-app registration

Move the entire KYC and onboarding flow inside the app. No more external browser redirects.

Simplified UX

Strip away visual clutter. Make gold balance, trading, and account actions immediately scannable.

Modern, trustworthy UI

Design a premium interface that matches the seriousness of handling real money and gold assets.

Trading module

Redesign the buy/sell gold experience with clear pricing, quantity inputs, and confirmation flows.

Before & After

Registration: from external browser to in-app flow

The biggest win. Users no longer leave the app to register. The old flow opened a third-party form in an external browser. The redesign keeps everything native, branded, and secure.

Old external browser registration New in-app registration form
Before After
Before Old registration — external browser form

Registration redirected to an external browser for KYC verification. Users lost context, trust, and most abandoned the process entirely.

After New registration — in-app native form

Fully native registration with branded UI, clear form labels, and biometric security setup, all without leaving the app.

The Old Experience

What users had to go through externally

Six external browser screens — basic info, financial info, declarations, email verification, 2FA, and OTP entry. All on a third-party domain. All outside the app.

Old registration — basic information Old registration — financial information Old registration — declaration Old registration — email verification Old registration — two-factor authentication Old registration — OTP entry

User Flow

Mapping the redesigned journey

I mapped the complete user journey from first launch through registration, KYC verification, and into the core trading experience, eliminating every external redirect along the way.

SaveInGold user flow diagram — registration to trading

Wireframes

Exploring structure before polish

Before jumping into high-fidelity screens, I mapped out the core flows as wireframes: login, home dashboard, trading, and transfers. This helped validate layout decisions, information hierarchy, and interaction patterns early, without getting distracted by visual details.

Wireframe — Login Wireframe — Home dashboard Wireframe — Buying trade Wireframe — Bank transfer

Registration Screens

Onboarding that builds confidence

The original registration pushed users to a third-party browser for identity verification, breaking context, losing brand trust, and causing a 40% drop-off before completion. I needed to bring the entire flow in-house without compromising on regulatory compliance.

The redesigned flow keeps every step native: account creation, email verification, document upload, and KYC approval. Progressive disclosure breaks a complex process into manageable steps, reducing cognitive load while maintaining full compliance. The result: a registration experience that feels as simple as signing up for any consumer app, even though it meets financial-grade verification standards.

SaveInGold complete registration flow — 7 screens

Trading Module

Buy and sell gold with clarity

The trading interface was redesigned to give users clear pricing, real-time rates, and intuitive controls. The full flow, from market overview to order confirmation, guides users through each step with zero ambiguity about what they're buying, at what price, and what it costs.

01
Trading module — market price overview

Market Overview

Live gold and silver prices at a glance. One tap to start trading. No clutter, just the information that matters.

02
Trading module — order entry with pricing

Place Your Order

Selling and buying prices displayed side by side. Enter amount in grams or AED, toggle limit pricing, and confirm, all on one screen.

03
Trading module — confirm trade details

Confirm Trade

A clear review modal before execution. Order type, amount, target price, and estimated total. Nothing hidden, nothing ambiguous.

04
Trading module — order placed confirmation

Order Placed

Full order summary with ID, timestamp, trade type, and total. Users know exactly what happened and what to expect next.

Constraints

What pushed back

The KYC provider's API had rigid field requirements that couldn't be changed on our side. My first attempt at a streamlined registration form had to be scrapped because the provider required fields in a specific order with exact validation rules. I had to work backward from their technical constraints to design a flow that felt simple while still satisfying every compliance requirement under the hood.

Design Decisions

What I chose, and why

Decision 1: Kill the redirect

The single highest-impact change. By moving registration in-app, I eliminated the trust gap that caused 42% of users to abandon. No external browser, no unfamiliar domain, no confusion.

Decision 2: Dark UI with gold accents

A dark interface with warm gold tones reinforces the premium nature of gold trading. It also reduces visual noise in data-dense screens like the trading module and portfolio view.

Decision 3: Biometric-first security

Face ID and fingerprint login were designed as the primary authentication path, not an afterthought. Users handling real money need to feel secure without friction.

Results

The numbers after launch

After launching the redesigned app, SaveInGold saw a 42% reduction in registration drop-off, measured by comparing completion rates in the old external-browser flow against the new native flow over the first 30 days post-launch. Support tickets related to account setup declined significantly.

In usability testing, all 8 participants (mix of existing users and new signups) completed registration without assistance or hesitation. No one asked where they were, no one dropped off, and no one needed to restart. Users could now register, verify their identity, and start trading gold without ever leaving the app.

"Asim transformed our app from a confusing, fragmented experience into something our users actually trust with their money."
Amro Jabar · COO, SaveInGold

Next project

MENA Capital — Trading Platform →