I designed multiple low-fidelity variations to explore different layout options. Through concept testing, I gathered feedback on what participants found intuitive versus confusing. This helped me determine the most effective layouts for the homepage, rates page, and savings account page before moving into mid-fidelity wireframes.
I then created mid-fidelity mockups for the homepage, services, loans, and accounts pages. I also focused on the online application process for savings accounts. These wireframes allowed me to refine the information architecture across both desktop and mobile views, ensuring a consistent and responsive experience. Since rates were a top priority for many users, I wanted to ensure they were clearly displayed on the homepage and easy to access. I designed the loans page to clearly display each type along with its subcategories, making it easy for users to explore their options.
.png)
The final UI features a modern aesthetic with a focus on readability and clear calls to action. I implemented a high-contrast color palette to solve the accessibility issues identified during my competitive analysis. Essential information, like the "Lowest loan rates, highest savings rates" hero message requested by the client, was integrated into a clean, professional layout that prioritizes ease of navigation.