Role: Visual Designer, Web Developer
For the drawings/animations: Adobe Illustrator, Adobe Photoshop, Adobe AfterEffects, RubberHose
For the website: AngularJS, ScrollMagic, TweenMax, HTML, Sass/CSS
Climb On was a personal project of mine. I wanted to achieve two goals: 1) to become a more proficient animation artist and 2) to learn how to incorporate complex parallax animations to a website. I drew all imagery with Adobe PhotoShop and Adobe Illustrator, and used RubberHose and Adobe AfterEffects to animate. To make the website more performant, I tried to use SVG images whenever possible.
After finishing the artwork, I was ready to build my website. Although it is a standalone website, I wanted to use AngularJS to keep my code neat and componetized. Using ScrollMagic and TweenMax, I was able make my artwork come to life.
Even though I would have loved to continue this project, I decided on a different concept for my portfolio website (as you can see). There were a number of reasons why I decided not to pursue this project, but the main one was that this concept was difficult to scale for different screen sizes. The concept did not have a practical mobile experience, which would have made sharing my work difficult.
To view a demo, please visit climb.pritahasjim.com.