Design · Develop · Art

Climb On
(Proof of Concept)

Nov 2015 - Aug 2017

climb.pritahasjim.com

 

Role: Visual Designer, Web Developer

Technologies Used: 
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.