Studio Holding Page

We created an interim page prior to launch of our website to introduce our studio and display our contact information.

Interactive, Processing, Development

desktop holding page iPad frame

Desktop Version

To add another layer of interaction, we implemented a colour change upon the press of the spacebar which rotates through our brand colours. By clicking the information button, an overlay is revealed with information about the studio which include contact and social media links.

Mobile Version

Since there is no cursor on mobile, the interaction is utilizing the device’s accelerometer. Shaking the phone separates the confetti while tilting the phone trickles the confetti towards the corner which is closest to the ground.

Do you need help with developing
an interactive holding page?