Makara — Onboarding Animation

Dispelling the clouds of crypto investing through Makara’s design

The growth of crypto and the pressure to invest in it may seem not very safe. We partnered with the startup Makara, recently acquired by Betterment, to design an easy-to-navigate app that provides confidence to investors entering this unfamiliar territory of cryptocurrencies.

We set up this animated onboarding with figures and a minimalist aesthetic to guide the user through the app. Our illustrator, Fran Pulido, used visual metaphors to represent the concepts and convey how easy it is to use the product, as well as the transparency of the service.

Fran used a connector object to transition among the different screens in the onboarding process. A handy narrative resource for the user to stay in the flow until the end. Thus, he designed the elements to smooth change between screens, providing fluidity and harmony. The connecting object, in this case, was a yellow dot as a currency symbol, which we can see on the boat trip, the scale, or the balloon.

He designed all these pieces in Illustrator since having the vector files makes the animator's job easier. Then, Luisa Jara, our Motion Designer, created the animations in After Effects and used Lottie to convert them into JSON and be able to include them in the app.

An educational, intuitive, and trustworthy UI

Read how we designed an easy-to-navigate app that provides users a feeling of legitimacy and comfort to interact, even in this crypto-complex world!

🖤 Don't forget to press L, follow Z1, and say hi: hola@z1.digital 👋

Instagram | Twitter | Github | LinkedIn | TikTok

(All product images shown in this article are for illustrative purposes)

Z1
The finest digital crafters you can rely on.
Get in touch

More by Z1

View profile