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
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 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
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.
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: