Back

Banking UX that builds trust

Published on

Nov 1, 2024

Category

Back

Banking UX that builds trust

Published on

Nov 1, 2024

Category

Back

Banking UX that builds trust

Published on

Nov 1, 2024

Category

Back

Banking UX that builds trust

Published on

Nov 1, 2024

Category

Mercury is a fintech platform offering business banking services tailored to startups. It provides streamlined financial tools, including checking accounts, treasury management, credit cards, and integrated workflows to simplify financial operations for growing companies.

Traffic analytics:

Sep 2024

Provided by Semrush

Visits

1.7M

77%

23%

Unique Visitors

515.5K

Visit duration

06:47

Bounce rate

32.57%

Traffic analytics:

Sep 2024

Provided by Semrush

Visits

1.7M

77%

23%

Unique Visitors

515.5K

Visit duration

06:47

Bounce rate

32.57%

Traffic analytics:

Sep 2024

Provided by Semrush

Visits

1.7M

77%

23%

Unique Visitors

515.5K

Visit duration

06:47

Bounce rate

32.57%

Traffic analytics:

Sep 2024

Provided by Semrush

Visits

1.7M

77%

23%

Unique Visitors

515.5K

Visit duration

06:47

Bounce rate

32.57%

The highlights you should know

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

Access the article
with a free account!

Get access to all the articles and bookmark them for later. Articles are updated every week day!

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

Access the article
with a free account!

Get access to all the articles and bookmark them for later. Articles are updated every week day!

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

Access the article
with a free account!

Get access to all the articles and bookmark them for later. Articles are updated every week day!

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

Access the article
with a free account!

Get access to all the articles and bookmark them for later. Articles are updated every week day!

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

It’s easy to appreciate the marvelous visual design. Designing in the finance space can be boring from both a viewer and the designers experience. The website takes from modern UI trends and executes beautifully. From interactive shaders on CTA buttons, to the usage of subtle light-colored gradients. They make finance UX less boring while still being professional.

Steal the framework

Emphasize consistent branding

Why: A unified, polished design builds trust and reflects professionalism, which is especially important for fintech services.

How:

  • Stick to a cohesive color scheme and consistent typefaces across the platform.

  • Ensure branding is uniform across headers, buttons, and page backgrounds.

  • Keep the design tone modern and sleek to establish reliability in financial operations.



Incorporate subtle animations

Why: Subtle animations add sophistication and guide users’ attention without overwhelming the experience. in the case of Mercury, they're great for demonstrating real-world product uses.

How:

  • Use smooth hover effects on CTAs or icons to signal interactivity.

  • Implement seamless section transitions to create a more engaging and immersive experience as users scroll.

  • Keep animations lightweight and unobtrusive to maintain performance and accessibility.

Meet your audience halfway

Why: Financial services often involve complex information that users need to grasp quickly. Icons simplify this by offering visual explanations.

How:

  • Choose distinctive icons that clearly represent banking features like transfers and account types.

  • Place icons alongside explanatory text to help users process information quickly.

  • Ensure that the icons are minimal and blend seamlessly into the overall site design to avoid clutter.

More visuals from Mercury