Work  //  About



1. the study of flags.

Front-end, jQuery, Adobe XD

Core: Interaction

How might we create an interactive and responsive online collection? And what is the final takeaway?


At the early stage, I brainstormed things that I would find interesting in creating an online collection for. However, the thing to keep in mind was that there has to be some sort of key takeaway – something new the user would learn or realize, or a new perspective of something.

Brainstorm sketch.

General ideas included: Passports, Money, Websites, Languages, Flags etc.

I came to the decision of exploring flags as I was reflecting upon my own personal life experience.

As a Chinese Malaysian growing up in Kuala Lumpur, I never felt out of place despite being the minority. It wasn’t until I became an adult and moved to Hong Kong that I then realize what being the majority was like, and to realize who I really was.

This led me to contemplate over the quote:

“Habituation leads to oversight in detail”

What does the stripes on my flag mean? What do the stars mean? Do two stars from different flags symbolize the same thing? 

Final Design

So, to ignite curiousity revolving around vexillology, here’s the collection:

Try it out here!

The website showcases multiple flags, all broken down into elements such as: fesses, pales, moon, star, sun etc. Users can toggle on and off to compare among other flags. When one clicks on a flag, it leads them to a World Factbook created by the CIA.

© 2018 Jonathan Haojaq Kho
Instagram  //  LinkedIn  //  Email  //  Résumé