An as close as possible copy of the IFTTT onboarding experience.
This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them.
More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61
Original app: http://appstore.com/IFbyIFTTT
This prototype shows a common onboarding pattern with a series of 3 panels, each with a different background media (photo, looping video, and a GIF).
sync page controller
Re-creation of the onboarding sequence of the app "Service"
See how it was done step-by-step in the on-boarding webinar:
The app itself:
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.
This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering.