Works

Solving design problems and creating delightful experiences based on empathy and a wide range of experiences from 2D to 3D/Mixed Reality, from consumers to developers & creators


AR/VR/MR/XR EXPERIENCE DESIGN

MICROSOFT | 2015 – PRESENT

At the Mixed Reality Design team, I lead the design effort on the developer & creator ecosystem experience for Mixed Reality, focusing on the open-source project MRTK. I work closely with colleague technical designers and the engineering team to build and share the crucial 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 that 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.

Focus Areas
• Mixed Reality Toolkit (MRTK)
• Mixed Reality Design Labs (MRDL)
• Mixed Reality Documentation
• Common UX building blocks
• Mixed Reality Tutorials
• Design/Developer Evangelism
• Partner Company Engagement
• Internal & External Tools Design

HoloLens 2 Developer Experience

Designing coherent developer & creator ecosystem experiences for Microsoft HoloLens 2 and Mixed Reality platforms.

2018 – Present

Mixed Reality Toolkit (MRTK) v2

An open-source project that provides a cross-platform input system and UX building blocks for Mixed Reality’s common spatial interactions and UI.

2018 – Present

MRTK3 Public Preview

The third generation of Microsoft Mixed Reality Toolkit for Unity

May 2022

MRTK Figma Toolkit & Figma Bridge for Unity

Design toolkit for designers and creators which provides HoloLens 2 style UI controls

May 2021 – Present

Mixed Reality Documentation

Designing and authoring Mixed Reality documentation for various types of user journeys and scenarios

May 2016 – Present

MRTK Examples Hub

HoloLens app which allows developers and general users to experience MRTK’s example scenes

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

Common Controls for Mixed Reality & MRTK v1

Designing initial set of common spatial interactions and UI controls for Mixed Reality based on empathy for creators

2017 – 2018

MR Community Engagement & Design Evangelism

Activities on mixed reality developer and creator community engagement

2016 – Present

Periodic Table of the Elements for HoloLens

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

2017 – Present
Holo Sketch

HoloSketch for HoloLens

Spatial layout and UX sketching tool for HoloLens

Mar 2018

Holographic Weather App with Bing 3D Maps

Widget-style holographic object built with MRTK + Bing 3D Maps SDK + Open Weather API

Dec 2018
Mixed Reality Tutorial

Motion Controller Tutorial for Windows Mixed Reality VR

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

2017

HoloLens 2 Display Calibration Experience

A settings application that allows the HoloLens 2 users to adjust the color characteristics of the display for better quality

May 2021


PERSONAL PROJECTS

Type In Space

Type In Space for HoloLens 2 – 2019
Type In Space for HoloLens 1 – 2017

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.

[External Link – Medium article]

Dec 2019, Aug 2017

COVID19 Data Visualization

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.

[External Link – GitHub]
Video: https://youtu.be/mN7VM2h41_w

Apr 2020

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 engineers, program managers, and user researchers to design the best content consumption experience for Microsoft’s MSN/Bing Apps on various platforms – News, Weather, Sports, Finance (Money), Travel, Health & Fitness, Food & Drink apps for Windows, iOS, Android, and web. In a small design team of 5-10 people, I was responsible for the entire design process – ideation, sketching, prototyping, information architecture, navigation, data visualization, interaction design, visual design, and branding.

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

Focus Areas
• Visual design
• Interaction design
• Information architecture
• Navigation
• Common UX
• Motion design
• Prototyping
• Design integration

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.

[External Link – Website]

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

[External Link – Website]

Version 4.0 Published in Feb 2019


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

Author, Best-selling iOS programming book in Korea
[External Link – Website]

2012 | 2nd Edition

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

Author, Best-selling iOS programming book in Korea
[External Link – Website]

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 style game for kids
[External Link – Website]

2015-Present
SurviBirds

SurviBirds

Casual 2D game with physics engine
[External Link – Website]

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