Be a Boot Camp Hero! (Game)

Keywords: Game, Processing, Pixel Art, Bootcamp, Character



Presentation <<-


Design Process

Idea Sketch

Code-game-idea-for-final.002-1000x750 (1)Code-game-idea-for-final.005-1000x750

Character Design (Pixel Art Style)

Screen Shot 2015-11-17 at 5.58.54 PM

Game Objects

Screen Shot 2015-11-17 at 5.58.45 PM

Final Game


User Testing




Salad Is Beautiful

Keywords: Food, Synesthesia (Color and Taste), Web, Branding, Data Visualization, Infographic,  Javascript, Illustration


“Salad Is Beautiful” is one of my projects for Boot Camp final.


Design Process

Idea Sketch


Domain Mapping to Classify ingredients.

Screen Shot 2015-11-17 at 5.59.25 PM


Website Design



Ingredients – Data Visualization

(If you hover each color potion, you can see the name of the ingredient.)





Screen Shot 2015-11-17 at 5.59.14 PM


Screen Shot 2015-11-17 at 5.59.03 PM


Make Your DIY Salad!

JQuary UI and Instagram API

: Make your DIY salads by dragging each ingredient!

Screen Shot 2015-10-05 at 5.22.08 AMScreen Shot 2015-10-05 at 5.22.05 AM





[Design] Idea sketch for Final

A Mobile Web (or App) for Salad Recipe. <- click to view slides

I’ve been interested in healthy eating for well-being life and I enjoy making salads by myself.

For this design project, I would like to combine a kind of data visualization (infographic) with a mobile web. So, I want to make a mobile web that shows graphic salad recipes by visualizing ingredients, nutritions.

By considering user experience, the UX & UI design will be simple, connecting with each recipe and dividing by major ingredients.



below is a brief class of ingredients for arraying the recipes.

– Fruit/vegi/dressing/beef,fish/cheese/nuts,grain/ETC

-> I’m gonna make each web page of this elements.


[Dork Shop] Data Visualizaiton

Ex) Pichslam, Tumblr Network

Tool: D3.jsSigma.js /Gephi

Getting the data

Data sets (json, csv, tsv, xml, geoJSON, kml, etc.)


WEB Scraping.


Web Scraper –Scrapy / Apache Nutch / / Beautiful Soup (Phython)


Maps (for web) : cartoDB / leaflet /mapbox