/
Splash Screen Animated Transition

Splash Screen Animated Transition

Important Links

MM-33146: RN: Mobile V2 Splash Screen AnimationClosed

Figma Design File

Figma Prototype

Loader animation (Lottie)

Background

For the initial release of v2, a new app icon and splash screen is proposed.

Design

Splash Screen

The splash screen displays when the app loads up from a cold start.

Splash Screen Transition to Server Screen

For a user who doesn’t have a server with an active session, the app transitions from the Splash screen to the Add Server Screen.

 

Splash Screen Transition to Home Screen

For a user who have an active session on a server, the app transitions to the ‘Home Screen’.

 

Animation using Lottie

The Logo animation is done using Lottie - a tool that enables powerful animations for web, ios and android.

https://lottiefiles.com/share/foczlskz

 

Related content

Home View
Read with this
Static Splash Screen
Static Splash Screen
More like this
Alpha-Beta-GA Release Strategy
Alpha-Beta-GA Release Strategy
Read with this
Login
More like this
Login Screen and Desktop First Launch Experience
Login Screen and Desktop First Launch Experience
More like this
App Icon
More like this