[Speaker] Making Smooth Animations for Mobile Web

Press | December 15, 2014 | Comment

SLIDES

SPEAKER

  • Google, Mountain View - December 2014

The FWA Hero Medal

Awards | December 14, 2014 | Comment
hero
IMG_3095

There was an All Hands meeting for Knowledge UX team at Google last week, and I won the Most Innovative Person of The Year Award. Bobby, who is a director at UX team, called my name and I stepped up to receive the prize. Then suddenly he explained about the FWA, and gave me the medal. I was very surprised, because I never expected to get this medal at the UX team meeting. Thanks Bobby, Alex(my manager) and Rob(founder of FWA)!

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