Material Interaction

Projects | December 9, 2014 | 4 Comments

RUNNING ON MULTIPLE DEVICES

DESIGN

a1
a2
a3
a4
a5
a6
a7
a8
a9
a10
a11
a12
a13
a14

DESCRIPTION

Last week, I’ve launched my new “personal” project, named Material Interaction.
Google launched Material Design in 2014, and I’ve got the Material Design Principles Postcards at Google I/O Happy Hour. When I saw the postcards design at first time, I thought that it should have interaction and animation. Because the design was wonderful and playful. But it was just static images, so I made this website.
 
I made this project for 4 days, I didn’t want to spend much time to make this for my family in this holiday. That’s why it only worked on Webkit supported browsers, such as Chrome and Safari. But many people asked me to support other browsers, especially Firefox, so I updated it and now it works on most modern browsers. The canvas drawing performance is disappointed on FireFox. That’s why I made small circle area for the FFF’s Bokeh section and it might be slow with a shadow effect on this website.
 
Material Interaction shows interactive experiences for Google’s Material Design Principles. It was created with HTML5 and CSS3 and works well on mobile & tablet devices.

AWARDS

  • The FWA, Site of the Day – December 2014
  • The FWA, Mobile of the Day – December 2014

ROLE

  • Solo work

COPYRIGHT

  • © Jongmin Kim
  • Material Design © Google

Hawaii Photo Book 2014

Projects | November 9, 2014 | Comment

LOGO

ccc

BOOK

b1
b2
b3
b4
b5
b6
b7
b8
b9
b10
b11

DETAIL

b12
b13
b14
b15
b16

ROLE

  • Solo work

Knowledge UX Jobs at Google for Brooklyn Beta 2014

Lab, Projects | October 13, 2014 | Comment

BOUNCING BALL PROTOTYPE

WEBSITE

DESIGN

a1
a2
a3
a4
a5
a6

DESCRIPTION

A responsive website to submit a job opportunity to Google UX team for Brooklyn Beta 2014. It’s a simple website but we want to make something fun and interactive, so added a bouncing ball that you can tap or click, and it explodes with the Material Design circle effect. I’m using HTML5 Canvas drawing and it works well on mobile and tablet.

ROLE

  • Lead Developer