Home > UX and Prototyping > 10 inspiring splash screen designs
Splash screens give UI designers the chance to make a bold first impression and reinforce brand identity

Splash screens give UI designers the chance to make a bold first impression and reinforce brand identity

Splash screens may be an innocuous part of the user experience. It’s just a launch screen, there’s not much to it. But first impressions count and the devil is in the details. With Justinmind, you can even make your own in a matter of minutes.

Before you do, let’s take a closer look at splash screens, and 10 inspiring examples to get you started.


Prototype your own splash screen in seconds. Download Justinmind.

Download free


What is a splash screen?

A splash screen is a screen which appears when you open an app on your mobile device. Sometimes it’s referred to as a launch screen or startup screen and shows up when your app is loading after you’ve just opened it. When the loading is finished, you’ll be taken to a more functional screen where you can complete actions.

Splash screens appear on your screen for a fleeting moment – look away and your might miss them. Traditionally, you’ll see a logo and company name and, if you’re lucky, the company motto.

You might think of them as a waste of time, an afterthought or something not to bother thinking about. But they’re good for strengthening brand identity and perception. Google’s Material Design highlights that they’re the user’s first experience of your application. And first impressions count, right?

Take Skype’s splash screen. It shows their logo in pride of place, with a soft gradient. Then when the loading is ready, the icon will animate and bounce around. A nice bit of UX whimsy. Whereas there are other splash screens, like Medium and Etsy, which incorporate fun, relevant and bespoke illustrations that fit in perfectly with the brand and reinforce their identity.

Sometimes an app doesn’t take very long to load. In this instance, you may come across a placeholder UI instead of a branded launch. Maybe your app doesn’t need to reinforce its brand identity in which case you’ll see core structure elements on your app upon open which don’t display any content like so:

splash-screen-launch-screen-prototyping-a-splash-screen-ux-design

Splash screen best practices

Splash screens are simple. They’re used to enhance a brand and give users something nice to look at as they wait. In this regard, here are some best practices for when you design your own splash screen:

  • Keep it free from unnecessary distraction
  • Don’t use multiple colors or logos
  • Use animation sparingly

Prototyping a splash screen in Justinmind

Creating a splash screen in Justinmind is super simple. When you download Justinmind and start a new prototype, you have at your disposal a treasure trove of awesome pre-built UI widgets.

Using a default mobile screen, you can just drag an image widget and a text widget onto your canvas in the desired position. Add your own images and color preferences and voila. Combined with interactions, your screen will change after your desired time (it’s a splash screen, so don’t leave your users hanging!).

Go here for more on prototyping mobile UI animations with free downloadable examples.

10 inspiring splash screen designs

Medium & Etsy

Paperless Post & Airbnb

Bear & Cabify

8Fit & Netflix

Ryanair & Skype

Conclusion

Splash screens can be a way to bring a little delight to your users or an opportunity to reinforce your brand identity. Whatever reason you design your splash screen for, make sure that it doesn’t cause the loading time to go on any longer than it should.

Steven is the web editor at Justinmind

1 comment

Your email address will not be published. Required fields are marked *

  • I think that a splash screen must be so much native as it possible, I have a nice article about what good points you can use to the right SS implementation here – cleveroad.com/blog/mobile-app-splash-screen-reasons-to-integrate-launch-screen-into-your-app