This project focused on creating a personal area for customers who had taken a mortgage through the company, where they could view all their loan details easily and independently.
The goal was to deliver a clear and simple experience for users, reduce the burden on customer support, and improve the company’s overall service level.
The main goal was to create a personal area that would make it easy for customers to access their mortgage information, reducing the need for customer service inquiries and improving customer satisfaction.
Aligning on the flow
I worked closely with the product manager to create a detailed flowchart of what users should see, including essential information and possible actions.
Wireframes + stakeholder validation
I designed initial wireframes based on those flows, and presented them to senior managers in the mortgage department. Based on their feedback, I made changes to meet both user needs and business expectations.
Full UI + animations
After approval, I built a full prototype, including custom UI components and subtle After Effects animations. The design was responsive and optimized for both desktop and mobile.
Developer-ready documentation
Finally, I created a detailed spec for developers, including screen-by-screen logic, links, and conditions. I walked the team through it to ensure smooth execution.
The design focused on clarity and minimalism – using light colors, large text, and grouping related data on one screen.
I also added a built-in WhatsApp support option, which gave users a faster way to contact support directly when needed.