A goal created
Welcome a new saving goal with a curious look. Let the person choose their own amount and pace.
MADE WITH MASKO STUDIO
Savings app mascots.Little by little adds up.
Saving for something starts with a small amount. A resourceful little companion can give a goal screen personality while keeping the numbers in charge.
Start with an idea. Or animate a character you already have.
MEET HAZEL
TOTAL SAVED
$1,280.50
+$180 this month
Add money Transfer
YOUR GOALS$640 / $800
A weekend away
Hazel
You’re 80% of the way there.
Recent activity
Weekly round-upsToday, 09:00
+$12.40GIVE THE CHARACTER A REASON TO BE THERE
Three moments for a little personality.
Ideas for your savings app. Connect each reaction to the moment it belongs to.
A deposit confirmed
Show a small acknowledgment after the app confirms the deposit. A cheerful clip must never stand in for the actual transaction status.
A milestone reached
Reserve a fuller celebration for a meaningful goal milestone. Show the saved amount and remaining target next to the reaction.
SMALL CHARACTER. THOUGHTFUL DETAILS.
Make it feel at home.
Keep the mascot secondary to balances and transaction status. A clear silhouette and modest gestures fit a savings app better than a stream of rewards that pressures someone to move more money.
Explore mascot animation →AN ANIMATION PROMPT TO TRY
The mascot carefully holds a small acorn, looks pleased with its progress, gives a modest nod, and returns to its resting pose. Fixed camera and gentle movement.
Use this with your character in Studio. Review the result before adding it to your app.
FROM IDEA TO APP
Create it. Animate it. Put it to work.
Give it a personality
Adapt the brief below to your app, or upload your existing mascot in Studio.
Make a first reaction
Start with one useful animation, such as a goal created. Check the character’s movement against your actual interface.
Connect it to your app
Export the assets and use your app’s events to control playback. Keep a still option for reduced motion.
Explore the API and docs →YOUR APP. YOUR LITTLE CHARACTER.
Start with a brief.Make it your own.
This is the starting idea behind Hazel. Edit it for your product, then take it into Masko Studio.
THE LITTLE DETAILS
A few questions.
we were hoping you’d ask.
How do I keep a finance mascot from distracting from the numbers?
Place it beside a goal summary or on a confirmed success screen. Keep balances, fees, errors, and transaction status in plain text. Avoid animations that cover financial information or imply a transaction succeeded before confirmation.
Can I animate a mascot I already have?
Yes. Upload your own character in Masko Studio, then create animations from it. You can also start with a description to create a new mascot for your app.
How do I put the mascot into my app?
Create the character and animations in Masko, then export the assets for your app or website. Your app controls when each animation plays. Developers can also use the Masko API to create and manage assets.
Read the developer documentationIs this a real customer app?
Small Nest is a fictional app built to demonstrate an original Masko character. The preview is a design example, not a customer testimonial or a claim about retention.
More apps.A little more character.
Pick an app. Meet its mascot.