Overview

The Accountly website and app assists in accessible and easy banking.

The goal is to enable users to easily and time-efficiently create a bank account, manage finances, and allows users to receive professional financial advice.

Project Duration: 2 Months

This was a solo Project.

Role: UX Designer

I had the responsibilities of user research, usability testing wireframing, and prototyping.

Responsibilities:

Banking can be complex: Users often do not feel fully confident and often confused about managing finances and creating a bank account that bests fits for them.

Problem

52% of Americans struggle with financial worries and managing money.

*According to Capital One.

Solutions for improved Online Banking: Financial Insights and Personalized Help is major.

1.Receive more in depth Financial insights:

2.Money Management at your fingertips:

3. Receive Personalized Help without waiting on the phone:

Be informed about the best financial plan that fit you.

Be able to see your latest transactions, due payments, and set your budget, request, send, and set goals for the future. Be able to see your latest transactions, due payments, and set your budget, request, send, and set goals for the future.

Receive readily accessible customized financial help that details your current financial situation and outlook.

After analyzing competitors, I wanted to hear from people about their experiences. I asked people what they found difficult about managing finances, and what they wished they had known and had access to when creating their first bank account. Especially in minority communities a pressing issue is the lack of financial literacy. I found that many people had wished they were better informed when making a bank account and picking the best plan for their finances. This persona encapsulates the feelings and experiences that I had learned many had.

Understanding the User:

User Persona: Adam

Research and Analyzing Competitors:

After researching and understanding the approaches of online banks, I learned that there was a lack of personalized and readily accessible help especially with getting started. In order to do so one must talk to an automated chat box that can not give elaborate help or having to call and wait for customer service representative.

User Journey

Paper Wireframes:

I started off with drafting paper wireframes to kick off the process.The process starts with paper wireframes, then moves to low fidelity mockups, and then finally High Fidelity Mockups. On these paper wireframes I focused on creating screens with elements that the user can encounter to complete their goal.

User Flow

Next in the process I made a diagram that would be a map of a user’s journey.

Paper Wireframes translated to Low Fidelity Mockups

Then I translated the paper wireframes, to low fidelity mockups. On these Low Fidelity Mockups I wanted to get an idea of how my ideas translated to an interactive prototype.

Solution:

Final Product:

Adapted to Mobile

I adapted the screen to be able to easily be resized with phones.

Design System

What I learned🌱:

I learned how to use a new program Adobe XD, I was able to take on a new skill and challenge myself.

I also learned responsive web design, and the importance of being able to seamlessly resize to fit other devices in UX.