Jamie's Portfolio

Page 1



Index

MyCompanion

5

POPCLOCK

11

Avalanche

17

Nuganic

23

Misc.

29

Mobile Application of developing new technology - planning & design

02

Alarm app collaborate with reward system - planning & design.

03

The new fashion brand introduction movie - planning & design.

04

The new cosmetic brand website - planning & design.

05

Other works.



01 myCompanion

GUI Design & Introduction Flim Directing 2013. 06. - 2013. 09.


MyCompanion

The project, “myCompanion” collaborated with some universities such as Soongsil University. “myCompanion” was a mobile application based on studying users patterns such life style, user’s need and consumption pattern. Therefore, by using this application it is available for users to get more effective feedback from their lives with analyzed massive user’s data. During the project, the hardest part was to make lower and lighter file as application with massive user’s data.

Logo

It based on the idea that one app has included lots of technologies. They’ve divided these technologies each function placed under the category by colors. After that we made up these images as an edge, give shape to a polyhedron logo. When a designer made an application design, thing is the right page for each technology, the part that should be emphasized and usability. Furthermore Mycompanion app is a collaborative research project. So we focused on to show people visually and completely about the technical realization.

6


Color pallete

Fonts

7


Application design

This application has integrated with various technologies, which were developing by each university. You can check every detail of functions by using sidebar. Main interface shows us current location’s weather, time, 3 places of predictive destination.


r

ba

e Sid

ge

a nP

i

Ma

n

io rat

ist

ce

g Re

on ati

rm nfo d i d. n a e me ter Na egis r are

Pla

ionictive p

Pre user’s

e tim nt d. e s e pre ter At egis r are

e

ov

om

t dic

e lac

ry

ve

of

e

lac

np

e oft

t ces

la

red

p

P

on

ati

oc el

h dt an e im ed. r gt nin giste n u e r r s re p’ ap ps a rite is ap es o v ori Fa se th cal e u v i to act . th, stics a p i o, stat og y t ck by a w e ns he n ch tio ow a st rta s kn er’ on c o s U so sp et u l ran d t t so It an n l e r a r cu nd us n a re. ed atio the w t n o sh desti o ge ils. can tive kes t p ma p dic t ta e a i s e gh thi e pr oes ou d th thr s to long le w du ho che s c ti ma uto a ing ist rat yl ne e db G e i f ssi cla ve a h ule ed h c ds ere ist . g e es er i Th riorit p of

s

te

p Ap

ri vo

Fa

ry

ty ivi

a mm

Su

t

Ac

ion

s

Bu

t Sta

ier

le

u ed

f oti

N

h

Sc

r

ge

Sc

he

le du

M

a an


Introduction movie

This project is a national research project. Every year this project team has to announce about result of all research. I was producing the operating video for that app. The thing is simplicity and a straightforward process.

10


11



02 POPCLOCK

Application Concept & UI Design 2014. 05. - 2014. 08. Avalable in Google Playstore


POPCLOCK

Popclock application is kind of an alarm app. At the same time, it is an advertising flat form too. Advertiser can advertise their contents to users. Users could use as an alarm function, with goods that advertiser’s provided by this app.

Logo

It based on a normal clock form. And I’ve picked friendly color like bright tone for each circle. I used them for the point of time. I wanted to design this application’s icon get to know easily what it is even glance it at once. Title font is thinner one to give people a light feeling. And on the body text, I’ve picked the “NanumBareunGothic” font for user’s readability.

14


Color pallete

#4

fc1e95

ac1a6

Fonts

15

f26c53

ea5463

8bd2d5


Application design

At the planning of this application’s design, it’s considered ease. I tried to make that more simply and easy to use for everybody. And I designed list form with flexible slide form on the body page for easy to move from the present to the past page.




03 Avalanche

Introduction video Planning & Design 2014. 09. - 2014. 10.


Avalanche

Avalanche is a new apparel brand. Lotte department store, Parsons, Iriver have worked together as collaborative partners. On November one day, 2014 they are going to launch this brand. It’s going to be a new collaboration than the others. Iriver’s high technology and Parson’s wearable design have collaborated perfectly. Their winter jacket is light. But worm enough. The secret is inner hitting system with a portable thermostat

Design planning

Avalanche wants to be a luxury apparel brand. So I focused on the jacket’s special functions and details. I explained that simply and slowly as much as I could.

20


Design & Directing

I choose 3D animation for smooth movements. Also I’ve divided each part of explanation under the scenario frame by frame gracefully.

21



04 Nuganic

Website Concept & Design 2012. 06. - 2012. 10.


Nuganic

This is a micro website for cosmetic brand Nuganic. Nuganic is a new organic brand. Their flagship products are nature friendly fundamental cosmetic line. The client wants me to build their website with special images to fit in as a new brand.

Design planning

When I was designing this website, I had to choose green based color for nature friendly image. After that, over the folded paper picture image I set up on calligraphies, some watercolor paintings and hand drawing objects to give people the smoothness.

24


Design

Over the folded picture image, I set up each keywords ‘N, U, G, A, N, I, C’. When user clicked that keyword, it brings user to detail page. Each keyword has different meaning. After clicked that keyword, user can move to the other detail page by using tags which are right side of the website too.

25


Background artwork



05 Misc.

Other works 2012. 01. - 2014. 11.


VIDSTUDIO

My own company. 2013.


Doosan We’ve Cable TVCF Cable TVCF - Design 2012. 04.

plan+Otaru Japan travel magazine - Design

2013. 09. <Avaliable in bookstore>

Millet Shoes Introduction movie

Millet new shoes introduction - Storyboard & Design 2012. 12.

30


Seoul Institute of the Artsarts website Seoul Institute of the Arts Draft design - Design 2013. 09.

31


Samsung MySingle introduction movie Introduction movie in exhibition - Design 2011. 12.

TheFootShop website

Thefootshop website renewal - Directing & Design 2011. 09.

32


Opito

Personal Typography project - Design 2011. 02.

사람이 자연을 돕는 프로젝트

사람의 손으로 자연의 순환을 만들다 사람들 때문에 자연의 순환이 파괴된다는 것을 역설하다. 긍정적 도움.

설치 인터랙션 작품

사람들 때문에 자연의 순환이 파괴된다고 사람들은 말하고 다닌다. 자연의 순환이 사람의 개입으로 인해 우리가 살아가는 자연은 파괴되고 있다는 것이다.

GGD Graduate Exhibition Book

사람이 자연의 순환을 긍정적으로 만들 수는 없을까. 그래서 난 사람으로 하여금 긍정적인 자연의 순환을 표현하려 한다.

Graduate exhibition of Game Graphic Design. Hong-ik Univ. - Directing & Design 2010. 10.

나무와 꽃이라는 매개체를 통해 앙상한 나뭇가지에서 꽃이 피고 다시 지는 순환의 과정. 연못과 얼음이라는 매개체를 통해 얼어있는 연못이 녹아 물고기가 돌아다니는 환경과 다시 찾아오는 겨울. 땅과 민들레라는 매개체를 통해 땅에서 풀이 자라나고 민들레가 피어 홀씨가 흩날리고 다시 돌아가는 과정. 이 3가지의 순환을 통해 사용자가 직접적으로 환경에 개입하여 순환의 과정을 체험하고 그에 따른 감성을 얻는 것이 이 프로젝트의 목적이다.

사람들은 물을 준다는 행위를 통해 자연에 접근할 수 있다. 설치 인터랙티브 미디어 작업으로서 대형 스크린을 설치 하여, 사용자가 디스플레이 된 분무기를 들게 되면 인터랙션 시작. 랜덤하게 3가지의 순환중 하나가 선택되어 사용자가 화면에 가상의 물을 주는 행위를 하게 되면 그에 따라 화면 안에서는 자연의 순환이 이루어지게 된다. 행위의 횟수에 따라 반응은 단계별로 나타나게 되며, 행위를 그만둘 시 일정 시간 후 처음의 상태로 돌아가는 순환을 가진다.

Graduation work - Nature

To introduce Graduation work poster - Design 2010. 05.

33


Thank you.




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.