Cooper Creatures

In CSS, HTML, Javascript, Node.js, Portfolio, UX, Web Design

I teamed up with Yurika Mulase for my Designing Meaningful Interactions final. Our assignment was to create a new sort of museum experience that connected people with Cooper Hewitt collection in a non-traditional way. For that, we created a web app that lets you design your own creatures using the museums textile collection. The target audience was originally children but we realized that it was fun for people of all ages.

Cooper Creatures is live at https://coopercreatures.herokuapp.com/

 

Screen Shot 2016-01-22 at 1.42.08 PM

 

The app let’s you choose from a collection of shapes, limbs, eyes and accessories to create a creature. Once you select an object, the color palette will open and display all the different textiles by color.

 

Screen Shot 2016-01-22 at 1.45.47 PM

 

By using fabric.js for object manipulation, we were able to provide basic drawing app functionality like moving, scaling, rotating, re-odering layers and mapping the Cooper Hewitt textiles onto shapes.  Once you finish building your creature, you can save it using the node.js server that we built.

 

Screen Shot 2016-01-22 at 1.52.03 PM

 

Check out a video that Yurika made of people using Cooper Creatures below.

 

 

Submit a comment