Logo animation – three states: searching & finding, talking

Hello! Who's talking? 💬

Symbol animation was designed to present three states: searching, finding solution and talking.

This states support the whole visual identity of the brand and work as an additional element of the website. Additionally, it provides information to the user about current process, which is resulting from the taken action on the web application.

Since the symbol relates to radar chart, so does the animation. In the state of searching the symbol expands towards different values of the chart to compare the request with the best possible results.

The solution state shows how all the values met stated requirements and lead to search results. Last animation presents the state of talking. This design is based on AI Assistants and their behaviors while talking to the user.

The Story designed and developed a web application for Matchical.

Are you interested in how we did it step by step?

Read the whole case study 🔍

The Story | awarded by iF, Awwwards and more...
We are now on Dribbble. Follow us to stay tuned

More by The Story | awarded by iF, Awwwards and more...

View profile