Works

AR/MR/VR EXPERIENCE DESIGN

MICROSOFT | 2015 – PRESENT

At the Mixed Reality Design team, I am leading the design effort on the developer & creator ecosystem experience for Mixed Reality, focusing on open-source projects. Our team is working closely with the engineering team to build and share the building blocks of the common spatial interaction patterns and UI controls for Mixed Reality.

As a designer who has an engineering background and published many apps on various platforms, I have deep empathy for the developers and creators. With this, I help the team integrate and realize the design vision by polishing the visual and interaction design of the controls, creating example scenes to demonstrate the building blocks, and writing design & technical guidelines. I enjoy every moment of my work as a designer who can connect design and engineering.

Mixed Reality Toolkit (MRTK) v2 for HoloLens 2

MRTK is an open-source project that provides a cross-platform input system and UX building blocks for Mixed Reality’s common spatial interactions and UI. Through a lot of design & development iterations with the Mixed Reality community and industry partners since 2016, MRTK became the industry-leading toolkit for creating MR experiences.

2018 – Present

Mixed Reality Documentation

Designing and writing Mixed Reality documentation for various types of journeys and scenarios – Design, Development, Tutorials, and Deployment

May 2016 – Present

MRTK Figma Toolkit & Figma Bridge for Unity

MRTK Figma Toolkit provides 2D versions of the HoloLens 2 style UI controls which can be used for creating UI layouts and storyboards

May 2021 – Present

HoloLens 2 Display Calibration Experience

The color calibration allows the HoloLens 2 users to adjust the color characteristics of the display for better quality

May 2021

MRTK Examples Hub

Developers and creators can experience MRTK’s example scenes without building and deploying each scene

May 2020 – Present
HoloLens 2 Partners

HoloLens 2 Launch Partner Projects

Showcase projects for HoloLens 2 announcement at MWC 19 Barcelona

Feb 2019
MRTK v1

MRTK (Mixed Reality Toolkit) v1

Open-source mixed reality building blocks for common spatial interactions and UI controls

2017 – 2018
MRDL

Mixed Reality Design Labs (MRDL)

Design team’s open-source project for sharing experimental sample apps and examples

2017 – Present

Periodic Table of the Elements

An open-source sample app for HoloLens and Windows Mixed Reality immersive headset

2017 – Present

MR Community Engagement & Evangelism

Activities on mixed reality developer and creator community engagement

2016 – Present

Holographic Weather Cube with Maps SDK

A holographic weather app made with Bing Map’s 3D data and Open Weather API

2019
Holo Sketch

HoloSketch for HoloLens

Spatial layout and UX sketching tool for HoloLens

Mar 2018
Mixed Reality Tutorial

Motion Controller Tutorial

Tutorial for Windows Mixed Reality’s 6-DoF Motion Controller

Feb 2018


PERSONAL PROJECTS

Type In Space for HoloLens 2

The new version of Type In Space for HoloLens 2. The project started from scratch with MRTK v2 to support HoloLens 2’s fully articulated hand tracking input. Wrote a story on designing & developing Type In Space to share the learning and insight with the community.

Dec 2019

COVID19 Data Visualization

Experimental COVID-19 Data Visualization for HoloLens 2 with MRTK. This project explores how volumetric data can be represented in physical space with direct hand-tracking inputs in mixed reality using HoloLens 2. Published the project on GitHub.
Video: https://youtu.be/mN7VM2h41_w

Apr 2020

Type In Space (HoloLens 1)

Type is beautiful in HoloLens. With Type In Space, you can lay out and experience text in the real-world environment. Two-handed gesture gives you an intuitive way for scaling and rotating type. Snap to surface feature lets you lay out text on the physical surface with spatial mapping. You can control various properties of the type such as font, color, and rotation axis constraint. Since you can view the type from different angles, you can use this for designing architectural signage, book cover, or logotype.

Jul 2018

Typography Insight for HoloLens

Typography Insight for HoloLens

Toolkit for spatial type layout and reference

Sep 2016

Holographic Type Sculpture

Large-scale holographic type composition

Oct 2016

News Space for HoloLens

News Space for HoloLens

Spatial news headline visualizer

Apr 2017

Museum of Type

Virtual museum for Type for Windows Mixed Reality

Nov 2017

Star Wars VR painting with Tilt Brush

Tilt Brush VR artwork received Steam Community Award

Jan 2017

Dragon Ball Z – Freeza with Tilt Brush

Tilt Brush VR painting

Jan 2017

2D UX DESIGN

MICROSOFT | 2011 – 2015

As a UX designer, I worked with program managers, engineers, and user researchers to achieve the best content consumption experience for Microsoft’s MSN/Bing News, Weather, Sports, Finance(Money), Travel, Health & Fitness, Food & Drink apps for Windows, iOS and Android as well as MSN.com. In a small design team of 5-10 people, I covered the entire design process – ideation, sketching, prototyping, information architecture, navigation, data visualization, interaction design, visual design, and branding.

As a designer who has engineering experience, I established a deep collaboration relationship with the engineering team and drove hands-on ‘design integration in the production phase to achieve the pixel-perfect design. By several media, These app suites were considered as the best Windows apps that showcase Microsoft’s new ‘metro’ design language with rich content and fluid user experience.

Sports App for Windows 8

Metro-style default app suite for Windows 8

Sep 2011 – May 2012
MSN Finance

Finance App for Windows 8

Metro-style default app suite for Windows 8

Sep 2011 – May 2012
Sports Windows Phone 8

Sports App for Windows Phone 8

Metro-style default app suite for Windows Phone 8

May – Aug 2013
MSN HnF

Health & Fitness App for Windows 8

Metro-style default app suite for Windows 8.1

Jan – June 2013
HnF Windows Phone8

Health & Fitness App for Windows Phone 8

Metro-style default app suite for Windows 8.1

Dec 2013 – Feb 2014
MSN iOS

MSN Apps for iOS and Android

MSN app suite for cross-platform devices

May – Dec 2014
MSN Windows10

MSN Apps for Windows 10

In-box apps for Windows 10

Jan – June 2015

MSN Web Experience

Design update for MSN Web Experience

Oct 2013 – Mar 2014

Windows Bridge for iOS

Microsoft open-source project – iOS bridge solution

Oct – May 2015

PERSONAL PROJECTS

Typography Insight

Typography Insight is a toolkit for learning & teaching typography, designed for those who love type. You can learn about historically important typefaces, observe and compare them. Since its launch in 2011, Typography Insight has been embraced by the design and creative community. Featured on Fast Company, The Atlantic, and Gizmodo. Listed No.2 in the Top Paid Apps (US App Store/Education), featured on App Store several times.

Version 1.0 Published in 2011

Typography Insight v4.0

Major design update to support iPad Pro, iPhone Pro series with dark mode, and Adobe Typekit support. Featured as App of the Day by Apple – March 2020

Version 4.0 Published in Feb 2019


iOS Programming Book – 도전! 아이폰 프로그래밍

Author, Best-selling iOS programming book in Korea

2012 | 2nd Edition

iOS Programming Book – 도전! 아이폰4 프로그래밍

Author, Best-selling iOS programming book in Korea

2011 | 1st Edition
Parsons School of Design

Parsons The New School for Design

Official brochure app for Parsons School of Design

2010-2011

Pori Fashion Show

Paper doll game for kids

2015-Present
SurviBirds

SurviBirds

Casual 2D game with physics engine

2013-2014
TwitKnoll

Twit Knoll

Experimental Twitter client for iPad

2010
EconomyPlusMinus

Economy +-

Interactive data visualization of the financial market and news data

2009
Type Explorer

Type Explorer

Interactive 3D timeline of the historical typefaces

2008