UX/UI design and corporate website redesign for digital payment platform

We restructured the application process into a series of clear steps with visible progress. Each stage asks for only the information needed at that point, so users can move through the application without having to process everything at once.

We also automated parts of the flow and removed outdated offline steps, turning the application into a fully digital process. Users can leave and return later without repeating information they have already provided.

Emerald24 clients often start financial operations on web banking and complete them on mobile devices. To support this behavior, we designed app-centric interaction flows while preserving the existing authentication model, which uses SMS OTP and password verification.

At key interaction points, users receive a clear option to continue the process in the mobile app.
This creates a predictable transition between channels and reduces friction when switching devices.

The outcome is a cross-platform experience in which web and mobile banking operate as a single, integrated system rather than as separate products.

Emerald’s product serves several user groups with different responsibilities. A finance manager, business owner, and ops specialist interact with the platform in different ways.

We structured the banking app by separating features into three levels: must-have, should-have, and nice-to-have. Each feature was then mapped to real usage frequency (daily, weekly, or occasional) across the three primary roles.

The refreshed identity introduced glass textures, a green gradient, and glass-style illustrations. We used these elements selectively, keeping the interface clear and avoiding a decorative treatment that could get in the way of everyday banking tasks.

The home screen needed to bring multiple wallets, currencies, and business accounts into one view without making the interface harder to scan. We explored different layouts to increase the amount of information available while keeping the hierarchy clear.

On desktop, we introduced a modular structure with a separate sidebar and workspace, supported by five reusable patterns that work across different contexts. This gave the interface a consistent structure even when users were working with large amounts of financial data.

Emerald’s previous payment forms were long and difficult to work through. We broke them into smaller steps, using familiar patterns from e-commerce flows, with each step focused on one part of the payment.

Users can still review their previous inputs without leaving the flow. Their completed information stays accessible in a compact view, while the current step remains the main focus.

This makes the form easier to navigate without taking control away from the user.

Many Emerald24 clients log in specifically to approve several payments at once.

Previously, each transaction required a separate signing action. We introduced batch signing so users can select multiple payments and approve them in a single confirmation.

Key actions such as sign, reject, and review details remain visible throughout the process.

This change reduced repetitive steps and made daily financial operations faster.

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 scanning long histories. For internal teams, this structure improves traceability and speeds up resolution.

We restructured Emerald24’s website to make its full range of financial products easier to understand and navigate. The content and navigation now reflect how different audiences use the website, with product pages designed to serve corporate clients, partners, and end users.

The new structure connects the website more closely to the fintech product, giving each service a clearer place within the wider offering. Visitors can find the information relevant to them without having to work through Emerald’s internal product structure.

We developed the visual identity alongside the fintech product, using the UI as a reference for how the brand experience needs to be felt. This helped us build a visual system that could move between the corporate website and the product without creating two separate experiences.

Colour, typography, shapes, and graphic elements were defined with both contexts in mind. The same principles now carry from the website into the banking interface, giving Emerald24 a clearer visual identity while keeping the product focused on the tasks customers use it for every day.

We created dedicated pages for different regional audiences, adapting the content and product information to the needs of each market.

The pages follow a consistent content structure while giving each product enough space to explain its specific use cases and capabilities. This makes the website easier to navigate and gives potential clients a simpler way to evaluate Emerald24’s offering.