graphic designer | ux & ui designer illidan kim · pdf filevisual portfolio illidan kim...

14
Visual Portfolio illidan Kim [email protected] 647-850-5279 http://hyunsookimca.dothome.co.kr/ Graphic designer | UX & UI Designer

Upload: ngodang

Post on 04-Feb-2018

233 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Visual Portfolio

illidan Kim

[email protected] 647-850-5279 http://hyunsookimca.dothome.co.kr/

Graphic designer | UX & UI Designer

Page 2: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Web Magazine

For desktop design

For mobile responsive Design

This is a simple web magazine which is aboutintroducing some hot places with nice pictures andarticles in Toronto.

In design process, I focused on how to look it like aprinted magazine.

In this work, responsive design was considered.

When user click the menu icon on the top rightcorner, first navigation menu is expanded to down.If user click any item in the first navigation, secondnavigation menu is shown below the firstnavigation.

WebDesign | design mock-up

Page 3: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Cmart community website~ Community web site for local area & convenience store

Design for local convenience store

The design concept in this project is “A portalwebsite" that must be simple and had essentialcommunity contents on it.

First I set 3 sections which classified, Blog that areprovide by user. Second, I considered how to holdusers attention. So, I added TV/video, latest newssections and several image banners. All thecontents in each section are worked for buildingcommunity.

Active samplehttp://mycayuga.cahttp://koreantown.ca

WebDesign | design mock-up

Page 4: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Game UI of Project “Poporu”

UI/UX Design | Game UI

Sever Select UI

Game room UI

Lobby UI

tournament progress UI tournament Result UI

The concept of ‘The Poporu’ was from an arcadecenter. Basically, Poporu was developed using anarcade game emulator(Mame) and was workingon the online environment.

I spent many time mostly provided in-game UX &UI which contained the related system.

Especially, Character card system shows eachuser’s profile through a digital trading card in thePoporu. Each card has different design because itis planned to collect and trade. In 2004, usingtrading card instead of an avatar as a gameplayer was not popular in the game environment,so this idea was kind of the challenge. However,it worked to our game user and they loved it.

Page 5: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Game UI of Project “Puppy On”

Puppy On’ is an on-line community game thatgame player raise their own dogs in the game.Game players can do everything in the virtualworld which is called ‘Kanis Town’ with their owndogs.

My role in this project was mostly focused ondesigning in-game play contents. However, I alsospent many time to providing in-game UX & UIwhich contained the related system.

UI/UX Design | Game UI

Main UI

Inventory UI

Page 6: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Civil war

This illustration is from the one of my favouritemovie “Captain America Civil war.”

When I watched this scene, I immediately decided topaint it by my own style.

Working process1. Rough sketch (pencil)2. Digital inking and painting (Illustrator)3. Providing environmental effects (Photoshop)

Illustration | digital illustration

* Original pencil sketching and painting by illidan Kim

Page 7: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Gag Character Design

Illustration | digital illustration

Both characters have different personality. The horse is lay-back anddumb. On the other hand, the master is clever and peaky.

I tried to express their characteristics on their face, so I made the horse'seye slanted. Also I gave bald and angry eyes to the master.

* Character design, Original pencil sketching and painting by illidan Kim

Horse

Master

Page 8: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Carmen Sandiego~ Digital inking

Illustration | digital illustration

* Original pencil sketch by Max Dunbar

Inking

Coloring

Page 9: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Website menu icons Design

Illustration | Icons Design

Global Immigration company

Menu iconsFor an immigration website

* Commercially used

Toronto Full of Joy Church

Menu iconsFor a Korean church website

* Commercially used

Page 10: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Bell advertising campaign

Simply designed using images, logos, texts with astraight curved line.

Also, I used only 4 colors (White, Black, Grey, BellBlue) for this work to emphasize the Bell’s image.

Advertising Design | ads campaign

Page 11: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Commercial Advertisements

Various concepts and sized banners for thediverse customers

* All banners are commercially used.

Advertising Design | commercial ads

Page 12: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

Bop Fosse

It is about the legend in the jazz dance history"Bop Fosse.“

I used black and white as the main colors becausethese two colors are the best to express the imageof JAZZ.

I also used some vivid colors which as well known'Bop Fosse's color' to emphasize him.

Published Design | pamphlet

Page 13: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

“Monthly Market”~ Monthly newspaper for Korean business community

Establishing 32 pages newspaper using InDesignfrom start to finish was a big challenge for me.

In the project, I had to provide most banners andarticles by myself because there was only onegraphic designer in my company. I learned how tomanage working time in the tight schedule fromthis work.

Published Design | editing & establiching

Page 14: Graphic designer | UX & UI Designer illidan Kim · PDF fileVisual Portfolio illidan Kim illidanKim@gmaiil.com 647 -850 5279   Graphic designer | UX & UI Designer

[email protected] 647-850-5279 http://hyunsookimca.dothome.co.kr/

About this symbolThis symbol describes me as a graphic designer.When people play video game, they freely move the game player through the lever (in the game controller).

The lever means that I have flexible idea which can be moved any direction like a game player.

When people draw something on the paper, they use a pencil. Also a pencil makes something out of nothing by a creator. The pencil symbolizes that I am a creator who can design with creative idea using a pencil.