---
title: Helm Bank UI Design
---

### Client

Helm Bank USA

### Industry

Retail - Financial

### Platforms

Mobile & Desktop

### Hiring

Fixed-time project

### Services

**

UI Design

**

Interaction design

**

Prototype

**

UI Kit

## Overview

Optimizing digital experience. Helm Bank USA partners with us to **improve their design system which. **Through UI services and our user-centric methodology, we have successfully collaborated for four years. **Our work includes evaluating the bank's current design system and developing a new one for the mobile app and website,** with the goal of optimizing the user experience for both individuals and businesses.

### Of the interface to the needs of our customers

Following the People-Centered Design methodology, we focused on **essential stages such as discovery, ideation, conceptualization, prototyping, testing and refinement**. This ensured that the design was more closely tied to user needs and expectations, guaranteeing an optimal and satisfying banking experience.

![imgCard1HelmBank](https://www.xperiencedesign.co/hubfs/imgCard1HelmBank.jpg)

THE SOLUTION

## Design System optimization for a unified experience

![design_services](https://www.xperiencedesign.co/hubfs/XP%20New%20Design/Our%20Work/design_services.svg)

**Improvement opportunities**  
By thoroughly evaluating the existing design system, we identified improvements and opportunities to align the brand image.

![interactions](https://www.xperiencedesign.co/hubfs/interactions.svg)

**Customer experience**  
We achieved a successful launch in 2021 for both the mobile application and the online web platform, providing a consistent and enhanced user experience.

![accessibility_new](https://www.xperiencedesign.co/hubfs/XP%20New%20Design/Our%20Work/accessibility_new.svg)

**Accessibility**  
We help improve navigation and accessibility issues in your digital products in an easy and efficient way allowing people of diverse abilities to interact comfortably with your financial services.

![Arquitectura App PCOL 2023helmbankimgcard2](https://www.xperiencedesign.co/hubfs/Arquitectura%20App%20PCOL%202023helmbankimgcard2.png)

### Process

**

Digital Xperience Framework.

**

Design thinking.

**

Design of digital product prototypes and screens.

**

Agile team collaboration framework: Scrum.

### Deliverables

**

UI kit.

**

High-fidelity wireframes and prototypes.

**

Component libraries (backgrounds, typography, icons, etc.)

![helbank-removebg-preview](https://www.xperiencedesign.co/hubfs/helbank-removebg-preview.png)

 "Since 2020, I've partnered with Xperience for our Bank's Online Banking launch. Their team excels in enhancing client experiences and supporting my marketing team in website, design, video editing, and annual calendar creation. Their meticulous attention to detail and commitment to quality assurance ensures flawless deliverables. Working with them is a pleasure; each team member is highly organized and often goes beyond schedules to meet our bank's needs promptly".

### Andressa Quadros

#### Marketing and Digital Manager, Helm Bank.

# **View other projects**

[![Recursos Work-04](https://www.xperiencedesign.co/hubfs/Recursos%20Work-04.png)

### Págalo Web

Strategy, UX/UI and CX Design

](https://www.xperiencedesign.co/web-pagalo) [![Recursos Work-05](https://www.xperiencedesign.co/hubfs/Recursos%20Work-05.png)

### FIBA

Value Offer, Information Architecture Design

](https://www.xperiencedesign.co/webfiba)

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín",
  "logo" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg",
  "name" : "Xperience Design",
  "sameAs" : [ "https://co.linkedin.com/company/xperiencedesign-co", "https://www.instagram.com/xperiencedesign.co/", "https://www.facebook.com/xperiencedesign.co/" ],
  "telephone" : "604 322 23 02",
  "url" : "https://www.xperiencedesign.co/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "",
  "@type" : "ProfessionalService",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "CO",
    "addressLocality" : "Medellín",
    "postalCode" : "050024",
    "streetAddress" : "Carrera 52 #14-30 Oficina 206 Centro empresarial Olaya Herrera"
  },
  "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín",
  "geo" : {
    "@type" : "GeoCoordinates",
    "latitude" : 6.2187538,
    "longitude" : -75.5800735
  },
  "image" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg",
  "name" : "Xperience Design",
  "openingHoursSpecification" : {
    "@type" : "OpeningHoursSpecification",
    "closes" : "18:00",
    "dayOfWeek" : [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ],
    "opens" : "08:00"
  },
  "sameAs" : "https://www.xperiencedesign.co/",
  "telephone" : "604 322 23 02",
  "url" : "https://www.xperiencedesign.co/"
}
```