United Bank of Africa

The Redesign Odyssey
About Project
Casting aside the old and embracing the new, the journey with United Bank of Africa's mobile app redesign was an exhilarating odyssey through innovation, user-centric design, and digital transformation. Join me as we navigate the path from a conventional banking app to a cutting-edge financial companion, redefining convenience, accessibility, and customer experience along the way. Buckle up for a voyage into the heart of fintech evolution, where every tap, swipe, and click transforms the way you bank with UBA.
Problem

The problem users faced with the existing UBA mobile app can be summarized as follows:

1. Unattractive interface; Users found the app's interface unappealing and not visually engaging, which made their overall experience less enjoyable and less likely to use the app regularly.

2. Functional Issues: Users encountered functionality problems within the app, such as non-responsive buttons and features that did not work as expected. These issues hindered the app's utility and frustrated users.

3. Navigation Challenges: Users struggled to navigate through the various banking options within the app. This lack of user-friendly navigation made it difficult for them to access and utilize different banking services efficiently.

Solution
The redesign project achieved remarkable success, resulting in a visually captivating and highly functional UBA mobile app. Users who tested the redesigned version reported a significantly improved experience, with the intuitive interface and responsive buttons enhancing their overall satisfaction. Navigating banking options became effortless, enhancing convenience and accessibility. If the Bank were to adopt the redesigned app version, it will effectively transform users' interactions with UBA, fostering greater engagement and trust.

My Design Process
For this project I made use of the double diamond approach, I felt it was the best because this was a redesign of an existing User Interface.

Surveys
The survey we conducted primarily aimed to identify and filter out UBA mobile app users from a broader pool of respondents. This strategic approach ensured that we gathered feedback and insights specifically from individuals who had firsthand experience with the UBA mobile app. Subsequently, we conducted interviews with those who expressed interest in sharing their feedback, allowing us to engage with users who were actively invested in the redesign project and obtain valuable insights from their perspectives. Overall, we recieved 20 submissions and about 50% of these agreed to be interviewed.
Interviews
During the interviews, I asked a total of 20 questions to gather insights from users. The users responded positively to the questions, indicating their willingness to provide feedback and engage in the discussion. The focus of the interview questions revolved around three key areas;
  1. User Experience (UX), Functionality and Usability, Navigation and Accessibility
I inquired about their overall experience with the existing UBA mobile app, including their likes and dislikes, any pain points, and suggestions for improvement.

2. Users were open in sharing their experiences and areas where they felt the app could be enhanced.
My questions then delved into the app's functionality, specifically regarding the responsiveness of buttons and the general usability of features. Users highlighted instances where they encountered issues, showcasing their eagerness for a more reliable and user-friendly app.

3. Then I explored users' experiences in navigating through the app's banking options. This included questions about ease of use, accessibility features, and any challenges faced during navigation. Users expressed their desire for a more intuitive and seamless navigation experience.
Overall, the interviews provided valuable user insights that became the foundation for the successful redesign project, helping address specific pain points and create a more appealing, functional, and user-centric UBA mobile app.
Look at what some users had to say;
Wireframing
In the wireframing process for the redesign of the UBA mobile involved several steps of which I enjoyed.

I began by revisiting the user feedback and insights gathered from surveys and interviews. This provided me with a clear understanding of the pain points and user preferences that needed to be addressed.
Based on user feedback and project goals, I identified the key features and functionalities that needed improvement or redesign. These features were prioritized to ensure a user-centric approach.

Then I kick-started with low-fidelity sketches on paper (I'm also an artist). These sketches were quick, rough drawings that helped visualize the layout and arrangement of elements without getting into finer details.
Then using my knowledge in Figma, I translated my sketches into basic digital wireframes. These wireframes outlined the structure of each screen, including the placement of buttons, navigation menus, and content sections.

I then engaged in an iterative process, constantly refining the wireframes based on feedback from my team member, and usability testing. This iterative approach allowed for continuous improvement.
Throughout this wireframing process, I maintained a user-centric focus, addressing the specific problems identified by users and aligning the redesign with their preferences and needs.
Usability Test

In the usability test, we conducted a series of tasks and observations to evaluate the app's user-friendliness and identify potential issues. Here are the key activities that took place.

1. Task-Based Testing: I asked participants to perform specific tasks within the app, such as

checking their account balance, making a transfer, or updating personal information. These tasks

reflect common user interactions.

2. Observation: While participants completed tasks, I observed their actions, paying attention to

where they clicked, what choices they made, and any difficulties or hesitations they encountered.

3. Think-Aloud Protocol: I encouraged participants to verbalize their thoughts and reactions as they interacted with the app. This provided insights into their decision-making process and any frustrations

they experienced.

5. Error Identification: My partner documented any errors or issues participants encountered during

the test, such as buttons not working, confusing labels, or navigation problems.

6. Post-Test Interviews: We conducted follow-up interviews to gather qualitative feedback on the

user experience, allowing participants to expand on their observations and suggest improvements.

7. Usability Metrics: We then collected quantitative data, such as task completion times, success

rates, to measure the app's efficiency and effectiveness.

The usability test aimed to uncover usability issues and gather user feedback to inform further

refinements in the app's design and functionality. The insights gained from this testing process was invaluable in shaping the final version of the redesigned UBA mobile app.


Previous User Interface

Redesigned User Interface
Learnings
Throughout this adventure of revamping the UBA mobile app, I've picked up some nuggets of wisdom: It's crystal clear that users wear the crown. Their feedback and desires reign supreme in creating a top-notch app. I learned Trial and Error is A-Okay: Don't be afraid to tweak and twirl your ideas until they shine. Teamwork Makes the Dream Work: even though I worked with just one xtra hand, everyone's got something to contribute. Usability Testing and inclusivity is Gold; Making the app accessible to everyone isn't just a checkbox; it's like inviting everyone to the party, and that's where the real fun is.
Other case studies
Let's Create Magic!
Reach out to me
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website