Frederik Nygaard's profile

Interactive iPad made in knockoutJS

Interactive iPad made in knockoutJS

This interactive element was made to support an email capture on a website. The idea was to display the user, what kind of material they would get by signing up and to make it perceive as tangible.

The iPad is made using knockoutJS and SCSS and is build by making three containers next to each other and only what is visible inside the iPad. The iPad it self is an image laying on top of the layers and with a small reflective effect to make it feel more realistic.
The buttons on the iPad is clickable and has a timeout function on the slider, when a user interacts with the iPad. The content of the slides is purely html so it is edible to fit whatever content you may want.

To see the code and the iPad in action go to:

Interactive iPad made in knockoutJS
Published:

Interactive iPad made in knockoutJS

Published: