Climb On was a personal project that I embarked upon intending to achieve two primary objectives:

1. Enhancing my skills as an animation artist.

2. Learning how to incorporate complex parallax animations into a website.

For the creation of all the visual content, I utilized Adobe Photoshop and Adobe Illustrator, while the animation aspect was handled using RubberHose and Adobe After Effects. To optimize the website's performance, I made a conscious effort to utilize SVG images whenever possible.

Once the artwork was complete, I transitioned to the website development phase. By harnessing the power of ScrollMagic and TweenMax, I was able to breathe life into my artwork, resulting in animations that are initiated from a mouse scroll.

I ultimately decided to pursue a different concept for my primary website (as evident in my current portfolio). Several factors influenced this decision, with the primary one being the inherent challenges in scaling the Climb On concept to accommodate various screen sizes. The concept did not lend itself well to a practical mobile experience, which would have hindered my ability to effectively showcase my work.

To view a live demonstration Climb On, please visit climb.pritahasjim.com.

Technologies Used

For the drawings/animations: Adobe Illustrator, Adobe Photoshop, Adobe AfterEffects, RubberHose.

For the website: AngularJS, ScrollMagic, TweenMax, HTML, Sass/CSS.