MyFi: Financial Assistant

I conducted user research and discovered three user groups that could best be helped by a financial assistant mobile application focused on debt reduction and savings.

From this, I identified three personas: "Debt Buster," "Savings Savvy," and "Family Financier." These personas guided the app's design and product goal:

Empower users to intuitively understand complex financial situations involving loan repayments at a glance.

I created and tested wireframes in Figma, beginning with low-fidelity mockups. These served as a blueprint for the app's layout and functionality.

They were simple, focusing on essential elements and user flows, helping quickly visualize and communicate the design concept to engineers, product managers, researchers, and fellow designers.

I added more detail and refined the user interface. This stage allowed me to incorporate user feedback and make necessary adjustments to improve the overall user experience.

It was a collaborative phase, where team members and stakeholders provided valuable insights to enhance the design further.

I created and named separate components for each color, type category, button, app bar, and other visual pieces to maintain consistency throughout designs and make it easy to export for use testing and ease of use for engineering.

I added precise details, visual elements, and interactions and got team sign-off. Figma allowed me to create pixel-perfect mockups and let team members click through a functional prototype.

This high-fidelity stage ensured the design was visually polished and ready for shipment. Graphic assets were then finalized and sent to developers for app creation.

I worked closely with the engineers to work out bugs in the interface and provide them with individual assets that they could seamlessly implement in their code.