Onboarding, tutorials, mini-interactions were used to explain, communicate, interact, and attract users to engage more in the features. Although not all of them are launched, but the process of making these interactions was exhilarating.

All these animations were made using Adobe After Effects and Figma prototype:

1. Rocket launch animation for KYC success on Stockbit Crypto*.

2. Rocket launch animation for e-IPO on Stockbit

3. Instant Recovery method tutorial for account backup on Stockbit Crypto.

4. Trailing Stop illustration tutorial for Trailing Stop feature on Stockbit.

5. Mini-interaction when user adds a stock to their watchlist on Stockbit Crypto.

6. Custom watchlists chips to star interaction. This functions as a shorten state of custom watchlist name to tackle the problem if user makes very long custom watchlist name (max. 25 characters).

7. Onboarding tutorial for Day Trade feature on Stockbit, they are available on Dark Mode (7a) and Light mode (7b).

*Stockbit Crypto was a crypto exchange app which unfortunately couldn’t manage to launch publicly. I was one of the designers who participated in the product.