Metrie.com

For Metrie’s new site, I worked with Planet 360 to fully build out the interactive parts of the design (a little UX & animation too). Code in Javascript/jQuery and PHP for front and back end development.

History of Metrie scrolling parallax:

http://metrie.com/history/

Screen Shot 2014-03-21 at 12.21.24 PM

Animated this walking cat too:

cat

 

Custom built map with filters in Leaflet with Mapbox tiles using data pulled from CSV:

http://metrie.com/contact-us/

Screen Shot 2014-03-21 at 12.22.22 PM

 

Style Quiz:

http://metrie.com/style-quiz/

Screen Shot 2014-03-21 at 12.23.07 PM

 

 

Interior Finishing with dynamic button mapping overlay for responsive:

http://metrie.com/what-are-finishings/

Screen Shot 2014-03-21 at 12.23.35 PM

 

Responsive JS + CSS coding throughout site

 

Screen Shot 2014-03-21 at 12.24.10 PM

Related projects:

Iron Man Key Art
Smart Rx Bottles
Pinion
Twitter Network Analysis