Blog
디자이너와 코딩하기
회사를 옮기고나서 새로운 시도, 프로세스, 사람들과 일을 하고 있다. 1년 정도 새로운 프로세스를 적용하면서 느낀바가 커서 관련해서 정리를 준비하고 있었는데 홍민희님이 있는 스포카에서 굉장히 비슷한 시도를 하고 이를 경험한 디자이너가 정리한 글을 봤다. 디자이너 입장에서의 글이 나왔으니 나는 개발자 입장에서 느낀 바를 정리해 보곘다. 도입 동기 "커밋 권한 없이는 아무것도 할 수 없다."라는 생각을 개인적으로 오랫동안 가지고 있었다. 변화를 추구하는데 그 변화를 다른 사람의 손을 빌어서야만 달성할 수 있다면 좋은 결과를 보기 힘 ……
work |2015-01-22 | Comments (5)
이케아 광명점
광명에 오픈한 이케아(IKEA) 매장에 갔다 왔다. 이케아 매장은 크게 쇼룸, 상품 진열 공간, 상품 픽업 공간으로 나뉘고 편의 시설인 레스토랑과 어린이 놀이방이 있다. 쇼룸은 집의 공간을 이케아의 가구로 꾸며놓은 곳이고 상품 진열 공간은 각종 상품을 마트처럼 나열해 놓은 곳, 픽업 공간은 패킹되어 있는 박스들이 잔뜩 있는 창고다. 쇼룸은 방, 거실, 아기방, 욕실 등에서 이케아 가구로 어떤 활용이 가능한지를 볼 수 있다. 타입별로 한두개 있는게 아니고 굉장히 다양하게 꾸며져 있다. 공간도 굉장히 넓다. 특히나 작은 방을 얼마 ……
life |2015-01-13 | Comments (4)
2014년 결산
올해의 가장 중요한 사건은 누가 뭐래도 둘째 예철이의 탄생, 무럭무럭 잘 크고 있다. 다음커뮤니케이션으로 회사를 옮겼고 그 회사가 카카오와 합병을 해서 다음카카오가 되었다. 개발 조직에서 다시 디자인 조직으로 돌아왔으며 올해는 5개의 페이지(후보vs후보, 세월호 72시간의 기록, 3분야구, 길냥이를 부탁해, 신해철 그대에게.)를 만들었다. 텐트와 캠핑 용품을 구매했고 가족들과 같이 캠핑을 즐겼다. 형이 태국에 갔고 아버지도 지방현장으로 출장을 다니신다. 연락을 많이 하고 살지는 않았지만 거리가 멀어지니 신경써야 겠다는 생각이 더 많 ……
life |2014-12-31 | Comments (1)
신해철 그대에게.
오늘은 신해철의 49재이다. 너무나 갑작스럽게 떠나버려서, 하지만 워낙 많은 사람들의 사랑을 받은 그였기에, 그의 음악 인생을 살펴보고 기록으로 남기는 취지의 '신해철 그대에게.' 페이지를 제작하였다. 신해철의 음악 활동을 시대별로 살펴볼 수 있다. 또한 음악 활동 뿐만 아니라 어록이나 각종 삶의 이벤트들도 같이 볼 수 있게 하였다. 타임라인 상단 영역에 그 시대에 대한 사용자의 의견을 남기고 보여줄 수 있게 하였다. 마지막 화면은 그를 기리는 동영상으로 마무리 하였다. 모바일 화면과 태블릿 화면도 반응형 웹디자인을 적용 ……
work |2014-12-14 | Comments (5)
길냥이를 부탁해
서울시와 함께 길고양이에 대한 이해와 인식을 제고하는 프로젝트인 "길냥이를 부탁해" 사이트를 제작하였다. 길냥이 사진과 스토리, 길냥이 분포를 공유함으로써 사용자들간의 커뮤니티를 활성화하고 서울시의 활동 내역도 쉽게 파악할 수 있게 하는 목적을 가지고 제작되었다. 그런데 문제가 발생했다. 서울시와 이러한 활동을 지지하는 단체, 이러한 활동을 지지하지 않는 커뮤니티 간의 의견 대립이 생겼다. 그래서 오픈도 연기되고 공청회도 열고 등의 활동을 한 것으로 알고 있다. 관련해서 할 말은 많지만 제작한 사람이 이러쿵 저러쿵 의견을 피력하 ……
work |2014-12-06 | Comments (2)
리얼 레이싱 3 - 포르쉐 919 하이브리드
요즘 리얼 레이싱 3(Real Racing 3)를 하고 있는데 여기 나오는 포르쉐 919 하이브리드(Porsche 919 Hybrid)에 대해서 간단히 정리해 보겠다. 일단 차 모양이 예사롭지 않은데 처음 이 차가 나올 때에는 로드 투 르망(Road to Le Mans; RTLM)이라는 이벤트로 획득 하는 방식이었다. 지금도 이벤트를 선택해서 진행할 수도 있고 바로 사도 된다. 로드 투 르망에는 총 12개의 스테이지가 있고 각 스테이지에는 4~7개의 파트로 나눠져 있고 한 파트에 최고 3개의 트랙이 들어가게 된다. 이걸 10일 안 ……
hobby |2014-11-17 | Comments (4)
안녕...신해철
데뷔시절부터 안 것은 아니다. 중학교때 반 친구가 동화같은 표지의 테이프를 보여줬고 정확한 표현은 기억이 안나지만 그 당시 수준에서 활용할 수 있는 언어로 극찬을 했었다. 음악을 그리 많이 듣지는 않았던지라 그냥 아 사람들이 좋아하는 음악이구나 싶었고 라디오에서 나오는 음악이랑은 좀 다르네 정도의 느낌이었다. 고등학교를 들어가면서 음악을 좀 듣기 시작했고 CDP를 들고 다니면서 용돈아껴 CD를 사모으기 시작했다. The Being 앨범을 접하게 되고 이 앨범이 예전에 친구가 극찬을 했던 그 밴드라는 것도 알게 되었다. World ……
life |2014-10-28 | Comments (1)
포스트 시즌 3분야구
포스트 시즌 경기를 한눈에 즐길 수 있는 "3분야구" 사이트를 제작했다. 페이지 단위를 스크롤로 넘기면서 경기의 중요 장면과 기사, 사진 등을 즐길 수 있는 서비스 이다. 야구에 별로 관심이 없어서 포스트 시즌이니 경기 하이라이트니 등이 어떤 의미인줄 잘 몰랐는데 만들어놓고 보니 꽤나 재미있다. 2, 3차전이 비때문에 취소되어서 지금은 1차전만 볼 수 있고 이후 다른 경기는 다음 가을야구 페이지에서 경기 종료 후에 볼 수 있다. 반응형 웹디자인으로 모바일 페이지도 제공하고 있는데 매번 할 때마다 느끼지만 반응형 웹디자 ……
work |2014-10-22 | Comments (3)
배경이미지 위치를 백분율로 지정하기
"세월호 72시간의 기록"에는 시간을 나타내기 위해서 사용된 숫자가 총 4가지 사용됐다. 각각의 숫자는 크기가 다 달라서 서로다른 이미지를 사용하고 있다. 이미지는 모두 동일하게 0부터 9까지의 숫자가 스프라이트된 이미지이지만 이미지의 크기가 다 달라서 배경이미지 위치를 지정하는 코드를 이미지별로 새로 작성해야 했다. #timer span { background: url(../img/number-1.png) 0 0 no-repeat; } #timer span.num1 { background-position: -30px 0; ……
dev |2014-08-15 | Comments (1)
세월호 72시간의 기록
오늘은 세월호 참사가 있은지 100일이 되는 날이다. 그동안 팀에서 제작한 "세월호, 72 시간의 기록" 페이지를 오픈했다. 골든타임이라 불리우는 초기 72시간동안 어떠한 일이 있었는지 기록해보고 사용자들이 시간순으로 탐색할 수 있게 기획한 타임라인 형태의 페이지이다. 처음에는 우리팀 디자이너 분이 아이디어를 냈다. 많은 정보들과 기사들이 있지만 명확하지 않은 점과 혼란스러운 부분이 많다는 데에 다들 공감을 했던 것 같다. UX적으로도 도전적이고 내용적으로도 의미있는 일이 될 수 있을 것 같아서 진행하게 되었다. 내가 속해있는 ……
work |2014-07-24 | Comments (1)