Digital banking web & mobile app design services, and corporate website development

Emerald24 is a UK-based multi-currency online payments platform supporting UK and EU customers from daily to global transactions.

The digital banking UX was inconsistent across the
web & mobile apps

The virtual banking experience was outdated and inconvenient. 

Users had difficulties & frustration completing online payments, managing transactions, and switching between devices. The platform functioned, but its structure lagged behind Emerald24’s growth. User flows were confusing —onboarding was difficult, daily actions felt repetitive, and switching between web and mobile added friction.

The legacy corporate website & visual identity couldn't represent the
product

The client noted that Emerald24’s website didn’t fully reflect the product’s capabilities or positioning.

Its visual style, structure, and navigation were outdated and failed to highlight key features like multi-currency accounts and advanced payments.

From a marketing perspective, a corporate website couldn't perform as a communication tool and clearly translate the product’s value to businesses, end users, and partners.

Web & mobile app UX/UI design

We defined a clear approach to the product design across web and mobile, focusing on what the virtual banking platform actually expected to do.

• For users, the platform had to make everyday tasks simple — onboarding, payment approvals, and account management — on both web and mobile.
• For internal teams, it was important to keep compliance visible while reducing repetitive work.
• For the business, the digital banking platform needed to scale without adding extra complexity to operations.

This helped us focus on real product needs and make better decisions during the design process.

Gradual onboarding flow for users

The previous banking app onboarding UX combined identity verification, document submission, and validation into a unified process. We broke it down into smaller steps, each focused on a single action. Users now move through the process step by step and return to previous stages without restarting. Compliance requirements are still clear and visible, but they no longer feel overwhelming.

Onboarding is now simpler and faster, cutting time to reach the review stage from 40–60 minutes to 20–30 minutes.

Progressive disclosure for a banking application 

We restructured the application process into clear, step-by-step milestones with visible progress. Each step shows only the information needed at that moment, keeping the process focused.

We automated parts of the flow and removed outdated offline steps to create a fully digital experience. Users can continue where they left off without repeating completed steps.

Key documents are requested early to avoid delays later. At any point, users can go back, review, and update their information without breaking the flow.

Synced virtual banking UX across web & mobile

Emerald24 clients often start actions in the web application and finish them on mobile. We designed flows that support this behavior while keeping the existing login system (SMS OTP and password).

At key moments, users can easily switch to the mobile app and pick up where they left off. This makes moving between devices smooth and predictable, turning web and mobile banking into a single connected product experience.

Feature prioritization for different user roles

Emerald24 serves multiple users, such as finance managers, business owners, and ops specialists — each with unique
needs and expectations.

We organized banking app features into three levels: must-have, should-have, and nice-to-have. Then we mapped them to how often they are used — daily, weekly, or occasionally.

This helped us keep the most important financial actions easy to access, while less important tools are placed deeper in the interface — usually in sections like “Settings,” “Profile,” or “Advanced.”

Refreshing the brand identity
without a full rebranding

The new identity introduced glass textures, a green gradient, and glass-style illustrations. We carefully integrated these elements to avoid decorative or sophisticated user interfaces.

The gradient became the main visual element of the entire design system, while 3D glass icons were used only in specific contexts. This kept the interface professional, clear, and easy to use, while still giving it a modern visual style — exactly as the client originally wanted.

Redesigned home screen for power users without overwhelming everyone else

The home tab needed to display multiple wallets, currencies, and business accounts in one clean, prioritized view. We explored layout variations to maximize information density without losing clarity.

On desktop, we introduced a modular structure separating sidebar and workspace, with five reusable patterns that stay consistent across contexts — keeping the system coherent under heavy data load.

The main challenge was balancing two roles: accountants and business owners. Accountants needed fast access to dense financial data, while business owners needed simplicity.

We solved this by placing advanced, accountant-focused views under a “See all” entry point — giving power users depth without overwhelming the default experience.

Updated legacy payment form

Emerald’s old forms were too long and hard to complete. We simplified them using step-based patterns commonly used in e-commerce flows. Instead of one long form, we split it into smaller steps, each focused on a single topic. Users can always see and access their previous inputs in a simple, compact way.

This keeps the focus on the current step while still giving full control over the whole process.

Batch signing for online payment approvals

Many Emerald24 clients log in specifically to approve multiple payments at once. Previously, each payment required a separate approval. We introduced batch signing, empowering users to select multiple transactions and confirm them in a single step.

Key actions such as approve, reject, and review details remain visible throughout the process. This reduced repetitive work and accelerated daily financial operations.

Issue-based customer support system

Customer support previously relied on long message threads that mixed multiple topics. We reorganized support around real issue conversations. Each request opens a dedicated thread while the internal processing logic remains the same.

Users can now track the status of individual requests without browsing long histories. For internal teams, this structure improves traceability and speeds up resolution.

Brand new interfaces that reflect the elegance & tech vibes of neobank

We rethought the website structure to show all of Emerald's services & products

Navigation and content were simplified to make complex financial products easy to understand. Product pages now serve corporate clients, partners, and end users. The website aligns with the fintech product and clearly communicates Emerald24’s value, making navigation more intuitive.

Visual identity aligned with the digital banking product and its interface

Custom pages for specific
regional users

Redesigned product & service pages to communicate banking solutions clearly to fintech operators

Brand new homepage
and account section

Emerald24 now runs as a unified digital banking ecosystem with a consistent UX across web and mobile. Users can register and manage accounts faster with fewer steps, while internal processes are simpler and more transparent. The updated website clearly reflects its capabilities, strengthening engagement and supporting future growth.

Goodface — digital banking UX/UI design agency

We help fintech companies, payment platforms, and digital banks improve their interfaces and user experience. We refresh visual identities, redesign digital products, and build captivating websites that generate demand and share brand value.

Our expertise spans fintech UX/UI, brand identity design, and web development, enabling us to launch comprehensive and consistent products that are ready to scale.