An Exploration on Parallax Art Design

Most webpages that we visit today contains loads of fixed elements, it’s rare yet refreshing to sometimes see a dynamic site with lots of cool animations, which is catalyzed by user interaction with the page (I’m currently obsessed with Colin Moy’s amazing portfolio). Yet personally, I’ve never found a way to really execute interaction in a manner that doesn’t distract the user from the core contents of the page. Recently, I stumbled upon the design concept of parallax motion and wondered what it would be like if we could connect a parallax effect with the user’s mouse movement. The results turned out quite amazing!

Parallax motion is an effect where the background of a webpage moves at a different speed than the foreground, creating a sense of depth and immersion. By linking this effect to the user's mouse movement, we can create an interactive experience that feels natural and intuitive. This can add a new level of engagement to websites and enhance the overall user experience.

I started with a blank canvas on Procreate and began layering different elements of a galaxy piece onto it. I then used the parallax effect to make the stars and nebulas in the background move in different scales than the foreground elements, creating a sense of depth. It’s incredibly cool looking when you move the cursor, and provides an amazing background for the page 🤯