Side Project

Project Hiut

Goal

Explore Korean alphabet, Hangul as a form of art rather than a systematic language

hiut2s

Background

Goal

How can we make people interested in Korean alphabet, Hangul? A question 'how Hangul would look like to the foreigners?' crossed our minds. We figured out how people perceive Hangul as a form of art rather than a systematic language; Lines, dashes, and dots.

hiut

UX Concept

Make your name in Korean

View in Behance

Idea

The first step you get to face when learning a new language would be writing your name in its language. Project Hiut allows people to easily make their names into the Korean alphabet and experience the language in an enjoyable way.

Since Hangul can be seen as an assembly of graphic shapes, we designed various Hangul-customized interactive motion filters. Through playing with those interactive design system, users can experience the beauty of Hangul.

Interaction Design

Hangul in Motion

View Project

Idea

Hangul in Motion is the second project of Project Hiut which explores the vividness of the Korean Alphabet. This time, we wanted to explore it more by assembling and disassembling each letter from the shape level and giving them movements.

We wanted to launch Hangul in Motion on the web. I tried a few different javascript animation libraries such as anime.js, p5.js, and two.js to find out which fits the motion design that we created and provides the best user experience in the performance aspect.

hangulA
hangulC
hangulFUll

Term

  • 2018.07 - 2018.10
  • 2019.04 - 2019.06

Task

  • Project Lead
  • Interaction Design
  • Frontend Development

Tools

  • Sketch
  • Illustrator
  • Framer X
  • Framer Classic
  • HTML
  • CSS
  • JavaScript

Credit

  • Jinjae Lee
  • Eiyeon Kim
  • Kiree Kim
  • Eunju Lim
  • Yunjeong Ha