Brendan Bax

Ronin Chat Animation

  • Save
Ronin Chat Animation ronin thread app message login slack conversation loading design ux ui animation chat

Sorry for the small size - I hope you can get a sense of what's happening in this UI animation. This is a demo I put together for the Ronin Chat app I designed, using InVision Studio.

I wanted the splash animation to reflect the app's intent so I spent some time keyframing a logo transition. I also wanted to explore how users could go from the chat list state to the thread state in an engaging way. Lastly, how might a user see more info about who's chatting without losing context on the conversation?

keyboard shortcuts: L or F like