O'Reilly logo

UX Design for Mobile by Pau Giner, Pablo Perea

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Welcome Tour Prototype

In this prototype, we will create a welcome tour, importing designs made with Sketch. So, the first thing you need to do in order to follow this tutorial is to download the Sketch file that will be used in the prototype from the Asset_A6462_A08_A20_Welcome_Tour_Prototype_Designs.zip code bundle. You can also download this tutorial in Framer from the Asset_A6462_A08_A21_Welcome_Tour_Prototype.framer.zip code bundle.

As you can see in the following screenshot, the design consists of four screens that we have designed in four different artboards. When working with Sketch, remember to use easily recognizable names, since you will refer to them when you are codifying your prototype:

Welcome Tour prototype Sketch designs ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required