Material Interaction

Projects | December 9, 2014 | 2 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.
 
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.

CREDITS

  • 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

CREDIT

  • 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.

CREDITS

  • Interactive Developer : Jongmin Kim
  • © Google