스테이지 전경

미믹이 던전에 들어온 용사들을 공략하여 스테이지를 클리어하는 액션 퍼즐 게임. 단순한 게임 방식에 어울리는, 고전적인 픽셀아트와 등각(쿼터뷰)으로 디자인되었다. 본 게임의 주인공인 미믹은 지하 던전에서 오래 있었던 까닭에 지상의 모습을 보고 싶어하는 평범한 약체 몬스터다. 그저 움직이거나 종이박스에 숨거나, 보물상자로 위장하는 것이 주인공이 할 수 있는 전부다. 혹은 던전의 가호를 받아 각종 트랩으로 용사들을 유인할 수도 있을 것이다. 그러한 요소들을 활용하여 던전과 미믹의 입장에서 '불청객'일 수 밖에 없는 용사들을 피해 한 칸씩 한 칸씩 미믹을 지상으로 향하게 하는 것이 이 게임의 목적이다.

미믹 : 대기모션 및 기본 이동모션

용사 : 공방일체로 이동하는 모션

D3 V3로 구축한 선 그래프. 들어오는 데이터의 숫자가 많을 수 있기 때문에 Zoom, Pan 기능을 기초로 제작되었다. 카테고리의 양이 폭발적으로 늘어날 수 있는 가능성도 있었기 때문에 그래프 필터를 추가하고, 데이터가 필터링되면 해당 필터링을 기준으로 선과 Y축을 새로 렌더링한다. UX 관점에서 그래프를 Zoom, Pan 할 경우 전체 모습을 조망할 수 없다는 단점을 Brush를 추가해서 극복하고자 했다. 덧붙여 모바일 기기를 위해 768px을 breakpoint로 잡고 창이 리사이즈 되면 그래프를 새로 렌더링하여 반응성을 고려하였다.

빅데이터 마케팅 솔루션을 제공하는 컨셉터스의 공식 홈페이지.

현재 수익모델을 가지고 있고, 여러 중견 업체와 미팅을 진행하고 있기 때문에 흔히 떠올릴 수 있는 밝고 진취적인 스타트업의 이미지보다는 비지니스 업체임을 강조한 무거운 느낌의 컬러 팔레트로 구성했다.

모바일 디바이스에서 반응성. 중요한 컨텐츠만 간결하게 보여주는 레이아웃에 더해 터치 디바이스에 어울리면서도 자연스러운 UI를 갖추도록 디자인했다.

Pure css는 아니지만, 아주 가벼운 플립 카드 UI. 플랫한 느낌으로 디자인.

프로바이오틱스 VSL3가 운영한 소셜 네트워크 채널의 각종 컨텐츠 디자인

연상 카드를 이용하여 문제 상황을 만들고 이야기를 이어 나가며 해결하는 게임이다. 연인들은 이 과정을 통해 두 사람이 같은 상황을 어떻게 다르게 이해하고 이야기하는지 알 수 있는 동시에, 서로가 아직 겪지 못한 일들에 관해서도 생각해 볼 수 있는 기회를 가질 수 있다.

10개의 장소 카드, 8개의 감정 카드, 8개의 행동 카드로 문제 상황을 조합하고 50개의 사물 카드를 사용해 이후의 문제를 해결하거나 만들어나가게 된다. 각 카드를 자유로운 연상을 위해 디테일을 최대한 생략하고 픽토그램 형태로 디자인했다. 특히 장소 카드는 연인들이 자주, 함께 있는 공간으로 설정했다. 게임 진행에서 재미 요소 중 하나인 우연성을 부과하기 위해 연인들의 대화 중 드물게 등장하는 단어들도 고려되었다.

보드게임 중개업체 누리노리의 브랜드 디자인

컨셉터스 명함 디자인

빅데이터 마케팅 솔루션 빅버드 총괄 디자인. 진행중인 프로젝트라 자세한 디자인은 미공개.

기획팀의 인사이트를 위한 웹 플로우차트

풀무원 직화짜장의 인스타그램 이벤트용 캐릭터 디자인 및 드로잉

간단한 경매입찰방식의 보드게임 제작을 위한 드로잉

원본 크기로 보기

포트폴리오 사이트의 배경을 위한 픽소라마(pixorama, pixel art + diorama) 제작.

2016년 당시 집에서 쓰고 있는 책상 위의 모습을 하나의 도시로 상상하여 그렸다. 선물 받은 물건들과 내가 듣는 음악, 취미생활, 동아리 활동, 그리고 전공과 하는 일들을 비롯해서 이용하는 교통수단에 이르기까지 모든 것을 픽소라마 곳곳에 배치하기 위해 노력했다.

포트폴리오 사이트 등, 다양한 곳에서 활용하고자 제작한 퍼스널 로고 디자인.

영문 이름인 Jeong Hyeon-jin의 앞글자인 J와 H를 기초로 했다. 1픽셀을 상징하는 정사각형에 H를 배치하고, 남은 공간이 자연스럽게 J를 나타내도록 디자인되었다. 그 상태에서 좌하단으로 각도를 살짝 틀어서 단조롭지 않고 약간의 재미를 느낄 수 있게 의도했다.

로고의 바리에이션.

아무것도 없는 육각 도형은 만들어지기 전의 하얀 도화지, 즉 아이디어를 꺼내는 과정인 컨셉(concept)을 뜻한다. 중간에 있는 로고는 포토샵이나 일러스트레이터에서 볼 수 있는 path를 모티브로 디자인(design)을 상징하며 마지막의 완성된 로고는 컨셉과 디자인을 최종적으로 사용자에게 전달하는 코딩(markup, coding)을 의미한다.