Web App, Landing page UI
Monimie is a finance web app that helps users track their spending, allocate savings, and manage their subscriptions efficiently.
Role: UI Designer
Responsibilities: Sketching, Wireframing, UI, Mockups, Web App design, Landing Page design.
Tools: Figma, Adobe Photoshop, Illustrator
On a daily basis, it’s challenging to keep track of all our spending and revenue. Our personal financial tool called Monimie assists users in managing subscriptions, tracking spending, allocating savings, and investing. We want you to create a user-friendly interface for our web application while keeping in mind our brand identity, objectives, and the specified persona.
Firstly, I did some research to understand dashboard design trends and best practices, and to consolidate my deductions from the brief. Then I brainstormed about what relevant details should be on the dashboard, and how they should be placed.
I then proceeded to sketch as many ideas that came to mind. Emphasis was on the design layout and what information would be most ideal.
The key summaries need to be at the top of the page. The user may become overwhelmed by too many graphs on a screen. Therefore, I decided to consolidate pertinent data into a single graph or table while still allowing the user to choose between different display kinds and settings. I largely followed this technique for the other pages.
HIGH FIDELITY MOCKUPS
This screen gives more in-depth information about the user’s expenses. During the research, several participants complained that there was no way to monitor their subscriptions. A section in this screen was made for this purpose, so users can see what services they subscribed to and when payment was due. When the PLUS button is clicked, it brings up a modal that allows users to input transaction details themselves.
I also explored a dark mode. Dark modes have become a norm in digital product design. Asides from the fact that it is visually appealing, it has a few other advantages. Considering that the users of this app will be staring at the large screens trying to process data, designing a Dark mode was essential as it helps to reduce eye strain. It also adapts to changes in lighting conditions and is easy to use in dark environments or at night.
TAKEAWAYS AND NEXT STEPS
An Investment section that allows users to manage their investments – fiat and crypto is surely a potential addition to the app. Even though the cost of building such a feature is a foreseeable challenge, it will definitely be explored.