Bank X

Web Application

Bank X was a subsidiary company of Bank of Internet (BofI). It was the first in-house online banking platform the company had created.

Bank X Web Application. Bank X was founded upon the idea of providing the best online banking experience.

The Problem


Outsourcing Limitations Stalled BofI's Growth and Strained Operational Efficiency.

For the past 20 years, BofI relied on a third-party vendor to construct and host their digital banking platform. While outsourcing initially offered financial benefits for the mid-size bank, its expansion increased demands from both the business and its customers. As a result, BofI's growth exceeded the capabilities of its existing platform, leading to significant challenges such as ineffective account and technology management and a lack of current features and online banking conveniences for customers.

Additionally, the bank viewed this project as an opportunity to consolidate multiple brands under a single online banking platform.

The Process


Redesigning the platform with flexibility by integrating Agile and UX methodologies to support future growth.

The Bofi software development team, including the UX team, was divided into smaller agile teams to improve feature development efficiency and time management. While the main team was based in San Diego, the majority of the development team was located offshore in Guadalajara, Mexico.

As the Senior UX Designer, I was responsible for developing the design strategy for the complex alerts and notifications section of the application. To address the issues within this complex section and create a strategy that delivers positive results, I focused on:

  • The Why: Establish Bofi’s vision for an in-house Universal Digital Banking (UDB) platform that aligns with the company’s strategic goal of providing a convenient, seamless experience. This includes allowing users to choose their preferred notification methods and easily configure alerts.
  • The What: Outline the scope and objectives for this section within UDB, detailing key features such as types of alerts, alert limits, and available delivery methods. Additionally, address functionalities and limitations related to third-party integrations to ensure an effective design development process.
  • The Who: Identify and understand the target users through detailed personas and user journeys, utilizing marketing insights and feedback from the customer service team who interact directly with customers.
  • The Success: Determine the anticipated outcomes of the web and mobile app redesign, particularly for the complex section, focusing on improvements in findability and usability. Aim for a smoother overall experience that enhances user engagement and satisfaction.

By defining the why, what, who, and metrics for success, I was able to identify and develop use cases, edge cases, and user flows based on insights gathered through cross-departmental and stakeholder interviews. This guided the creation of information architecture, wireframes, high-fidelity mockups, and prototypes.

Information Architecture

Bank X Alerts Notification Information Architecture
Note: prototype and/or any UX deliverables created for this project are available upon request.

Usability Test

As part of the prelaunch process, I managed and conducted usability test sessions for the mobile app version of UDB. I created a video and a detailed usability test report (see below), which I presented to project stakeholders and the leadership team. Following this, I was asked to establish UX standards for usability testing across the company. I then trained the UX team on these standards and led additional usability test sessions for the mobile app. The insights and feedback from these sessions were instrumental in prioritizing the application roadmap, ensuring that key issues were addressed based on severity before the product launch.

Usability test report image

Usability Test Highlights Video

The Solution


Consolidating Brands and APIs for Scalable Growth Without Service Disruption.

To ensure flexibility and control for future growth, the project was focused on redesigning and developing an open architecture solution. This approach was essential for meeting the bank's evolving needs while introducing Agile development and UX methodologies to the company for the first time.

The solution addressed key challenges by (1) determining the technical capabilities necessary to consolidate nine brands into three, seamlessly integrating both existing and new APIs, and (2) implementing a strategic approach that adhered to the project timeline while preventing any disruption to customer service.

The Result


Delivering seamless banking experiences with a unified platform and satisfied customers.

The Bank X web application successfully launched on schedule. Usability testing revealed that the majority of customers could complete their tasks efficiently and were satisfied with the new features introduced in the online banking platform. The platform's success provided BofI with essential insights to move forward with consolidating all brands onto a single unified online banking platform.

The Team & Tools


  • Team

  • Senior UX Designer (Me)
  • VP, UX Design Manager
  • Project Manager
  • Scrum Master
  • Business Analyst
  • Web App Developer
  • Mobile App Developer
  • Design Tools

  • Sketch
  • Invision
  • Balsamiq
  • Photoshop
  • Illustrator
  • Other Tools

  • TFS
  • Slack
  • UX Cam
  • Webex
  • Vysor
  • Quicktime