Cinnamon logo
Cinnamon logo
Cinnamon logo
Cinnamon logo
Close

Home

Projects

Services

About Us

Careers

Blog

Contact Us

Mffais:
Make ends meet

Mffais is a budget-forecast app for Android devices designed and built by Cinnamon. If you get tired of keeping track of bills and paydays, the app will do that for you. Avoid the hustle and sit back.

product design

mobile development

quality assurance

marketing & growth

thumbnail-large.png

We’ve all experienced expenses piling up over time. Luckily, those days are over. With Mffais, you can stay on top of your personal finances. This app helps you track your money flow and provides insights into spendings and savings up to a year in the future.

Scope of work

Strategy
PROJECT PLANNING
COMPETITOR ANALYSIS
USER PERSONAS
UX Design
INFORMATION ARCHITECTURE
USER FLOW
WIREFRAMING
PROTOTYPING
USABILITY TESTING
UI Design
VISUAL DESIGN
BRANDING
INTERACTION DESIGN
DESIGN SYSTEMS
Android Development
KOTLIN
MVVM ARCHITECTURE
DAGGER 2
iOS Development
SWIFTUI
MVVM ARCHITECTURE
CORE DATA
Marketing & Growth
APP STORE OPTIMIZATION
GOOGLE ADS MARKETING

Completely reimagining the existing product

Cinnamon was tasked to completely reimagine the existing product. We were approached with a prototype for an app helping US citizens to take control of their finances. The target were users struggling to keep cash flow positive. After re-assessing the users' needs, we organized and redesigned the app with a focus on visualizing where your money goes.

challenge-photo.jpg

Connecting all
income in one
place

User testing for real-time feedback

Testing and research discovered major flaws and differences between implemented user flows and users’ expectations. With users’ goals in mind, Cinnamon designed a logical and intuitive way of using the app. Mffais warns users on time if they are approaching a negative balance, and supports them in keeping it positive. Helpful tips and instructions are provided throughout the app to guide users every step of the way.

sitemap-desktop.png

Identifying the main user flow

Following the product discovery phase, we started with wireframes for the main user flows – identified in the initial phases of the process. The focus was on providing a simple and easy way to get the user started with this personal finance planner.

wireframe-desktop.png

A consistent and
simple layout
across all screens

ui-highlight.png

Simple setup with integrated help functionality

An emphasis was placed on guiding users and providing them with well-timed information for all functionalities. User testing showcased the differences between the mental models we designed and the mental models users already carried with them, mostly pertaining to transactions. The dashboard turned out to be overwhelming for them as well. To fix this, we automated clearing transactions, added a Floating Action Button to clean up the interface, and simplified the dashboard.

After conducting these steps, we completely reimagined the information architecture of the product and user flows. Not to make the app so serious, we implemented colorful and playful graphics while staying in line with the branding.

simple-setup-desktop.png

Planning the
money flow

A single place where users can edit and check their future transactions up to a year in advance. Due transactions are marked automatically to reduce cognitive load.

planning-the-money-flow.png

A dashboard to control
the money flow

Our designer came up with a simple dashboard that informs users about their future spendings/earnings up to a year in advance. A simple setup and an integrated help functionality guide users through the product and all its features. The end result is a friendly, easy-to-use app that helps users take control of their money flow.

dashboard-control-desktop.png

Styleguide

typography.png
colors-desktop.png

We hire experts for a reason. Quality that’s worth the wait.

With Cinnamon, we appreciated the attention to detail and the ability to run the project. The right balance of when to confirm something and when to follow their own lead.

KevinProfile.png
Kevin Traster,

CEO, Mffais

Insights and what we’ve learned

What we like to do is collect insights from users before, and ideally, after the upgrade of a web or mobile app. With this approach, we’re certain that we’ve delivered a product of value that will make life easier for its users. Before launching the app, we directly contacted users who were struggling with keeping their cash flow positive.

We at Cinnamon hope that the users of Mffais will manage to keep their cash flow under control, plan future transactions and increase their quality of life. Now they will have the option to spend money freely without having to think about unwanted financial consequences. And make fewer bad decisions on upcoming spendings.

The great thing is that this must-have budget app is free to download. With that said, we invite everyone who struggles with money to give it a try. We promise you won’t be sorry!

google store

visit website

Similar projects

thumbnail-ping-x2.png

product design

mobile development

quality assurance

ping:
Listen to messages on the move

ping means breaking new ground in reading messages out loud when driving. Among other features, Cinnamon developed the “drive-safe” mode, where users enjoy an eyes-free experience while receiving emails, texts, and messages from various platforms.

)
Job application illustration

Have a project in mind?

Let's work together.