스토리 홈

인터뷰

피드

뉴스

조회수 889

사실 일은 말로 하는 게 아니니까

-오늘의 글은 매우 짧습니다.-사실 제 책은 보시다시피 커뮤니케이션에 대한 얘기입니다. 서로의 입장이 다르고 표현법이 달라서 발생하는 불필요한 힘빼기를 최소화시키자는 거죠. 다만 이런 얘기를 하기전엔 먼저 전제되어야 할 부분이 있습니다. 일단 양쪽 모두 업무의 인성과 기본기는 모두 충족이 되어있어야 하죠. 기본기란 이런거예요.-  디자이너는 상대방이 원하는 디자인을 만들어주기 위해 최선을 다해야하고 그만한 실력이 있어야 합니다. -  클라이언트는 디자이너의 작업을 위해 가능한 부분을 도와주어야 하고 업무에 필요한 자원들이 갖춰져 있어야 합니다. 예를 들어 스크립트가 필요하면 스크립트를 제작해서 줘야하는 거예요.기본이 안되어 있는데 커뮤니케이션만 잘하면 어떻게 될까요. 네 맞아요. 이빨까는거죠 그건. 커뮤니케이션은 감언이설로 상대방을 농락하는 방법이 아니예요. 잔머리나 트릭도 아니죠. 일단 질러놓고 보는 것도 아닙니다. 실체가 아직 없는 것에 대해 무작정 장담하는 건 사기예요. 말발로 없는 실력을 포장해보거나, 상대방의 심리를 교묘히 혼란스럽게 만들어서 얼렁뚱땅 넘어가는 건 보기 좋지 않아요.(많이 순화)  반면에 커뮤니케이션을 1도 못해도 일을 진짜 기똥차게 잘하시는 분도 있습니다. 딱히 말주변이 없어서 그렇지 눈치도 빠르고, 손도 빠르고, 인사이트도 있는 굉장한 분들이 꽤나 많습니다. 오히려 이런 분들과 일하는 게 훨씬 편하고 즐거울 때가 있어요.  솔직히 말이 너무 많거나 내 맘에 드는 표현을 하기 위해 노력하는 게 너무 눈에 보이면 좀 피곤하더라구요. '그냥 됬고 말씀드린 시안이나 제 때 주시면 돼요....' 라고 말하고 싶을 때가 있기도 합니다. 여러 커뮤니케이션 관련 콘텐츠에서 마치 커뮤니케이션이 기본중에 기본인 것처럼 많이들 얘기하던데.. 제 생각은 좀 다릅니다. 커뮤니케이션 스킬은 그냥 플러스알파일 뿐이예요. 좀 더 잘하기 위해 필요한 옵션이랄까요. 게다가 모든 사람들이 죄다 커뮤니케이션을 잘할 수도 없구요. 각자 다양한 자신만의 방법으로 커뮤니케이션을 하기 마련인데 굳이 이걸 꼭 입으로 통일 시킬 필요도 없다고 생각해요. 진짜 기본은 일단 본인의 일에 대한 실력과 책임감입니다. 
조회수 1851

제대로 콘텐츠 디자인하기 – 판타지 편

수많은 도서 분야 중 리디북스가 가장 집중하고 있는 5개의 장르를 아시나요? 바로 리디북스 홈페이지를 상단 메뉴를 구성하고 있는 일반, 로맨스, 판타지, 만화, BL 장르입니다. 저는 리디북스 콘텐츠팀 디자이너로서 이 5가지 장르에서 진행하는 프로모션 디자인을 담당하고 있습니다. 5가지의 장르 모두 개성이 뚜렷한 만큼 디자인하는 방법도 조금씩 다른데요, 이번 포스팅에서는 5개의 장르 중 판타지 장르의 콘텐츠디자인 이야기를 들려드리겠습니다.판타지는 어둠의 다크?처음 판타지 장르의 콘텐츠디자인을 시작했을 때, 바탕색은 어둡게, 포인트 컬러는 채도가 높은 색을 사용하여 강한 대비를 표현하는 것이 전형적인 특징이었습니다. 저도 그 특징에 따라 일단 어두운 배경을 만들고 하나하나 요소를 넣으며 작업하였습니다. 그렇게 몇 개의 판타지 콘텐츠의 디자인을 하며 도서들을 접하다보니 판타지 도서가 어둡고 강한 이야기도 있지만 신이나 마법, 초현실 등 다양한 주제들로 세분화되기 때문에 맹목적으로 어두운 분위기로 디자인하는 것이 옳은 것이 아니라는 생각이 들었습니다. 그럼 어떻게 디자인을 해야 다양한 판타지 콘텐츠들에 각각 걸맞은 옷을 입힐 수 있을까? 하는 고민이 시작되었습니다.초반 판타지콘텐츠 디자인 작업. 바탕은 어둡게, 타이틀은 밝게.판타지는 세계다.판타지라는 단어가 갖는 특징은 뭘까 생각해보았습니다. ‘현실이 아닌 이상, 상상의 세계’. ‘개개인이 꿈꾸는 세상’, ‘현실의 극한적 왜곡’ 등등 여러 가지로 생각할 수 있는데요, 저는 개인이 환상을 담고 있는 ‘공간’이라는 느낌이 들었습니다. 실제로 많은 판타지 소설들은 이계, 사이버 세계, 중세, 현대. 초현실 등 시공간적 배경을 담고 있습니다.그래서 판타지 도서의 이벤트 페이지를 디자인 할 때 해당 소설이 가진 공간적 배경을 활용한다면 판타지 소설을 더욱 판타지답게 보여줄 수 있겠다고 생각하였습니다. 독자의 입장에서 볼 때도 소설 특징이 반영된 이벤트 페이지를 보면, 마치 그림책을 보듯이 도서에 대한 이해가 훨씬 이해가 쉬울 것이란 확신도 들었습니다.판타지 디자인 = 공간감과 입체감이후 저는 디자인을 할 때 구성 요소를 ‘공간 안에 넣는다’는 생각을 갖고 공간감 만들기에 집중하였습니다. 많은 게임 웹사이트가 좋은 참고자료가 되었습니다. 평면적인 디자인에 익숙했던 터라 입체적인 판타지 디자인 결과물은 굉장히 색다른 느낌이 들었습니다. 시각적으로 멋지기도 하지만 공간감 때문인지 몰입하게 만드는 힘이 있어서 시선을 강하게 잡았습니다.또한 ‘어둡게 표현한다’는 제한을 없애고 여러 컬러를 활용하여 몽환적이거나 신비로운 느낌의 다채로운 판타지 콘텐츠를 만들었습니다. 어떤 방식으로 디자인을 하더라도 공간감이라는 규칙이 있었기 때문에 통일감이 생겼고 이 특징은 자연스럽게 판타지 카테고리의 아이텐티티가 되었습니다.다양해진 컬러와 공간감의 표현입체적인 공간 연출법공간감을 연출하기 위해서는 어떻게 해야 할까요? 실내 이미지 사용, 구성 요소에 입체감 주기, 그림자 넣기 등등 많은 방법이 있습니다. 하지만 이중 가장 중요한 요소를 고르자면 바로 ‘빛’입니다. 가상의 조명을 왼쪽, 정면, 오른쪽에 배치한다고 생각해보세요. 가끔은 역광까지 알맞은 위치를 선정하고 그에 맞는 광량을 요소별로 적용하면 입체적인 느낌이 살아납니다.이 때, 일률적으로 똑같은 빛 효과를 주기보다는 위쪽 오브젝트엔 하이라이트와 강한 그림자 효과를, 아래쪽 오브젝트는 밝은 부분을 줄이고 음영 위주로 표현해주는 것이 좀 더 자연스럽게 공간연출을 할 수 있습니다. 막혀있는 공간이 아닌 하늘, 들판을 배경으로 사용한다 해도 빛을 이용하면 쉽게 공간감을 표현할 수 있습니다.배경레이어 위에 타이틀을 올린 예시배경에 빛을 주고 각 폰트에 같은 레이어 스타일을 적용한 예시광원에 따라 자연스럽게 빛 효과를 준 예시맛깔나는 효과공간감을 연출했다면 이제 효과라는 양념을 추가해 좀 더 맛깔나게 페이지를 구성해야 합니다. 너무 과해서 촌스럽지만 않다면 개인의 역량껏, 마음대로 구성해 볼 수 있기 때문에 가장 재미있는 작업입니다. 기본적으로 많이 사용하는 효과는 포토샵 블렌딩 모드 중 ‘linear dodge’와 레이어 스타일 중 ‘bevel and emboss’입니다.1) Linear DodgeLinear Dodge는 흰색 부분을 유지한 채 검은색에 흰색을 추가해 더욱 밝게 해주는 기능으로 발광 효과를 내는 데 주로 사용합니다. 검정 바탕색에 흰색이 블렌딩 되면서 빛을 내기 때문에 경계선을 뚜렷하게 하는 것보다 blur를 주어 그라데이션을 만들면 빛나는 효과를 더욱 살릴 수 있습니다.2) Bevel and EmbossBevel and Emboss는 평면레이어에 입체감을 주는 효과입니다. 각 항목별로 수치를 조정하여 양각, 음각, 높이와 빛 방향, 빛과 그림자 색 등등 다양한 표현을 이 하나의 기능 안에서 구현할 수 있습니다. 하나씩 조절해보며 자신이 내려고 하는 효과에 맞는 수치를 찾고 적용하면 됩니다. 특히 이 효과를 서체에 적용하려고 할 때 중요한 팁을 드린다면 바로 ‘폰트 선택’입니다. 고딕체에 적용하는 것보다 세리프체나 획의 굵기의 변화가 많고 특이한 모양의 폰트에 적용하면 효과가 더욱 살아납니다. 특이한 폰트가 없다면 기본 폰트선택 후 Convert to Shape하여 일부러 변형을 주어 사용하면 극대화된 효과를 볼 수 있습니다.마치며판타지 도서의 다양한 개성을 표현해보려고 시작한 방법들이 이제는 리디북스 판타지 디자인의 전반적 흐름이 되어 뿌듯하기도 하지만 이것이 정답은 아니라고 생각합니다. 처음 일을 시작했을 때 맹목적으로 어둡게 디자인을 하던 시절의 잘못을 반복하지 않기 위해 요즘은 다시 입체적인 것, 효과를 주는 것이 맞는 것인지, 과하지 않은지 반문하고 있습니다. 디자인 트렌드는 계속 변하고 새로운 것이 생겨나기 때문에 틈틈이 좋은 방법이 있는지 찾아보기도 하구요. 더 멋진 판타지 장르 콘텐츠 디자인을 위해 오늘도 열심히 고민하겠습니다. 감사합니다.#리디북스 #디자인 #디자이너 #콘텐츠 #콘텐츠디자인 #콘텐츠디자이너 #개성 #장르 #판타지 #공간감 #입체감 #광원효과 #고민 #작업후기
조회수 2641

미니 벽지 샘플북 이벤트-기획부터 제작까지 두번째의 비하인드스토리

안녕하세요.다시 찾는 인테리어 (주) 두번째입니다.많은 고객님들이 다음과 같은 질문을 하곤 합니다. 두번째도배 홈페이지에서 제품을 볼 수도 있고시공 사례에서 사용된 벽지도 안내하고 있지만,역시 나에게 맞는 벽지를 확실히 아는 방법은직접 보고 고르는 것만큼 좋은 것은 없을 거에요.직접 벽지나 장판 샘플을 보고 싶은 분들을 위해오프라인 쇼룸도 운영하고 있는데시간이 없어서, 거리가 너무 멀어서 등의 이유로오프라인 쇼룸에 방문하고 싶어도하지 못하시는 고객님들도 많이 계셨는데요.'집에서 인테리어 준비하자!'라는 모토로방문하지 않아도 실제 벽지 샘플을 볼 수 있도록이번 무료 벽지 샘플북 이벤트를 기획하게 되었답니다^^두꺼운 샘플북 대신 간편하게 볼 수 있으면서도처음 샘플북을 받았을 때 기분이 좋아지는미니 샘플북을 제작하기 위해다양한 디자인을 구상해본 결과!깔끔하고 귀여운 원통형에미니 샘플북을 담아서 전달하기로 했어요.제작 과정 미니 벽지 샘플북의 표지와 내지에 들어갈 내용도하나하나 고심하면서 작성해나갔답니다.샘플북에서 볼 수 있는 벽지는 지금까지 도배 시공을 하면서가장 인기 있는 색상 32가지를 선별해서 구성을 했어요.샘플북 제작 비용이 생각보다 만만치 않아서이번엔 저희 직원들이 손수 벽지 재단부터 포장까지모든 과정을 정성을 들여 진행을 했어요.제작할 샘플북 크기와 수량에 맞춰서32가지 종류의 벽지를 하나하나 재단하는 과정이생각보다 공이 많이 들어가는 작업이었답니다.샘플북 크기에 맞게 잘린 벽지에는제품 번호와 이름을 스티커로 다 붙여주었어요.이 모든 전 과정이 다 수작업이라니!!!그래도 어느새 벽지 하나하나씩 준비가 마무리 되어가고 있네요.사무실에서 갑자기 시작된 가내수공업에개발팀장님까지 합류해주셨네요.마케팅팀부터, 개발자, 디자이너까지두번째 직원들이 모두 한마음으로 열심히 일한 결과배송을 기다리는 박스가 차곡차곡 쌓였습니다.정말 열심히 만들었던 만큼꼭 필요한 고객분들에게 전달되었으면 좋겠습니다. 9~10월 이사철 맞이 이사 도배하시는 분,지금 도배가 눈앞에 닥친 분 등등꼭 필요한 분들이 받아보실 수 있으면 좋겠습니다.샘플북을 받아보시기 원하시는 분들은 두번째도배 홈페이지에서신청해주세요 ^^ 두번째도배홈페이지 바로 가기
조회수 1501

독서모임 스타트업에 개발자나 디자이너가 필요한가요?

트레바리는 독서모임을 운영하는 회사다. 멤버들이 책을 읽고, 독후감을 쓰고, 아지트에서 여러 사람들과 다양한 대화를 나눌 수 있도록 만들어준다. 아날로그적이려면 한없이 아날로그 할 수 있는 회사가 바로 트레바리다. 그러다 보니 트레바리의 첫 빌트인(?) 개발자 겸 디자이너인 나는 가끔 이런 질문을 받기도 한다. "트레바리에 개발자나 디자이너가 필요한가요?" 작년 11월과 12월, 개발과 디자인을 총동원해서 멤버십 신청 페이지의 UI/UX 개선 작업을 진행했다. 원래의 홈페이지보다 편하게 신청하도록 토스 결제를 연동하는 등 프로세스를 재편하였고, 판매할 프로덕트가 의도대로 보이도록 레이아웃을 다시 구성하였다. 컨텐츠의 가독성을 위해 컴포넌트들의 디자인도 깔끔하게 변경했다. 개선된 프로세스와 인터페이스라면 멤버십에 신청하는 사람들이 늘어날 거라고 확신했다. 홈페이지를 방문만 하고 멤버십에 신청하지 않은 이유는 '홈페이지가 불편하고 안 예뻐서'라고 생각했기 때문이었다.결론부터 말하자면 내 가설은 완전히 틀렸다. 개선된 홈페이지를 런칭했지만 방문 유저 대비 신청한 유저의 비율에는 큰 변화가 없었다. 다급히 주변에 조언을 구하기 시작했고 마켓컬리의 이지훈 님이 해주신 조언이 한참을 머릿속에 멤돌았다. "트레바리는 오프라인 경험이 메인이므로 홈페이지의 변화가 큰 효과가 없을 수 있음을 인정하고 시작해야 해요. 홈페이지는 광고를 보고 온 유저들이 독서모임에 가기 전까지 거쳐 가는 곳이에요."그렇다. 트레바리 홈페이지는 오프라인 독서모임에 참여하기 위한 건널목일 뿐이였다. 건널목이 아무리 좋다 한들 목적지가 탐탁지 않으면 사람들이 건너가지 않을 것이었다. 마찬가지로 홈페이지가 아무리 편하고 예뻐도 아지트에 와서 나누는 대화가 무의미하고 재미없다면 사람들이 트레바리를 찾지 않을 것이다.덕분에 트레바리 특성상 홈페이지를 위한 개발자나 디자이너 크루(=직원)가 필요한지 자문하게 되었다. 건널목 역할을 수행하는 홈페이지가 필요한 것이라면 이미 충분하다고 생각했다. 추가로 필요한 기능이 있다면 그때그때 적당한 프리랜서를 고용하는 게 합리적일 수도 있었다. 그렇다면 맨 위의 질문에 대한 대답은 "아니요. 필요 없어요. 프리랜서면 충분해요."가 되는 것이었다.내가 크루로서 잘 쓰일 수 있는 일은 무엇일까?얼핏 생각하기에 프리랜서면 충분해 보이지만 분명 내가 크루로서 잘 쓰일 수 있는 일이 있을 거라 생각했다. 그리고 그것을 오프라인 트레바리와 온라인 트레바리 사이에 간극이 있다는 점에서 찾았다.오프라인 트레바리는 꽤나 매력적이다. 한 시즌을 경험한 두 명의 멤버 중 한 명은 다음 시즌에도 멤버십을 신청한다. 물론 나머지 한 명까지 신청하게 만들게끔 개선할 부분들이 남아있지만 그래도 60%가 넘는 리텐션은 트레바리가 다시 올 만한 서비스라고 말해준다.온라인 트레바리는 사정이 다르다. 많은 사람이 방문하지만 금세 나가버린다. 지금의 트레바리 홈페이지는 트레바리가 뭐 하는 곳인지, 트레바리를 하면 어떤 사람이 될 수 있는지, 트레바리에서는 어떤 사람들을 만날 수 있는지 잘 알려주고 있지 않다. 미리 지인이나 미디어를 통해 트레바리의 매력을 알고 온 사람들만이 홈페이지를 샅샅이 뒤져본 후에나 어떤 곳인지를 엿볼 수 있다.이 불협화음을 잘 조율하는 일을 내가 잘 할 수 있겠다는 생각이 들었다. 나는 원래 작년 초까지 멤버였다가 트레바리 매력에 빠져 입사까지 하게 된 진성 유저였다. 덕분에 트레바리가 얼마나 좋은지, 어떻게 트레바리를 통해 예전보다 멋진 사람이 될 수 있는지, 트레바리에서 얼마나 좋은 사람들을 만날 수 있는지를 알고 있었다. 그리고 이것들을 동네방네 열심히 소문을 내고 싶은 사람이었다.트레바리 홈페이지가 오프라인 트레바리에 오기 위한 건널목이라면 건널목 입구에 삐까뻔쩍한 간판도 크게 달고, 안내판도 만들어 건널목 너머에 얼마나 멋진 곳이 있는지 넘어오고 싶게끔 기대감을 심어주고 싶다. 우리의 비전인 '세상을 더 지적으로 사람들을 더 친하게'처럼 내가 트레바리에 온다면 더 지적이고 멋진 사람이 될 수 있고, 사람들과 더 친하게 지낼 수 있음을 잘 설명해주고 싶었다. 사람은 자기가 정말 좋아하는 것을 설명할 때 지치지 않고 그 어느때보다 열심히 목소리를 높일 수 있다고 생각한다.물론 나 혼자서는 힘들 것이다. 그래서 다른 크루들과 같이 어떻게 잘 전달할 수 있을지 치열하게 고민해보기로 했다. 그 일례로 최근에 영훈님과 같이 사내 스터디를 시작했다. 이런 점들이 단순히 시키는 일만 해내는 프리랜서보다 훨씬 더 잘 쓰일 수 있는 크루로 만들어 줄 것이라고 믿는다. 아직 '그래서 구체적으로 어떻게?'까지는 고민을 끝마치지 못했지만, 드디어 어떤 방향으로 무슨 역할을 하는 사람인지를 결정하였다. 이 결정을 시작으로 올해는 '회사에 더 많은 기여를 할 수 있는 크루가 될 수 있지 않을까'하는 설렘과 '그러려면 훨씬 더 잘해야겠다'는 부담이 가득한 채로 일 년을 맞이하게 되었다.올 한 해 '세상을 더 지적으로 사람들을 더 친하게' 만들어줄 우리 크루들!#트레바리 #기업문화 #조직문화 #스타트업 #인사이트
조회수 6703

픽셀과 포인트

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 오늘은 픽셀pixel과 포인트point에 대해 알아보겠습니다.Pixel픽셀은 디스플레이에서 가장 기본이 되는 단위입니다. 디스플레이는 수많은 픽셀들이 모여 구성됩니다. 하나의 픽셀은 일반적으로 R빨강, G초록, B파랑 세 가지의 서브 픽셀subpixel을 가지고 있습니다. 우리가 px이라고 부르는 단위는 디스플레이에서 서브픽셀이 모여 색상을 표현하는 최소 단위라 보시면 됩니다. 픽셀에 대한 자세한 이야기는 제 이전 글을 참고해 보시길 바랍니다.Point포인트point는 타이포그래피에서 사용하는 가장 작은 인쇄 단위로, 파이카pica를 잘게 나눈 것입니다. 즉, 포인트와 파이카 모두 글자의 크기를 측정하기 위한 단위입니다. 참고로 파이카는 18세기에 만들어진 타이포그래피의 유닛입니다. 1 pica가 정의하는 길이는 다양하지만, 현재 가장 보편적으로 사용되는 방식은 1 pica가 1/6in라고 보시면 됩니다. 이를 미터법으로 표시하면 약 4.233 mm가 됩니다. 간단히 정리하자면 다음과 같습니다.1 pica = 1/6 inch = 4.233 mm그리고 포인트는 파이카를 12조각으로 나눈 단위입니다. 즉 1 pica는 12 pt와 같습니다. 결국 정리하면 1 pt는 다음과 같습니다.1 inch = 6 pica 1 pica = 12 pt 1 pt = 1/12 pica = 1/72 inch = 약 0.3527 mm1 pt는 몇 px일까요?1pt는 몇 px일까요? 디자인을 하시는 분이 거나, 디자인을 코드로 구현하는 분이라면 한 번쯤 품어봤을 궁굼증일 겁니다.포인트point와 파이카pica는 컴퓨터가 없을 때부터 있었던 개념입니다. 이 단위가 컴퓨터 디스플레이안에 들어오기 시작하면서 문제가 발생하기 시작합니다. 컴퓨터 디스플레이의 기본이 되는 픽셀의 크기가 모두 다르기 때문입니다.글자의 크기는 디스플레이의 해상도와 실제 모니터의 사이즈에 영향을 받습니다. 픽셀의 크기는 스크린의 종류마다 제각각이기에 픽셀의 크기와 물리적 단위인 인치inch 사이에는 고정된 관계가 없습니다. 그래서 컴퓨터 상에서 글자의 크기는 논리적 단위logical unit를 통해 파악하게 됩니다.72 pt의 글씨는 1 logical inch 크기의 글씨라고 정의됩니다. 그리고 이 logical inch는 실제 표시되는 물리적 단위physical unit인 physical inch로 변환되어 최종적으로는 픽셀로 스크린 위에 표시됩니다.하지만 논리적 단위가 물리적 단위로 변환되는 기준은 경우에 따라 다릅니다. 이 부분에 대해 알아보기 위해 여기서 잠시 그래픽 유저 인터페이스 역사로 들어가보겠습니다.WYSIWYG1970년대, Xerox PARC 연구소에서는 WYSIWYG을 개발합니다. WYSIWYG은 “What You See Is What You Get”의 줄임말 입니다. 우리말로는 “보는 대로 얻는다” 라는 뜻의 내용입니다.WYSIWYG은 컴퓨터 스크린 상에서 보이는 편집 상태의 화면이 최종 결과물 - 그 당시에는 출력물을 뜻합니다 - 과 같은 방식의 GUI 기반의 편집 툴을 일컫습니다. 우리가 현재 쓰고있는 워드프로세서나 Adobe의 Photoshop, Illustrator 등과 같은 그래픽 편집 툴이 WYSIWYG이라고 보시면 됩니다.72 dpiXerox PARC 연구소는 1 point가 1/72 inch인 것에 착안하여 72 ppipixels-per-inch의 화면해상도를 가진 디스플레이를 표준으로 채택합니다. 72 ppi 해상도에서는 1 pt가 1 px이 되게 됩니다.Apple은 72 ppi의 규격을 채용하여 OS에 적용합니다. 타자기 세대에 널리 쓰이던 10pt 크기의 글씨를 모니터 상에서 10 px로 보이게 하겠다는 의도였습니다.참고로 ppipixels-per-inch와 dpidots-per-inch는 서로 다른 개념이지만 최근에는 차이의 구분 없이 혼용되어 쓰이고 있습니다.Apple 72 dpi를 채택한 이유는 타자기 세대에서 널리 쓰이던 10 point 크기의 서체를 컴퓨터 스크린에서도 같은 숫자의 크기인 10 px의 크기를 갖게 하겠다는 의도였습니다. 결과적으로 Apple의 선택은 대중에 큰 호응을 얻었습니다. 그리고 Apple PC의 대중화와 함께 72 dpi는 보편화가 됩니다.96 dpi반면 Microsoft는 96 dpi를 표준 해상도로 채택하게 됩니다. Microsoft가 Apple과는 달리 96 dpi를 표준 해상도로 설정한 이유는 다음과 같습니다.Microsoft는 인간이 컴퓨터 디스플레이를 볼 때는 책이나 문서를 볼 때 눈(망막)에서 책이나 문서까지의 거리보다 1/3 가량 더 멀리 본다고 주장합니다. 그래서 72 dpi 스크린에서의 글씨는 실제 편집자에 의해 의도되었던 글씨 크기보다 작게 보이기 때문에 가독성에 해를 끼친다고 판단합니다.어디선가 본 것 같은 논리입니다.Microsoft는 위 문제를 해결하기 위해 트릭을 씁니다. 72 dpi 해상도를 96 dpi의 해상도로 높이는데 그 이유는 다음과 같습니다. 컴퓨터 스크린은 책이나 문서를 읽을 때의 거리 보다 4/3배 이므로, 해상도도 4/3배를 하여 72 ppi의 모니터에서 글씨 크기를 키워 상대적으로 같은 글씨 크기를 만들어 가독성을 높이겠다는 의도였습니다.Microsoft의 운영체제에서는 위의 96 dpi를 논리적인 해상도logical resolution라 부르고, 실제 디스플레이가 지원하고 실질적으로 표현되는 72 dpi의 해상도를 실제 해상도physical resolution이라 말합니다.1 pt = ?다시 궁금즘의 시작점으로 돌아와 1 pt는 몇 px인지에 대해 결론을 내보겠습니다. 1 inch를 표시하기 위해 Mac에서는 72px이 필요하고, Windows에서는 96 px이 필요한 셈입니다. 결국 1 pt가 정의하는 픽셀은 해상도의 상황에 따라 달라지게 됩니다.Mac: 1 inch = 72 px Windows: 1 inch = 96px Mac (72 ppi): 1 pt = 1 px = 약 0.3527 mm Windows (96 ppi): 1 pt = 1 px * 96/72 = 약 1.3333 px = 약 0.4702 mmWeb Browser하지만 웹 브라우져 상에서의 해상도는 약간 예외적입니다. (아직까지는) 가장 보편적으로 사용되고 있는 웹 브라우저인 Microsoft의 Internet Explorer는 역시 자사제품답게 96 dpi의 해상도를 가지고 있습니다. 하지만 Google Chrome이나 Apple의 Safari가 쓰는 Webkit 엔진의 경우도 72 dpi가 아닌 96 dpi의 해상도를 기준으로 삼고 있습니다. 이는 CSS가 계획될 당시 96 dpi를 기준으로 만들어졌기 때문입니다. 그러므로 웹에서의 폰트는 포인트에서 4/3배가 된 픽셀 값을 가지게 됩니다. 12 pt의 크기의 글씨는 웹 브라우져에서 16 px로 렌더링 되는 것입니다.DisplayDPI Calculator / PPI Calculator하지만 모든 모니터의 도트피치는 다 다릅니다. 위의 링크에서 볼 수 있듯이 모니터의 ppi는 종류별로 매우 상이하죠. 위에서 예로 든 12 pt의 글씨는 웹 브라우져에서 16 px로 렌더링 되긴 하지만, 각 모니터에서 표시되는 16 px의 실제 크기는 모니터의 도트피치에 따라 다릅니다.예를들어 1920*1200의 해상도를 가진 24 inch의 모니터는 94.34 PPIpixel-per-inch입니다. 그렇다면 위 모니터에서의 16 px의 크기는 다음과 같습니다.16 px = 16/94.34 inch = 0.1696 inch하지만 제 맥북프로는 1280*800 해상도에 13 inch의 디스플레이를 탑재하고 있으므로 116.11 PPIpixel-per-inch입니다. 그러므로 16 px의 크기는 실질적으로 다음과 같이 보입니다.16 px = 16/116.11 inch = 0.1378 inchReferencehttp://msdn.microsoft.com/en-us/library/windows/desktop/ff684173(v=vs.85).aspxhttp://blogs.msdn.com/b/fontblog/archive/2005/11/08/490490.aspxhttp://en.wikipedia.org/wiki/Dots_per_inch#DPI_or_PPI_in_digital_image_files#스포카 #디자인 #디자이너 #인사이트 #꿀팁
조회수 9346

스타트업 UI 프로젝트에서 사용한 10가지 도구

UI 디자이너로써 예전에 프로토타입 외주 업체를 운영하며 많은 UI 프로젝트를 진행해보았었다.하지만 외주의 특성상 개발에만 집중할 뿐, 서비스의 기획부터 개발 및 운영까지 이어져오는 흐름들에 대해서는 경험해볼 기회가 부족했었고, 이렇게 외주 업체로만은 더 이상의 발전과 배울 것은 없다는 생각이 들어 그만두고 팀을 옮기면서 하나의 서비스를 처음 시작부터 심도 있게 관여해볼 수 있었다. 그리고 이번 프로젝트를 진행하며 직접 몸으로 체득하며 사용했던 다양하고 유용한 10가지 도구를 소개하고자 한다소개되는 도구들은 UX 프로젝트 담당자가 사용할 수 있을 도구들로써 사용자 조사 및 기획  단계에서부터 UI 개발 단계까지 사용된 도구 들이다 소개되는 몇몇 도구들은 맥 os에서만 이용이 가능하다10개의 도구들은 크게 5가지로 분류하였는데1. 사용자 조사 도구2. 협업 도구3. UI 개발 도구4. 사용성 평가 도구5. 기타 도구로 분류하였으며 각 분류당 2개의 도구를 소개한다1. 사용자 조사 도구1-1. 언바운스 https://app.unbounce.com언바운스는 매우 간단하게 원페이지 프로모션 웹페이지를 만들어 주는 웹 기반의 서비스이다마우스 드래그 앤 드롭 등의 GUI 방식으로써 개발 언어를 전혀 모르는 사람들도 쉽고 간편하게 자신의 서비스 론칭페이지 제작이 가능하다.다른 비슷한 도구와 달리 언바운스는 폭넓은 커스터 마이징이 가능하기에 원하는 대로 만들 수 있으며, PC와 MOBILE 각각 컨트롤하여 디바이스별로  최적화시킬 수도 있다.유료 서비스인데 카드 정보를 등록하고 한 달은 무료로 이용해볼 수 있다 그리고 한 달이면 사용자 조사를 목적으로 사용하기엔 충분하다우리는 언바운스를 프로모션 보다는 사용자 조사와 기획 검증을 위해 사용했었는데, 즉 간단하게 페이지와 신청폼을 만들어놓고 실제 사용자들에게 보여주고 그들이 신청폼을 작성하는 것을 확인하였었다. 이로써 우리 사용자가 누구인지 알게 되었었으며 또 생각했던 가설을 검증할 수 있었다1-2. 구글 독스구글독스 내에서도 다양한 도구들이 존재하고 또 프로젝트 진행 내내 사용하였었지만 사용자 조사 단계에서 특히 많이 사용하게 되었었던 것 같다.그중 구글 설문지는, 사용자에 대한  설문조사뿐이 아니라, 자신이 활용하고 있는 사이트에 임베드 시켜서 신청폼 등으로 활용할 수 도 있다. 즉 구글 설문지를 언바운스에 링크를 걸거나 임베드 할 경우 바로 원하는 양식의 신청 페이지를 뚝딱 만들어 낼 수 있다.구글 독스가 다른 로컬 오피스 도구들보다 좋은 점은 바로 팀원들과 동시에 문서를 편집할 수 클라우드 기반이라는 것과 앞으로 소개할 다른 도구들과 플러그 인 형태로 공유되어 사용할 수 있다는 점이다.2. 협업 도구2-1. 트렐로 https://trello.com에버노트, 슬랙 등 많은 협업도구들을 직접 사용해보았지만, 순수한 협업도구 자체로써는 트렐로가 가장 유용하였었다.우선 에버노트는 스크랩 용으로는 뛰어나나 협업도구로써는 부족함이 있었고, 슬랙은 팀원들의 채팅과 그 안에서 오가는 파일들의 아카이브로써는 좋았으나 태스크 관리가 어려운 단점이 있었다.우리는 태스크 관리, 문서 및 자료관리, 팀내 커뮤니케이션 등 모든 프로젝트 진행 과정들을 트렐로 하나로 모아 해결했다트렐로로 각자의 일정과 TO  DO를 확인하였고, 자료를 모아 두고 찾아 사용하며, 댓글 등으로 의사소통을 하였다 우리에게 트렐로는 팀을 이어주는 핵심 도구가 되었다2-2. 구글 드라이브위에서 언급한 트렐로를 더욱 유용하게 사용하기 위해서는 구글 드라이브나 드롭박스 등의 서비스를 함께 이용할 수 있다구글 드라이브 등에 자료를 보관한 후 트렐로에  링크시키는 것인데 이렇게 하면 많은 자료들을 정리하여 한눈에 파악할 수 있다. 트렐로 자체를 DB로 사용하기엔 부족하기에 구글 드라이브 등의 도움은 반드시 필요하다. 구글 드라이브의 경우 15GB까지 무료이며, 한 달에 2달러 정도만 지불하면 100GB까지 이용이 가능하다3. UI 개발 도구3-1. 스케치 https://bohemiancoding.com/sketch처음 썼었을 때, 나에게 신세계를 발견하게 해 준 도구인 스케치는 다른 어도비 사의 디자인 도구들 보다 디지털 디자인에 있어서 월등히 우수하였다. 사용하며 특히 좋았던 점은 마치 CSS 클래스를 만들어 두는 것처럼 디자인을 클래스 시킬 수 있다는 점이다. 만약 디자인 작업 도중에 수정이 필요할 경우에 기존 어도비 사의 도구처럼 스크린마다 일일이 직접 수정할 필요 없이, 한 스크린에서만 수정하면 다른 모든 스크린에서도 자동으로 함께 수정이 이루어지게 된다. 이미 많은 해외 디자이너들은 스케치로 갈아탔다고 하며 점점 스케치 오픈소스도 많이 올라오고 있다 오픈소스 자료는  (http://www.sketchappsources.com)에서 받을 수 있다3-2. 오븐 https://ovenapp.io프로토타입 목업툴인 오븐은 웹 기반 도구로써 간단하게 UI를 만드는데 사용할 수 있다. 먼저 소개했던 스케치에 비해 부족한 기능과 비주얼로 어설픈 결과물 밖에 만들어 내지 못하지만 그럼에도 사용할  수밖에 없는 강점은 바로 빠른 UI 기획과 테스트를 통한 검증이다. 우리가 사용했던 방법은 오븐을 이용하여 먼저 UI 구조와 레이아웃을 제작하고 각 스크린에 링크를 걸어두었다 그리고 오븐의 테스트 기능을 이용해서 직접 사용자들을 대상으로 사용성 평가를 진행하였었다. 즉, 기획한 UI를 검증하기 위해 드는 시간과 비용을 상당히 아낄 수 있는데 이로써 빠른 프로젝트 개선 또는 피봇이 가능하다4. 사용성 평가 도구4-1. 퀵타임 플레이어맥북의 기본 탑재 앱인 퀵타임 플레이어는, 맥북 사용자의 화면과 목소리를 녹화하는 기능을 가지고 있다. 즉 사용자의 행동을 관찰, 기록할 수 있는 것인데 사용성 평가 후 팀원과의 결과 공유에 유용하게 사용하였다. 녹화를 이용한 테스트 방법에 대해서는 ‘사용자를 생각하게 하지 마’라는 책에 간편한 사용성 평가를 진행하는 방법에 대해  소개되어있으니 참조하면 좋다4-2. 마블앱 https://marvelapp.com직접 경험해본 시나리오 검증을 위한 프로토타이핑 서비스 중 가장 쉽고 심플한 것은 바로 마블앱이었다. 제작된 이미지에 링크를 거는 방식으로 프로로타입이 만들어지는데, 스크린 이미지만 준비되어있다면 30분 정도만에 뚝딱 만들어 낼 수 있다. 이처럼 너무 간단해서 인터렉션 확인엔 제약이 있지만 다른 프로토타이핑 도구보다 빠르게 사용성 평가를 진행할 수 있다는 것에 스타트업에게는 큰 매력인 것 같다 또, 먼저 위에서 언급하였던 ‘스케치’를 사용하는 디자이너라면 플러그인 설치로 보다 편리하게 업로드하여 사용할 수 있다5. 기타 도구5-1. 워크 플로위 https://workflowy.com텍스트를 트리 형식으로 정리해서 기록할 수 있는 워크플로위는, 업무뿐 아니라 여러 다양한 분야에서 응용사용이 가능하다. 우리 팀의 개발자들은 To do 관리에 많이 사용하였던 것 같고, 나는 아이디어 및 작업내용 정리에 많이 사용하였었다. 단축키만 익숙해지면 모든 작업에서 시너지를 낼 수 있는 막강한 도구로써 모바일 앱도 존재한다5-2. 핀터레스트 https://www.pinterest.com이미지 공유 SNS 핀터레스트는 영감 얻은 이미지들을 모아 놓는데 사용하였다. 디자인 영감을 얻을 수 있는 참조 사이트가 많은데, 그중 참조할 수 있을만한 이미지가 있다면 핀터레스트에 모아 놓은 뒤 나중에 작업하며 필요할 때 확인하는 것이다. 사실 정적인  비주얼뿐 아니라 UI 흐름까지도 확인해야 하는 일이 많은데 이미지의 한계상 그러지 못해 아쉬운 점도 많다. 때문에 영감이 필요할 때 쓱 둘러보기 위한 용도로 사용한다지금까지 서비스 기획~개발 단계에서 사용하였던 5가지 분류의 총 10개의 도구들을 소개하였는데,다음에 우리 팀이 만든 서비스 운영이 안착된다면, 운영에 사용한 도구도 소개해보고 싶다#텐시티 #UI #UI디자인 #UI기획 #스킬스택 #스택소개 #꿀팁 #인사이트
조회수 1093

책상의 브랜딩: 책상위의 볼펜들이 실무를 만든다.

인간은 환경의 지배를 꽤나 심하게 받는 존재입니다. 이 환경이라고 하는 것은 사실 큰 것들이 아닙니다. 조명의 밝기, 소품의 종류, 채광, 위치, 파티션의 높이 등 아주 사소하면서도 다양한 요소들이 복합적으로 작용하죠. 오늘은 뜬금없이 책상위의 물건들에 대해서 알아보도록 하겠습니다. 모름지기 실무를 하는 사람들의 책상엔 온갖 잡다한 물건들이 자기의지를 가지고 사라지고 나타나기를 반복합니다. 책상 위에 존재하는 수많은 것들은 사실 우리의 사고를 지배하고 행동을 결정하죠. 우리가 필요해서 테이프를 찾는다기 보단 테이프가 있으니 그것을 활용하는 행동을 하는 경우가 더 많습니다. 그래서 내 주변의 환경을 정리하는 것은 실무자에겐 아주 중요한 일이죠. 브랜딩과 이것이 무슨 상관이 있는가... 싶습니다.  브랜딩은 제작과 관리, 운영 등 다양한 범주에서 복합적으로 진행되는 업무입니다. 여타 업무와 조금 다른 느낌이죠. 매우 추상적이고, 거대하며, 성과가 잘 눈에 보이지 않습니다. 루틴업무의 연속이지만 조금이라도 밀리거나 대강대강 하는 순간 사실 브랜딩은 그 의미를 잃게 되죠. 손에 잡히지 않는 이런 업무들을 꾸준히 처리하기 위해서는 환경의 힘을 빌리는 것이 무엇보다 중요했습니다.  출근하자마자 책상위에 올려진 포스트잇 하나에 업무순서가 바뀌기도 하고, 다이어리의 위치와 플래그, 캘린더의 표시 등이 오전업무의 페이스를 잡아준달까요. 업무 자체가 추상적이고 눈에 보이지 않으니  내가 스스로 업무를 데이터화해서 체킹해야 합니다. 하지만 그게 일을 위한 일이 되어서는 안되겠죠. 우리는 편하게, 그리고 즐겁게 브랜딩실무를 해보려고 이 글을 접하고 있는 것이니 이 부분에 초점을 맞춰서 책상위의 브랜딩 이야기를 해보도록 하겠습니다. 일단 우리들의 책상을 보면 매우 흥미진진합니다. 대혼돈의 사도같기도 하고, 결벽증이나 각성애자의 모습을 보여주기도 합니다. 개개인의 성격이 정말 잘 드러나죠. 사실 올바른 책상의 모습이란 건 없습니다. 저는 꽤나 책상정리를 결벽적으로 하는 스타일이지만, 막상 일이 시작되면 난리도 이런 난리통이 없습니다. 그러니, 항상 책상의 상태란 것은 나의 정신상태와 그 결을 함께한다고 하겠습니다. 내가 정신이 없으면 책상도 정신이 없어지죠.그래서 이것이 올바른 책상이다!! 라고 말하는 것은 무의미한 일입니다. 그러니 오늘은 이렇게 얘기해보려고 합니다. 아무리 엉망진창인 책상에도 연필과 볼펜은 있을 것이고 A4용지나 널부러져 있을 것입니다. 그러니 각각의 아이템들을 어떻게 활용할 것인지 그리고 어떻게 정리할 것 인지를 위주로 한 번 얘기해보죠.1. 조명 : 실무자의 몸을 감싸는 신묘한 기운위 이미지가 3500K의 조명입니다. 인간이 가장 편안함을 느끼는 색온도라고 하죠. 흔히 2700~3000K의 조명은 카페나 의도적인 노란조명을 만드는 웜화이트 색상입니다. 아주 감성적이고 상상력을 자극하는 조명이죠. 반면에 3500K~4100K는 쿨화이트 색상으로서 사무, 기획, 논리적사고, 창의성을 불러일으키기에 적당한 색상입니다. 5000K는 거의 흰색에 가까운 데이라이트로서 구름없는 날 우리가 외부에서 맞이하는 빛의 색상입니다. 이런 환경에서는 일보다는 그냥 때려치고 나가서 돗자리깔고 놀고싶어지고 말죠.2. 모니터작은 거엔 핀터레스트와 큰 모니터엔 포토샵을 띄워봅시다. 왠지 미래지향적인 느낌이 날 겁니다. 모니터는 올려보는 것보다 약간 내려보는 것이 좋습니다. 올려보면 거북목이 되기 십상입니다. 모니터중앙이 시선보다 10cm정도 아래에 위치하도록 합시다.3. 키보드제가 사고싶어서 올린 거 아닙니다. 하지만 예ㅃ....요즘은 커스텀키보드로 자신의 감정을 타자소리로 표현할 수 있습니다. 매우 유용합니다. 스트레스 해소에도 그만이죠. 하지만 브랜드기획과 실무를 할 때는 무엇보다 글 쓸 일과 단축키 쓸 일이 난무하므로 왠만하면 적당한 탄성이 있는 멤브레인 키보드를 씁시다.4. 마우스마우스 안 좋으면 스트레스 장난 아닙니다. 마우스는 왠만하면 좋은 것을 사도록 합시다. 너무 얄팍한 마우스는 가방에 넣긴 좋지만 실제로 쓰다보면 손가락이 아프니 적당히 가볍고 뚱뚱한 아이를 삽시다. 나의 오른손은 없다....라고 생각하고 마우스와 물아일체가 되보도록 합시다.5. 맥아이맥과 맥북은 있으면 그냥 간지가 납니다. 6. 의자평생동안 침대와 필적하게 몸을 기대는 곳입니다. 어쩌면 침대보다 의자에 앉아있는 시간이 더 많을 수도 있습니다. 의자는 허리건강과 직결입니다. 브랜딩의 생명은 체력인데, 이 체력은 감기나 몸살 따위를 의미하는 것이 아닙니다. 정확히는 허리디스크나 오십견, 목디스크, 골반틀어짐을 의미합니다. 허리아프기 시작하면 브랜딩이고 뭐고 의사선생님이 '음..영 좋지 않은 곳을....' 이라며 고개를 가로젓게 될테니 의자는 아주 슈퍼수프림한 것을 사도록 합시다. 참고로 등받이가 있는 의자는 딱히 허리건강에 좋진 않습니다만, 누워자기엔 그만한 것이 없죠.7. A4우리의 친구 Milk A4용지네요. 항상 책상 위에 널브러져 있습니다. 주로 기획안과 시안을 뽑을 때 쓰입니다. 시안을 뽑을 때는 저화질/고속으로 맞춰서 백년만년 프린터만 보며 기다리는 시간을 절약하도록 합시다. A4는 주로 책상의 왼쪽에 놔두는 것이 편합니다. 오른손은 마우스와 물아일체이기 때문이죠. 거의 뭐 기생수 수준. 왼손으로 A4를 들춰보는 것이 훨씬 편합니다. 사람이 재밌는 동물이라서 실제로 오른손이 왼쪽으로 가긴 쉬운데 왼손이 오른쪽으로 가는 경우가 그리 많지 않습니다.  8. 플래그이거 이거. 플래그아..이거 중요합니다. 위의 A4용지와 친구죠. 왼손으로 들춰볼 때 플래그가 있으면 세상 편합니다. 플래그는 붙일때는 귀찮지만 막상 해놓고 나면 아 이것이 글로벌기업의 지혜구나...라는 것을 느끼며 무릎을 탁 치고 말죠.근데 이거 노하우가 하나 있습니다. 플래그에는 색깔이 있는데, 이 색깔은 이쁘라고 만들어 놓은 것이 아닙니다. 데드라인의 급한 순서나, 중요도순서로 빨강-주황-노랑-파랑 순으로 정리해놓으면 세상 편합니다. 급한 자료 가져와 보라고 할 때 아주 빠르게 찾을 수 있죠.9. 클립파일/바인더파일조상의 지혜가 빛나는 클립파일A4정리의 결정판인 클립&바인더 파일입니다. 클리어화일(비닐있는 녀석)은 뺏다 넣기가 영 불편해서 짜증납니다. 10장미만은 클립파일에 넣는데, 이 때 클립파일은 덮개 없는 녀석이 편합니다. 왜냐면 주로 기획안이나 시안을 꽂아서 커뮤니케이션하는데 많이 쓰이는데 결재판도 아니고 그 때마다 뚜껑열어서 보는 것도 번거롭기 때문이죠.요즘은 펀칭기와 결합된 바인더가 있습니다. 엄청 편해요컨펌된 자료나, 프로젝트에 관련서류들은 모두 바인딩을 해놓읍시다. 보통 바인더는 프로젝트별로 따로 만들어놓는 편이 좋습니다. 네이밍을 꼭 합니다. 일일이 들춰보고 찾으면 바보입니다. 그리곤 3번째 가장 큰 서랍에 넣어놓읍시다. 꼴도 보기 싫....아니..크니까.10. 스탠딩보드이런걸 삽시다. 텐바이텐에서.캘린더를 꽂아놓고 쓰면 뭔가 기분이 좋고 있어보입니다. 별 쓸모는 없지만 기분이 좋으니 그냥 하나 사서 놔두도록 합시다.11. 데스크매트보통 책상을 꾸밀 때 이런 데스크매트를 주로 놓고 씁니다. 저도 사서 놓고 씁니다. 근데 보통 두 세달 지나면 귀찮아서 치워버리죠. 역시 데스크엔..저런 것보다 초록색 칼매트가 짱이라고 생각합니다. 우리는 칼질을 많이 해야하니까요. 브랜딩하는 데 왜 칼질을 해야하냐구요?.. 음 A2사이즈는 프린터로 뽑히지 않으니 따로따로 뽑아서 붙여서 봐야하는 경우도 있고, 연간 프로젝트도 뽑아서 주루룩 붙일 때가 있습니다. A4용지 여백 자를 일이 생각보다 많아요. (너무 디테일한가?..)12. 칼/딱풀/테이프삼총사죠. 항상 존재해야 합니다. 뭔진 모르게 자르고 붙일 일이 상당히 많습니다. 일단 회의를 하면 화이트보드에 시안도 붙여야 하고, 벽에도 뭐 붙여야 하고, 행사진행하면 안내사인도 붙여야 하고 이것저것 잘라서 아크릴 판에 넣고 명찰도 만들어야 하고 셀 수 없을 정도로 쓸 일이 많습니다. 이 삼총사는 어디에 정리하냐면 보통 첫 번째 서랍에 막 뒹굴어놓는 경우가 많지만, 아래의 오거나이저를 사서 정리해보면 뭔가 일을 잘해보이고 기분이 좋아집니다.13. 오거나이저오거나이저는 이쁠수록 기분이 좋습니다. 핸드폰거치대는 쓸 것 같지만 실제로 쓰는 경우가 거의 없었습니다. 거의 대부분은 키보드 오른쪽에 올려놓게 되더라구요. 굴러다니는 펜이나 테이프, 풀, 칼, 자 등을 정리할 때 꽤나 유용합니다. 위치는 모니터 왼쪽입니다.14. 연습장과 샤프포토샵으로 시안을 만들고 등등을 다 할 것 같지만 절대 그렇지 않습니다. 생각보다 손으로 슥슥 그려서 얘기하고 메모하는 경우가 엄청나게 많습니다. 그러니 연습장과 샤프는 매우 유용하답니다. 보통 연습장은 서류함에 꽂아놓는 경우가 많고, 샤프는 맨날 사라지므로 연습장스프링에 꽂아놓읍시다. 참고로 오거나이저나 책상위의 모든 문구류는 공공재라고 생각하시면 됩니다.15. 오거나이저파일미팅 갈 때 이런거 하나 있으면 그냥 뭔가 든든합니다. 있어보이기도 하고. 주섬주섬 A4용지 몇 장 꺼내서 메모하는 것보단 훨씬 각이 잡히죠. 진짜 구겨진 A4같은 거 꺼내놓고 미팅하는 분들이 있었는데 그닥 좋아 보이진 않더군요..16. 과자중요합니다. 두 번째 서랍에 넣어놓읍시다.17. 브랜딩서적 2,3권날마다브랜딩이나 오리지널스, 좋아보이는 것들의 비밀 등의 책을 몇 권 꽂아놓는 것은 그럴싸한 일입니다. 읽을 가능성은 거의 없지만, 아침에 출근해서 뭔가 브랜디스트로서의 부심을 고취시키는 역할을 해줍니다. 아닐 수도 있고.18. 포스트잇귀엽다고 일이 일이 아닌 것은 아님포스트잇은 모니터에 붙이지말고 책상에 붙입시다. 특히 퇴근하기 전에 내일 할 일을 미리 적어서 붙여놓으면 출근과 동시에 한숨과 압박을 느끼면서 할 일을 제대로 챙길 수 있는 효과가 있습니다. 참고로 포스트잇이 라이언이라고 해서 압박감이 덜해지는 것은 아닙니다.19. 물티슈물티슈는 화장실에서만 쓰는 게 아닙니다. 이것은 저만 그런지는 모르겠지만, 출근해서 물티슈로 책상을 닦아주면 까맣고 까만 먼지를 발견하며 알 수 없는 카타르시스와 전율을 느낄 수 있습니다. 더불어 아침에 짧은 책상정리는 루틴업무의 효율을 향상시키는데 크나 큰 도움이 됩니다. 진심.20. 이어폰음, 브랜딩을 진행하면서 노동요가 빠진다면 그 또한 암담하고 서글픈 일이라고 하겠습니다. 업무속도는 bpm과 비례하는 경향이 있으므로, 뭔가 급하게 시안을 쳐야 할때는 둠칫거리는 것으로. 기획서를 쓸 때에는 낭창낭창한 재즈를 들어보도록 합시다. 감성과 이성이 손잡고 빙글 돌며 그럴싸한 결과물을 만들어 줄 지도 모릅니다. 참고로 추억의 노래는 삼가합시다. 자꾸 따라부르다가 오타가 나거든요.21. USB허브하..이거 정말 강추합니다. 단!! 주의점은 절대적으로 허브는 메인전원에 연결해서 전원공급을 하면서 사용하도록 합시다. 제가 왜 이걸 강조하냐면, 저렇게 허브에 수많은 장치를 연결해서 쓰다보면 노트북전원만으로는 후덜덜거리면서 중간에 파일 날아가거나 오류떠서 USB가 플라스틱덩어리로 변하는 경우가 있었습니다. 이 때의 멘붕과 후폭풍은 이루 말 할 수 없습니다. USB는 그렇다고 치지만 외장하드 연결해서 쓸 때 전원부족해서 버벅버벅대면 심장이 쫄깃해질 수 있으니 반드시 전원공급 하면서 사용하도록 합시다. 22. 마그넷진짜 별 거 아닌데, 막상 가지고 있으면 쓸 데가 많습니다. 특히 회의나 비쥬얼 전략관련된 미팅할 때는 뭘 붙이고 떼고 할 일이 종종 있는데 그 때마다 화이트보드에 테이프 자국 남기는 것도 번거롭습니다. 23. 클립전 스테이플러보다 클립을 더 선호하는 편입니다. 보통 이 기획안이나 계획서들은 중간만 빼서 보거나 첨가하거나 분리해서 표시해야 할 일이 정말 많습니다. 그러니, 스테이플러로 박아놓으면 손톱이 매우 아플 수 있습니다. 클립을 사용합시다.24. 컬러인쇄전용지이게 왜 필요하나요? 싶으신 분들이 있으실텐데.. 디자인업무까지 같이 하시다보면, 마냥 저품질로만 뽑는 게 능사가 아닙니다. 실제 인쇄본의 프로토타입을 만들 때도 있는데, 이 때는 100%고화질에 컬러프린트전용지를 사용해주는 것이 좋습니다. 색감도 그렇고, 비침도 그렇고 좀 더 정확한 인쇄상황을 봐야 하니까요. 주로 100g 용지를 쓰고 프린터 상황에 따라 잉크젯이나 레이저 등 전용지를 구매하도록 합시다. 3번째 서랍에 넣어놓습니다.25. L자형 파일이걸 말하는 것이지요. 이것도 중요해 보이지 않지만, 아주 유용한 순간이 있습니다. 팀장급 회의나 전체회의할 때 개인별로 나누어 줄 자료 전달할 때 A4용지에 스테이플러 박아서 돌리는 것보다 이런 아크릴 L자파일에 넣어서 나누어주면 사람들이 2%정도 더 자료를 좀 더 꼼꼼하게 보기도 하고 중요하게 여기더라구요.신기하게도. 뭔가 설득이나 어필을 해야하는 회의자리라면 회의자료는 반드시 파일링해서 분출하도록 합시다. 26. 프로젝트 플래너이건 개인의 호불호가 있겠습니다. 저는 손으로 적고 한 번에 보는 것을 선호해서 길다란 프로젝트 플래너를 수기로 작성하는 것을 좋아합니다. 손으로 적으면서 한 번 더 정리되는 것도 있구요. 물론 협업툴이나 구글캘린더를 이용할 수도 있지만, 아날로그한 감성을 좋아하시는 분이라면 추천드립니다. 생각보다 꽤나 유용하고 정리에 도움이 된답니다. 루틴 업무를 체킹하고 정리할 때는 사실 이 만한 것이 없습니다. 플래너를 작성할 땐 하루에 딱 한 번만 정해서 하는 것이 좋은데, 주로 오전 출근하고나서 바로하는 게 최고인 것 같습니다.  현실감을 살리기 위해서, 제 책상위에 있는 것들을 위주로 적어보았습니다. 물론 개인차에 따라 가족사진도 있고 다육이도 있고 라미만년펜도 있고 라이언인형이 있을 수도 있겠죠. 정말 기본중에 기본이고 몰라도 되는, 아니면 이미 다 알고 있는 다시 한 번 잡는 이유가 있습니다. 앞서 말했듯 브랜딩은 굉장히 비가시적인 업무입니다. 그리고 브랜딩!!이라고 해서 따로 업무가 진행된다기 보단 다른 업무를 진행하면서 지켜져야 할 가이드가 되는 경우가 훨씬 많죠. 그러다보니 경우에 따라 소홀하게 여겨지는 경우도 종종 있어요. 본격적인 행사나 프로모션, 굿즈제작 등 적극적인 브랜딩기획도 있지만, 대부분은 템플릿유지, 컨텐츠 일관성, 글의 톤이나 이미지의 느낌을 일치시키는 등의 소소한 업무들의 집합인 경우가 많으니까요.  그래서 브랜딩실무는 체화되지 않으면 아주 번거로운 걸림돌같이 여겨지기도 합니다. 우리도 사람이다 보니 사실 귀찮아서 한 번 두 번 안하다보면 어느새 사라져있는 것이 또 브랜딩 실무이기도 하니까요. 위의 물건들은 실무자들의 무기입니다. 나의 사고와 행동을 체계적으로 만들어주고 내 행동을 규정하는 사무실위의 친구들이자 든든한 조력자이지요. 사람의 사고방식은 보여지는 양식에 국한됩니다. 환경도 마찬가지죠. 물론 비단 브랜딩실무에만 적용되는 물건들은 아닙니다. 모든 회사생활에 공통적용되는 소품들입니다.  가볍고 사소해 보이는 이 소품들은 이 후에 계속될 이야기들의 밑거름입니다. 여기서 파일하나가 빠지고, 플래너 하나가 빠지고, 클립이 빠지고... 그렇게 벽돌이 하나하나씩 빠져가기 시작합니다. 디테일이 브랜딩을, 아니 전반적으로 '일'을 망친다는 것은 이러한 의미이지요. 브랜드는 우리 모두의 색깔이 모여 만들어지는 색의 교집합과도 같습니다. 그 색을 지니고 있는 것은 우리 자신이지만, 그게 표현되는 곳은 다름아닌 책상이 아닐까 싶습니다. 오늘의 이야기는 바로 그 곳에 대한 이야기였습니다. 우리의 일이 시작되는 그 곳.우리의 일이 시작되는 그 곳. 어떤 조력자들과 함께 하고 계신가요?
조회수 937

독자의 시선을 예상하라 (2/2)

Overview“언덕 위에 나무가 있다.” 이 문장을 보고 어떤 풍경을 상상했나요? 독자는 간단한 문장 하나조차도 저마다 다른 상상력을 발휘합니다. 나무에 잎은 있는지 없는지, 언덕은 낮은지 높은지, 날씨는 맑은지 흐린지 등 독자가 겪은 개인적 경험이나 생각에 따라 다르게 생각하는 것이죠.1) 하지만 위의 문장을 본 사람이라면 최소한 ‘언덕’과 ‘나무’의 형태만큼은 떠올렸을 겁니다. ‘언덕’과 ‘나무’는 크리에이터가 꼭 전해야 하는 문장의 핵심 단어와 같습니다. 두 단어가 독자에게 온전히 전해지면 언덕 위에 나무가 있는 모습(메시지)이 떠올려지니까요. 신기합니다. 문장만으로 크리에이터의 머릿속에 있는 걸 그대로 독자의 머릿속에 옮길 수 있다니. 마치 ‘언덕’과 ‘나무’ 두 단어가 날개를 달고 날아다니는 것 같은 기분입니다.2) 하이퍼텍스트(Hypertext)의 가장 큰 특징이기도 하죠.하이퍼텍스트의 원리역삼동 사무실 구석에 앉아있는 내가 한 번도 만나지 않은 당신에게 언덕과 나무를 떠올리게 했던 것처럼 하이퍼 텍스트는 시공간의 제약을 완전히 벗어납니다. 이 글도 브랜디 랩스에 올린 순간부터 세계 여기저기를 날아다닐 수 있습니다. 내가 자고 있는 시간에도 남들은 검색만 하면 읽을 수 있으니까요. 어떻게 이런 일이 가능할까요?하이퍼텍스트의 원리우선 하이퍼텍스트의 원리를 살펴봅시다. 책을 예로 들면, 겉표지(starting point)에서부터 독서를 시작하는 건 모두 같지만 독자들은 각각 다른 방식으로 책의 내용을 상상하며 이어 나갑니다.(link) 만약 독자 A와 B가 “언덕 위에 나무가 있다”는 문장을 보고 같은 풍경을 상상했다면 그 둘은 서로의 상상을 공유하고 있는 셈입니다.(node-shared experience) 반면에 100명의 독자가 잔디 깔린 언덕을 상상해도 누군가는 혼자서 바위 언덕을 상상할 수도 있습니다. 그래도 괜찮습니다. 그것은 ’언덕’이라는 하나의 단어에서 떠올릴 수 있는 수많은 풍경 중 하나일 뿐이니까요.(node-unshared experience) 점들이 촘촘하게 모여 하나의 선을 이루는 것처럼 이런 상상들이 모여 크리에이터의 이야기가 독자에게 전달됩니다.3) 이제는 디지털로 모두가 연결되었습니다. 그만큼 상상의 규모도 더욱 커졌습니다.4) 크리에이터와 독자가 동시에 같은 콘텐츠를 볼 수 있기 때문에 곳곳에서 새로운 상상이 동시다발적으로 추가됩니다. 독자는 읽는 순서를 자유롭게 선택할 수 있습니다. 책의 기본적인 순서는 페이지로 정해지지만 하이퍼텍스트는 독자가 읽는 도중 건너뛰거나, 다른 글로 이동하거나, 읽는 도중 ‘뒤로 가기’를 클릭할 수도 있습니다. 컴퓨터와 인터넷의 특성 때문에 독자의 시선이 훨씬 자유로워진 것입니다.5) 메시지를 읽게 하는 방법독자가 자유롭게 상상할 수 있다고 해서 크리에이터의 역할에 위기가 찾아온 건 아닙니다. 앞서 본 언덕 위의 나무처럼 독자가 뭘 떠올리든 상상할 메시지(starting point)를 제공하는 건 여전히 크리에이터의 몫이기 때문입니다.5) 크리에이터라면 누구나 콘텐츠를 통해 독자에게 하고 싶은 말이 있을 테고, 그것이 잘 전해져야만 콘텐츠의 가치가 더욱 높아질 겁니다. 독자의 상상력을 자극하면서도, 메시지를 제대로 전하는 방법! 어떤 것이 있을까요.1.맥락 독자가 무언가를 떠올렸다는 건 상상이 되게끔 만들었다는 의미입니다. 예시를 하나 살펴보겠습니다. 한림대학교 강동성심병원은 병원 리모델링 공사를 하면서 ‘병원이 다시 태어났다’는 메시지를 전달하고 싶었습니다. 그래서 병원에서는 의사를 모델로 세워 확 바뀐 모습을 표현했습니다. 맥락의 예 / 한림대학교 강동성심병원 제공위의 두 포스터에 등장한 의사는 동일인물입니다. 하지만 이미지가 확 바뀌어 완전히 다른 사람처럼 보입니다. 청정무균시스템을 도입하고, 첨단 하이브리드 수술실을 오픈했다는 메시지를 전달하려고 의사의 확 바뀐 이미지를 대신 보여준 것입니다. 포스터에서는 ‘확 바뀌었다!’고 대놓고 말하진 않았지만, 사람들은 바뀐 병원의 모습을 상상할 수 있을 겁니다. 여기서 중요한 것은 두 개의 포스터를 비교하며 이미지 속에 담긴 메시지를 함께 읽어냈다는 점입니다. 아마 오른쪽의 포스터만 봤다면 ‘강동성심병원 거듭나다’라는 카피가 잘 와닿지 않았을 겁니다. 병원과 의사의 모습이 서로 어떤 상관관계가 있는지 알 수 없기 때문입니다. 그러나 비교 대상 덕분에 의사의 확 바뀐 이미지를 한눈에 볼 수 있었고, 메시지 또한 이해하는 데 도움이 됐습니다. ‘바뀌었다’는 말에 날개가 달려 하이퍼텍스트로 독자에게 날아간 순간이기도 합니다. 맥락은 사전적 의미로 ‘사물 따위가 서로 이어져 있는 관계나 계통’을 말합니다. 콘텐츠 맥락도 이와 비슷합니다. 위의 두 포스터를 통해 ‘동일인물이지만 달라 보인다’는 정보를 얻을 수 있었으니까요. 그 정보는 두 대상을 서로 비교하면서 자연스럽게 생각해낸 결과입니다. 콘텐츠의 맥락은 굳이 설명하지 않아도 상관관계를 읽어낼 수 있게 도와주는 정보인 셈입니다. 2.구체적 워딩 구체적 워딩은 주로 광고에서 사용하는 기법입니다. 누구나 알고 있는 쉬운 단어를 이용해 사람들의 머릿속에 무언가를 떠올리게 만드는 것이죠. ‘계란으로 바위치기’라는 말을 들었을 때 사람들은 자연스럽게 도저히 승산이 없는 경우를 떠올립니다. 구체적 워딩이기 때문입니다. 구체적 워딩의 예 / 엿츠 제공이 제품은 엿을 식품이 아닌 ‘욕’의 관점에서 접근해 다양한 상황과 연결하고 있습니다. 맛이나 신선도 등 제품 그 자체에 대해 설명하진 않았지만 훨씬 좋은 홍보 효과를 거뒀습니다. 덕분에 이 제품을 보는 사람은 엿과 야근의 맥락을 통해 짜증나는 상황을 떠올릴 수 있었죠. 특히 이 카피는 많은 간식 중 왜 엿을 먹어야 하는지를 정확히 짚어냈습니다. 그러므로 야근에 시달리는 회사원이 가판대의 많은 간식 중 엿을 집는 건 당연한 일입니다. Conclusion꼭 화려한 영상, 잘 찍은 사진이 아니어도 됩니다. 글만으로도 독자가 상상할 수 있게 도울 수 있으니까요. 상상은 머릿속에 그림을 그려줄 뿐 아니라 전하고자 하는 메시지까지 읽게 만듭니다. 엿 봉지처럼 한 단어가 다른 뜻도 포함하고 있다면 중의적 표현을 해보는 것도 좋은 방법입니다. (물론 판단은 독자의 몫입니다.) 콘텐츠에 중요한 정보 없이 쓸데없는 말만 가득하다면, 이제부터는 긴 설명이 필요 없도록 독자가 읽어야 할 부분을 정확하게 짚어주세요. 크리에이터가 제공한 단어 하나, 문장 한 줄이 독자에겐 큰 선물이 될 겁니다. 1) 콘텐츠는 크리에이터의 단독 작업만으로는 모든 것을 충족할 수 없다. 대신에 독자와의 상호작용으로 콘텐츠를 완성할 수 있다. 즉, 나무의 상태나 언덕의 모습을 상상하는 건 독자의 몫이며 이는 독자에게 유한 또는 무한의 자유를 주는 것과 같다. 2) 크리에이터가 온라인에 콘텐츠를 업로드하는 순간, 콘텐츠는 독자와 함께 즐기는 공유의 속성을 지닌다. 3) 크리에이터가 구체적으로 표현할수록 shared node는 더욱 많아진다. 4) 좋은 콘텐츠가 뭐냐고 물으신다면 5) 하이퍼텍스트를 독자가 읽는 방법은 검색, 훑어보기, 하이퍼링크, 건너뛰기, 조각내기 등이 있다. 6) 이와 관련해 이화여대 김애령 교수는 다음과 같이 언급했다. “하이퍼텍스트의 이면에는 그것을 구성하는 코딩(coding)에 있다. 하이퍼텍스트가 독자에게 무한한 경로의 선택권을 제공할 수 있으려면 그 텍스트를 설계하는 작가는 모든 가닥들과 결과들의 데이터를 미리 만들어 두어야 한다. 따라서 독자들의 선택권은 ‘가상적’이다.” (출처는 참고문헌 참조)참고문헌 조은하(2007), 디지털 스토리텔링, 한국근대문학연구, 제15호, 261-262심은진∙윤학로(2007), 하이퍼텍스트의 새로운 글쓰기: 프랑스 디지털 문화이론을 중심으로, 외국문학연구, 제26호, 33-48김애령(2017), 디지털 매체 시대의 읽기와 해석학의 과제, 현대유럽철학연구 제45집, 185장근우, 「콘텐츠의 정석」, 예문아카이브(2017)글장근우 대리 | People&Relations [email protected]브랜디, 오직 예쁜 옷만#브랜디 #마케팅문화 #마케팅팀 #업무환경 #인사이트 #경험공유 #콘텐츠
조회수 665

디자인은 거들 뿐이다?

디자인과 예술의 차이를 물으면대부분 클라이언트가 있느냐 없느냐의 차이라고답하는 경우가 많다.내 작품인가? 고객의 작품인가?틀린 말은 아니지만,이 말에 순응하는 순간, 디자이너의 생각은수동적인 모드로 전환되기 시작한다.디자인이라는 업태가 고객의 요구를 기반으로디자인 역량과 해결책을 제공하여 수익을 얻는 구조라는 것을 인정하더라도 이 프레임에 빠져서는 안된다.여러차례 얘기하지만디자이너의 핵심 역량은 그림을 잘 그리거나멋지게 표현하는 것이 아니다.남들이 미처 보지 못하는 것을 발견하고,눈에 보이지 않는 것을 상상하고,자신의 생각을 남들이 이해할 수 있게  표현하는 능력이다.  남들이 보지 못하는 것을 표현하는 능력많은 디자이너들이 이런 유형의 클라이언트를접해봤을 것이다."요즘 그런 스타일이 괜찮던데...""그 브랜드처럼 해주세요""요런 느낌 좀 살려주면 좋겠는데요"눈에 보이는 것만 볼 수 있는 사람들은눈으로 본 것만을 믿는다.그리고 봤던 것 중에 선택할 수 밖에 없다.그 이상을 상상하거나, 받아들이지도 않는다.자신이 볼 수 있는 해상도로만 사고한다.그래서 좋은 creativity를 가진 디자이너도창의성을 수용할 클라이언트를 만나지 못한다면고객의 눈높이로 평준화될 수밖에 없다.때로는 고객의 사고를 확장시켜야 하고경험 너머의 risk를 감내할 수 있도록 설득해야 한다.디자이너가 yes man이 되는 순간 그들과 같이 망하게 되는 것이다.무조건 부정하라는 의미가 아니다.기획력이 필요하다는 것이다.기획력이 필요하다아무도 해보지 않은 것을 시도한다는 것은,누구도 경험하지 않았던 리스크를 감내시키는 것은고도의 전략이 필요하다.보지 못한 것을 볼 수 있게 해줘야 한다.상상하지 못한 것을 한걸음씩 상상할 수 있게 해줘야 한다.기획력이라는 것은논리적이어야 한다는 의미만은 아니다.치밀한 데이터로 설득하는 보고서를 쓰라는 의미도 아니다.상상력은 데이터로 입증할 수도 없다.다만, 클라이언트가 사고의 영역을 확장할 수 있게유도하는 과정을 기획하라는 것이다.많은 인터랙션과 교감과 교류가 있어야 한다.때론 논쟁하고 인정하고 생각의 빈틈을 파고들어야 한다.자주 이야기하고 확신을 줘야 한다.사례를 들고, 시뮬레이션하고, 구체적이어야 한다.상상력을 작동할 수 있게 긴장과 집착을 풀도록 해야한다.시간이 필요하고 신뢰가 필요하다.관계가 만들어져야하고 호감을 생성되어야 한다.그래서 어려운 것이다.그래서 순응하게 되는 것이다.디터람스가 브라운에서 그랬던 것처럼,나오토 후카사와가 무인양품에서 했던 것처럼,조나단 아이브가 애플에서 그랬던 것처럼,시키는 것을 잘하는 것이 아니라,주도하는 것이어야 한다.거들기만 할 뿐이 아니라,앞장서야 한다.기회를 기다리는 것이 아니라,주인이 되어야 한다.다행스러운 것은점점 그런 세상이 다가오고 있다는 것이 느껴지고,그런 능력을 요구하는 목소리가 커지고 있다는 것을체감하고 있다는 것이다.상대방을 움직이는 역량,클라이언트를 성장시키는 능력이 필요하다.언제까지나고집세고 개성강한 독불장군 디자이너로는세상을 바꿀 수 없다.사람을 움직이는 능력아티스트가 아니라디자이너이기 때문이다.
조회수 1150

월간<디자인>'블랭크 코퍼레이션' 리브랜딩

'월간< 디자인 >' 7월호에 최근에 진행한 '블랭크 코퍼레이션'의 리브랜딩에 대한 기사가 실렸습니다.아래는 월간 디자인 기사 전문입니다.디지털 시대를 위한 본질을 만들어내는 공장블랭크코퍼레이션의 타입페이스와 그래픽 모티브, 브랜드 마크를 조합한 포스터를 오피스 한쪽 공간에 부착했다."스스로를 재창조하지 않으면 생존할 수 없다. 오늘날의 성공을 가져다준 모든 것을 반복해서 한다고 미래에 또다시 성공할 것이라는 건 잘못된 생각이다.” 인스타그램 대표 케빈 시스트롬Kevin Systrom의 말처럼 세상은 등가속도로 무섭게 변하는 중이다. 콘텐츠와 커머스 또한 디지털의 문법에 따라 완전히 새로운 생태계를 구축하고 있다. 이러한 판도 속에서 2016년 2월 론칭 이후 성공 가도를 달리고 있는 블랭크TV가 최근 브랜드명을 ‘블랭크코퍼레이션’으로 확장해 아이덴티티를 새롭게 정립했다. 론칭 3개월 만에 매출 15억 원을 돌파하고 최근에는 월 매출 100억 원을 달성한 블랭크코퍼레이션. 이들이 급변하는 시장 환경 속에서 순항할 수 있었던 결정적 이유는 뭘까? 진부하게 들릴지 모르겠지만, 본질에 충실했기 때문이다.명함홀더와 명함블랭크코퍼레이션의 캘린더 블랭크코퍼레이션의 시작은 셀프 다운펌 크림으로 남성들 사이에서 그루밍 브랜드로 각광받기 시작한 블랙몬스터Black Monster를 론칭한 비디오 커머스 전문 기업이었다. 스마트폰 헤비 유저들은 대체로 정보를 동영상 형태로 받아들인다는 데 착안해 일찍이 영상 콘텐츠 기반의 비즈니스 모델을 제시한 것이다. 블랭크코퍼레이션이 추구하는 본질은 슬로건인 ‘라이프 니즈 솔루션’으로 설명할 수 있다. 소비자의 일상에는 크고 작은 문제들이 있는데 이를 기획, 생각, 플래닝을 통해 해결하겠다는 의지를 담은 것. 최근 론칭한 몇 가지 브랜드를 살펴보면 블랭크코퍼레이션의 비전을 더 쉽게 이해할 수 있다. 그중 라이프스타일 브랜드 소소생활은 가볍고 건강한 식문화에 대한 관심을 바탕으로 소소반끼, 소소한바 등의 제품을 판매한다. 시간이 없어도 가능한 한 건강하게 끼니를 챙기고 싶은 젊은 세대의 니즈를 포착한 것이다. 이 외에도 반려동물 브랜드 아르르Arrr는 단순히 ‘애완’이 아닌 ‘반려’에 초점을 맞춰 배변 교육을 위한 스프레이 등 반려동물의 라이프스타일을 위해 꼭 필요한 제품만 선보인다. 두 브랜드의 공통점은 물건을 잘 만드는 공장을 찾고 필요한 물건을 고품질로 디자인해 소비자들이 가장 궁금해하는 기능과 사용법, 효과 등 커뮤니케이션 포인트를 짚어냈다는 점이다. 즉 제품이나 브랜드를 만들기보다 생각과 기획을 판매하는 것이다. 지금까지 해온 것을 보다 명확하게 지칭하기 위해 새로운 이름에는 기존 미디어나 방송국을 연상시키는 ‘TV’라는 단어 대신 라이프스타일 솔루션 기업으로서 ‘코퍼레이션’이라는 단어를 넣었다. ‘빈칸’이라는 단어의 의미를 살려 소비자의 삶에서 해결되지 않은 ‘빈’ 영역의 문제를 해결하겠다는 슬로건을 녹여냈으며, 다양한 종류의 내부 브랜드를 하나로 아우르는 메가 브랜드로 기능하는 것이다.마더그라운드와 콜라보레이션으로 제작된 토트백블랭크코퍼레이션 전용 서체 blank sans브랜드의 아이덴티티는 블랭크코퍼레이션의 CI 디자인에서 명확하게 드러난다. 로고 디자인의 모티프는 공장과 솔루션에서 가져왔다. ‘factory’라는 단어 중 접두어 ‘fac’의 어원이 ‘하다’, ‘만들다’의 뜻이 있다는 데 착안해 창조적인 아이디어를 기반으로 콘텐츠를 생산해내는 공장의 의미를 담았다. 블랭크를 뜻하는 검은색의 빈 영역은 삶의 영역에서 일어나는 문제점으로 지칭했다. 누군가는 ‘원래 그런 것’이라 생각할 수 있는 부분도 문제의식을 갖고 바라보는 블랭크코퍼레이션의 접근 방식을 표현했다. 완성된 CI는 공식 웹사이트와 전용 서체는 물론, 새롭게 디자인한 오피스 공간과 커스터마이징한 제품에도 적용해 블랭크코퍼레이션의 업을 일관적으로 나타냈다. 디지털 시대에는 새로운 브랜드나 채널이 기하급수적으로 생겨난다. 그만큼 하룻밤 사이에 사라지는 채널도 부지기수다. 냉정하고 혼란스러운 이 시장에서 블랭크코퍼레이션은 상생할 수 있는 제조업을 발굴하고, 소비자들의 생활 속 사소한 문제점을 연구해 끊임없이 해결해나가려는, 본질을 향한 집요한 태도로 승부한다. 블랭크코퍼레이션의 이번 리브랜딩 프로젝트는 그들이 지금까지의 성공 가도를 바탕으로 입지를 굳혀가고자 하는지에 대한 백 마디 말보다 명확한 제스처라고 볼 수 있다.\브랜딩 디렉터 : 나세훈디자인 : 송인욱,오영은,박선희,하지은월간<디자인>글 : 백가경 프리랜서 기자편집: 김은아 기자디자인하우스 (월간디자인 2018년 7월호) ⓒdesign.co.kr, ⓒdesignhouse.co.kr 무단 전재 및 재배포 금지<월간디자인에 소개된 내용을 토대로 공유하였습니다.>
조회수 1269

나는 스타트업에서 성장의 즐거움을 다녔다

놀담의 프로덕트를 만드는 일을 맡고 있는 포니.포니는 어떤 사람일까요? 놀담에서 어떤 일을 하고 있고 앞으론 어떤 일을 하게 될까요?저는 무엇이 필요한지에 대한 데이터를 분석하고 이를 개선할 프로덕트를 기획하는 프로젝트를 런칭하여 매니징하고 최종적으로 프로젝트를 리뷰하는 일까지 하고 있어요. 여러명이 투입되는 프로젝트일 수록 한 번에 한 칸씩 명확하게 짚어가며 탄탄하게 프로젝트를 발전시키는 게 좋아요. 그래서 다 같이 공유할 수 있고 누구나 이해할 수 있도록 깔끔하게 기획을 잡은 뒤에 실무를 시작합니다.같이 일하는 사람들 모두가 “이정도 하면 되겠지. 대충 이렇게 때우자’가 아니라 어떻게든 개선해보겠다, 어떻게든 해내보겠다,하는 주체적인 일꾼의 마인드를 갖추고 있어서 같이 일하기에도 내가 역량을 펼치기에도 시너지가 마구마구 나는 일터라고 느껴요. 나를 뚫어줄, 다음 단계로 이끌어줄 시니어들을 만나는 걸 추천드려요. 현업에서 내가 겪었던 일들을 미리 겪은 분들인 만큼 시니어와의 만남에서는 직무의 수평을 넘어 고공에서의 관점을 갖출 수 있습니다.누군가 문제를 탁 던지면 일순간 막 퍼져나가면서 전개되고 다 다른 방향으로 생각 키워나가다가도 빠른 시간안에 확 수렴되는 게 있어요. 내가 아플 때 아플 수 있고 쉬고 싶을 때 쉴 수 있게 팀이 셋팅이 되어있다는 건 정말 노력의 결과인 것 같아요.웃고 즐기면서도 일을 잘 할 수 있지 않을까? 하는 생각에 주변 팀원들에게 장난도 치고 농담도 했어요. 즐거운 분위기에서 실수를 이야기하는 것도, 결과의 부족함을 지적하는 것도, 우리의 현실을 이야기하는 것도 오히려 더 편해지지 않았나 생각해요.CEO, CTO 모두 ‘매우 똑똑한 사람이다’라고 말할 수 있어요. 때로 너무 똑똑해서 나랑은 좀 다른 사람처럼 느껴지기도 해요. 근데 두 명이 정말 물과 기름같은 사람이라 자주 의견이 갈리는데요. 둘 사이에서 “뭐지? 둘다 맞는 말 같은데 나 어떻게 해야하지?” 할 때가 많아요. 결국엔 개별 이슈에 대한 결정이 더 설득력 있고 더 논리적인 사람이 승리하더라구요. 어쨌든 둘다 목표하는 바가 동일하기 때문에 옳은 결정으로 답이 나는 것 같구요. 두 사람은 참 운좋게 잘 맞으면서도 다른 사람을 만났다고 생각해요.놀담에 잘 어울릴 것 같은 사람은 자기 직무에 관해서 확실한 커리어를 쌓고 싶으신 분인 것 같아요. 또는 아직 역량은 부족한 지언정 저처럼 각고의 노력으로 역량을 무지막지하게 키워나가실 분이 적합하다고 생각해요. 그럴 분이라면 꼭 놀담에서 함께 일해보고 싶어요.전문 보기�놀담을 간단하게 소개해주세요일단 제가 생각하는 놀담은 자기가 하고 싶은 걸 마음 껏 펼칠 수 있는 곳이라고 생각해요. 아이들에게도 마찬가지고 팀원들에게도 그렇습니다.어쩌다가 놀담에 입사하시게 되었나요?요약하면 어쩌다가…인데요.어쩌다가를 풀어보자면 친구의 권유로 스타트업 박람회를 가게 되었어요.사전에 어떤 기업들이 있나 확인을 해보게 되었는데 놀담의 소개를 보고는 꼭 부스를 가봐야지란 생각이 들었어요. 떨리는 마음으로 부스에 갔을 때 현 CTO,CEO와 함께 부스에서 인터뷰를 할 수 있었는데요. 지금 떠올려보면 CTO는 말이 없고 비장해보였고 CEO는 엄청나게 열정적으로 본인들의 꿈을 팔았(?)는데 그 강력하고도 강렬한 의지에 홀려서 같이 일해야겠다 결심하게 되었습니다.어떤 일을 놀담에서 하고 있나요?저는 기본적으로 UX/UI 디자이너지만 프로덕트의 기획과 프로젝트에 대한 기능 리뷰까지 진행합니다.말하자면 놀담에 무엇이 필요한지에 대한 데이터를 분석하고 이를 개선할 프로덕트를 기획하는 프로젝트를 런칭하여 매니징하고 최종적으로 프로젝트를 리뷰하는 일까지 하고 있어요. 본인이 일하는 스타일은 어떤가요? (자랑 가능)저는 기획 문서를 꼼꼼하게 만들어두고 시작하는 스타일이에요. 그렇지 않으면 중간에 흔들리더라구요. 여러명이 투입되는 프로젝트일 수록 한 번에 한 칸씩 명확하게 짚어가며 탄탄하게 프로젝트를 발전시키는 게 좋아요. 그래서 다 같이 공유할 수 있고 누구나 이해할 수 있도록 깔끔하게 기획을 잡은 뒤에 실무를 시작합니다. 처음부터 제대로 기획해서 모두가 한마음 한 뜻으로 움직일 수 있게 하는 게 현재의 제 역할입니다.포니에게 일이란?거창해 보이지만 살아가는 이유이자 삶의 원동력입니다. (비장) 내가 이런 일을 하고 있어, 이런 소속감이 있어라는 그 느낌이 저에게는 삶의 동력이 됩니다. 이런 원동력을 잘 가동시키기 위해서라도 계속 호기심과 탐구력을 유지하려고 노력합니다. 몸 담고 있는 직무에 대해서 누구보다도 더 많이 알고 잘 알고 싶어서 인 것 같아요.그래야 일하는 사람으로서 또 그냥 사람으로서 계속 성장할 수 있으니까요.정리하자면, 저에게 일은 삶의 동력이고 그만큼 중요하기 때문에 “제대로 잘”하기 위해서 많이 노력하고 있어요.포니는 폭풍성장의 아이콘이라고 할 수 있을텐데, 비결이 뭔가요?저는 신입으로 입사를 해서 지금은 많은 프로젝트들을 동시에 매니징하는 역할을 하고 있어요. 빠른 성장이 저의 장점이라고 할 수 있는데 사실상 비결은 간단합니다.경력자와의 네트워킹인데요.사실 주니어들끼리 모이면 망해요. 주니어는 다 고만고만(?) 하거든요. 그래서 나를 뚫어줄, 다음 단계로 이끌어줄 시니어들을 만나는 걸 추천드려요. 현업에서 내가 겪었던 일들을 미리 겪은 분들인 만큼 시니어와의 만남에서는 직무의 수평을 넘어 고공에서의 관점을 갖출 수 있습니다.시니어를 만나기 위해서는 좀 적극적으로 임해야 합니다. 밋업자리도 많이 나가고 직무에 해당하는 컨퍼런스는 무조건 다 나가야해요. 명함을 건내면서 친한척을 많이 해요. 기회는 스스로 만들어야 하니까요.일터로서의 놀담은 어떤가요?제 기준에서 스타트업 가운데 매우 괜찮은 곳이라고 생각해요.같이 일하는 사람들 모두가 “이정도 하면 되겠지. 대충 이렇게 때우자’가 아니라어떻게든 개선해보겠다, 어떻게든 해내보겠다,하는 주체적인 일꾼의 마인드를 갖추고 있어서 같이 일하기에도 내가 역량을 펼치기에도 시너지가 마구마구 나는 일터라고 느껴요.놀담의 팀워크는 그 성질이 어떤가요?질문을 듣자마자 문득 생각난건, ‘슬라임같다’.누군가 문제를 탁 던지면 일순간 막 퍼져나가면서 전개되고 다 다른 방향으로 생각 키워나가다가도 빠른 시간안에 확 수렴되는 게 있어요. 일단 누구든 문제를 제기할 수 있고 그 문제에 대해서 자신의 인사이트로 논할 수 있고 무엇보다 결론이 빠르게 잘(?) 난다는 점이 너무 좋아요. 가장 최근에 일터에서 행복했던 경험은요?명함을 다시 만들었을 때인데요. 저희 놀담 명함에는 나의 미니어처가 하는 말을 적을 수 있어요. 예전에는 “내가 이거 만들었다-i designed it”이 저의 문구였는데최근에 명함을 업데이트 하면서 “나 여기(놀담) CPO가 될거야” 라고 적었어요. 포부를 담아서요. 그리고 나만의 CPO되기 전략을 세우고 있습니다. 마인드셋을 내가 이 회사의 C레벨이 되겠다고 정하니까 벅차오르기도 하고, 무언가 개이는 기분이 들면서 간만에 일하면서 행복했어요.가장 최근에 쓴 휴가때 한 일은 뭔가요?(한참을 망설이다가) 으, 제가 어쩔 수 없이 컨디션이 많이 좋지 않았아서 오래 쉴 일이 있어요. 휴가를 쓰기 전에 같이 일하는 디자이너와 개발자들에게 인수인계를 하는데 프로덕트 팀 전체가 ‘어떻게 어떻게 해달라’라는 구두의 조치만 취해도 순식간에 처리가 되고 프로젝트 간 업무 조율이 되는 걸 경험했을 때 ‘오 우리가 합이 좀 맞는구나. 이제 척하면 척이구나.’ 싶었어요. 내가 아플 때 아플 수 있고 쉬고 싶을 때 쉴 수 있게 팀이 셋팅이 되어있다는 건 정말 노력의 결과인 것 같아요.앞으로 이루고자 하는 바, 커리어의 욕심?저는 좀 야망이 있는 편인데요. 놀담의 CPO를 찍고(?) 박수칠때 떠나서 C레벨로 이곳 저곳 멋진 스타트업을 떠돌며 다양한 프로젝트를 맡고 싶어요.최근에 공부하고 있는 내용은요?데이터에 대한 공부를 하고 있어요. 주식도 보고 책도 읽고요. 스터디도 그 쪽으로 하고 있어요. 곧 데이터를 보고 의사결정을 하는 UX 디자이너가 될 예정입니다.놀담의 문화를 만들어내는 역할을 담당하고 있는데, 어쩌다?주변에서 다들 “회사 가기 싫다, 퇴사하고 싶다” 하는 게 이해가 안가요. 하루의 절반을 보내는 곳인데 불행하면 그건 비효율이라고 생각해요. 웃고 즐기면서도 일을 잘 할 수 있지 않을까? 하는 생각에 주변 팀원들에게 장난도 치고 농담도 했어요. 즐거운 분위기에서 실수를 이야기하는 것도, 결과의 부족함을 지적하는 것도, 우리의 현실을 이야기하는 것도 오히려 더 편해지지 않았나 생각해요.만약 본인이 포함되지 않은 다른 프로젝트 한참 잘못 돌아가고 있다면 어떻게 하시겠어요?내가 속하지 않은 프로젝트라도 잘못 돌아가고 있다는 게 자명하다면 현상에 대해서 논리적으로 준비해서 회의를 소집하겠죠? ‘지금 이렇다. 이속되면 예상되는 결과는 이렇 것이다.’ 하고 준비를 철저히 해서 담당자와 C레벨을 소집해서 얘기 할 거에요. 그래도 수습이 안된다고 하면 강력하게 수를 내놓을 것같구요. 큰 이슈는 아직까지는 그래본 적이 없지만 작은 이슈라도 모두가 설득되고 공감될 수 있게 시간을 들여서라도 준비를 철저하게 해서 다같이 회의를 하는 편이에요.포니가 보기에 C레벨 두 명은 어떤 사람인가요? CEO, CTO 모두 ‘매우 똑똑한 사람이다’라고 말할 수 있어요.때로 너무 똑똑해서 나랑은 좀 다른 사람처럼 느껴지기도 해요.근데 두 명이 정말 물과 기름같은 사람이라 자주 의견이 갈리는데요. 둘 사이에서 “뭐지? 둘다 맞는 말 같은데 나 어떻게 해야하지?” 할 때가 많아요. 결국엔 항상 개별 이슈에 대한 결정이 더 설득력 있고 더 논리적인 사람이 승리하더라구요. 어쨌든 둘다 목표하는 바가 동일하기 때문에 옳은 결정으로 답이 나는 것 같구요. 두 사람은 참 운좋게 잘 맞으면서도 다른 사람을 만났다고 생각해요.포니와 CEO, CTO향후 함께할 팀원에게 하고 싶은 이야기?놀담에 잘 어울릴 것 같은 사람은자기 직무에 관해서 확실한 커리어를 쌓고 싶으신 분인 것 같아요. 또는 아직 역량은 부족한 지언정 저처럼 각고의 노력으로 역량을 무지막지하게 키워나가실 분이 적합하다고 생각해요. 그럴 분이라면 꼭 놀담에서 함께 일해보고 싶어요.

기업문화 엿볼 때, 더팀스

로그인

/