Showing my work at Google I/O 2014

Projects | June 25, 2014 | 7 Comments

As a member of the Google team, I am honored to have been involved in a number of confidential projects. However, I am able to share details of one project in which I played a significant role. Upon my arrival at Google, there was an initiative underway to update the company’s website with a new design incorporating Material Design principles. One major challenge that arose during this project was ensuring smooth animation on mobile browsers, as animating most HTML elements on mobile devices is not always seamless. Avni Shah, a speaker at Google’s I/O conference, even noted that this task was considered impossible just a year prior.
 
In response to this challenge, I developed a novel solution to enable 60fps animation for mobile web. Through the creation of various prototypes, I was able to demonstrate how this approach could be used to achieve visually pleasing animations and user interactions. My demonstrations received widespread acclaim and had a significant impact on the animation capabilities of the Google mobile website.
 
Linus Upson, the Engineering Vice President, even highlighted my work on his G+ profile. My approach quickly gained recognition within the company, resulting in numerous bonuses and increased attention from the Chrome team. As a result of my contributions, I am now considered an important member of the team responsible for the next generation of the Google website, and my work has become a standard for mobile animation within the company.
 
Working on Google search is an incredible opportunity, and the chance to showcase my work at a major event such as Google I/O was a truly amazing experience. I am incredibly proud of my contributions and excited about the future of Google website.

DDANGA

Projects | February 6, 2014 | 7 Comments

RUNNING ON IPAD

SLIDE SWIPE PROTOTYPE

SLIDE ONLY ITEMS IN VISIBLE AREA

ICON DESIGN

iCON_noline_blog

WEBSITE DESIGN

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

CMS

b1
b2
b3
b4
b5
b6

DESCRIPTION

DDANGA is the portfolio website of Interactive/Mobile/UI Designer Sanghee Cho. The website is designed with a concept of a flowing gallery, and the interaction was implemented to reflect this concept.

In keeping with the minimal design, I placed a significant emphasis on the movement to enhance visual detail. Additionally, I incorporated interactive elements such as a wave-shaped background fill and 3D rotation of round icons upon clicking on thumbnails, in order to seamlessly blend with the background colors. The backend of the website was built using PHP and includes a content management system to facilitate ease of updates.

Technologies & Tools

  • JavaScript
  • PHP
  • CSS3
  • HTML5
  • Canvas
  • Animation
  • Interaction

RELATED PROJECTS

  • +Sticker.js
  • +Heroes!

AWARDS

  • +19th Webby Awards, Official Honoree – April 2015
  • The FWA, Site of the Day – March 2014
  • The FWA, Mobile of the Day – March 2014

PRESS

  • +W.E.B Vol. 177 – September 2014
  • +CA Korea – April 2014

ROLE

  • Designer : Sanghee Cho
  • Developer : Jongmin Kim

Sticker.js

Lab, Projects | February 4, 2014 | Comment

SITE

atickerjs

DESCRIPTION

Sticker.js is a Javascript library that allows you to create a Sticker Effect.
No dependencies (jQuery not required) and MIT License.
Inspired by Sanghee Cho’s Heroes Project.

Technologies & Tools

  • JavaScript
  • Interaction

RELATED PROJECTS

  • +DDANGA
  • +Heroes!

ROLE

  • Solo work