어떤 버튼을 넣어드릴까요?세상에 온전하게 혼자 만든 물건은 매우 드뭅니다. (풀스택이라는 개념도 있지만) 웹서비스 역시 여러 사람의 협업으로 만듭니다. 슬로워크에서 운영하는 이메일마케팅 서비스 스티비도 예외는 아닙니다. 살짝 말씀드리면 스티비는 기획/PM 1명, 디자이너 1명, 개발자 2명이 만들고 있습니다. 큰 조직은 아니지만 소통의 틈은 늘 존재하기 마련입니다.그중 하나가 UI 용어입니다. 동상이몽이라는 말처럼 각자 웹서비스 개발을 해왔지만, 모두가 같은 상황과 맥락에서 학습한 것이 아니고, 머릿속에 그리는 이미지가 달라 사용하는 용어가 서로 다를 수 있습니다. 그리고 같은 용어를 사용하면서도 그 의미와 구현된 결과물이 다를 수 있습니다.“‘드롭다운’이 들어가야 해요”라고 요청받고 나온 결과물은 ‘버튼을 클릭하면 아래로 펼쳐지는 메뉴’일 수 있습니다. 하지만 요청한 사람이 실제로 원했던 것은 <select>일 수 있다는 것이죠. 이런 소통의 틈을 채우기 위해 우리는 장문의 기획서를 쓰고 시간과 공을 들여 프로토타이핑을 합니다. 시간과 인력 자원이 허락된다면 아주 좋은 과정입니다. 하지만 자원이 적은 스타트업 팀에게는 부담스러울 수 있습니다. 모든 것이 비용이죠. 그저 “‘드롭다운’은 아래로 펼쳐지는 메뉴이고, 옵션 선택을 위해서는 셀렉트(<select>)를 쓰자”고 미리 약속하면 많은 부분이 해결됩니다. 그래서 UI 용어 통일은 중요합니다.이런 것이 헷갈리고, 이렇게 씁니다.몇 가지 사례를 살펴보겠습니다. 서비스를 2년 가까이 만들어 오면서 헷갈렸던 용어와 서로 약속을 통해 바로 잡은 것들, 그리고 아직도 헷갈리는 것들이 섞여 있습니다. 그리고 다른 팀에서 사용하는 의미와 또는 웹표준과 다를 수 있습니다. 그저 “스티비는 이렇게 쓰는구나”하고 봐주시면 되겠습니다.1. 버튼(button)버튼은 생각보다 다양합니다사용자의 클릭을 끌어내는 버튼. 마우스와 키보드를 가지고 할 수 있는 많은 액션이 있지만 무언가를 클릭하는 것만큼 직관적이고 친숙한 UX는 없을 것입니다. 그 중심에 버튼이 있습니다. 어떤 때는 이동을, 어떤 때는 실행이나 취소를 위해 버튼을 클릭합니다.버튼의 개념과 역할은 아주 명확한 것처럼 보이지만 프론트엔드 개발자 입장에서는 때로 ‘링크’와 혼동될 때가 있습니다. 어떤 것은 로 만들어진 링크로 만들어야 하고, 어떤 것은 <button>으로, 또 어떤 때는 <input type=”submit”>처럼 하기도 합니다. 하지만 표현되는 결과물은 마우스를 올리면 색이 변하는 ‘버튼’이죠. 보통 는 페이지의 이동을 나타내고, <button>은 실행이나 취소, <input type=”submit”>은 양식의 전송을 말합니다.스티비에서는 ‘버튼’, ‘링크’, ‘링크 버튼’을 혼용해서 사용합니다. 결과물은 버튼이지만 개발자의 재량에 따라 어떤 방식으로 구현할지 정합니다. 위 용어들에 대한 추가 질문은 따로 하지 않습니다. 그리고 SPA 방식으로 개발된 탓에 실제로 구분이 명확히 되지 않는 경우가 있습니다.* 이렇게 씁니다.→ “개발자가 알아서 한다”2. 팝업(popup)과 모달(modal)pop하고 뜬다고 다 팝업은 아님다음으로 헷갈리는 것이 팝업과 모달입니다. 과거 ‘팝업’은 작은 새로운 윈도우를 띄우는 기능을 말했습니다. 최근 팝업 차단이나 모던 브라우저들의 다중탭 기능 덕분에 많이 사용하지 않는 기능이 되었습니다만 아직도 많이 사용되는 용어입니다. 그리고 모달은 비교적 최근에 등장한 개념으로 화면 위에 레이어를 덮어 마치 새로운 창이 나타나는 것처럼 보여주는 방식입니다.“이 부분은 모달로 해주시고요.”, “다음 페이지는 역시 같은 팝업에서 이동하는 것으로…”. 이처럼 초기에는 위 용어를 혼재하여 사용했습니다. 새로운 윈도우를 띄우는 상황은 없거나 매우 희박하므로 소통에 큰 문제는 없었습니다. 다만 모달은 ‘기존(부모) 페이지와 맥락을 달리하는…”이라는 함의를 가지고 있습니다. 이런 경우는 되도록 ‘모달’이라는 용어로 통일하려고 합니다.* 이렇게 씁니다. → 팝업/모달은 중에 하나를 선택하지는 않지만 열리는 상황과 맥락에 따라 용어를 구분하면 좋다. 구현은 하나의 통일된 템플릿으로 진행한다.3. 얼럿(alert)항상 경고만 하는 건 아닙니다‘얼럿’은 사용자가 무언가 잘못된 길로 갔을 때, “띵”하고 뜨는 그 경고창입니다. 과거에는 브라우저에 내장된 기본 기능을 많이 사용했지만, 디자인과 사용성을 위해 최근에는 디자인이 입혀진 레이어로 구현된 유사 얼럿이나 하단에 위치한 토스트얼럿UI 등 다양한 변형이 사용되고 있습니다. “사용자가 취소하려고 하면 이런 메시지로 경고를 해주세요”라는 요청을 받는다면 개발자는 이것을 단순히 alert()으로 처리할지 상단에 뜨는 예쁜 레이어로 띄웠다가 일정 시간이 지나면 없앨지, 하단에 커다랗게 보여줄지 고민이 됩니다. 앞서 살펴본 모달 형식의 경고도 있으니 혼란은 커집니다.대부분 서비스가 그렇겠지만 스티비는 미리 설계된 얼럿 디자인을 사용합니다. 보통의 경우 당연히 이 UI를 사용하고, 추가 액션이 필요하거나 화면의 가운데 모달 형식으로 보여줘야 할 경우라면 디자인 작업물에 명시합니다. 화면에 붉은 글씨로 보여주는 경우도 있어 이 부분은 대부분 디자인 결과물로 소통합니다.* 이렇게 씁니다.→ 디자이너가 각 상황과 맥락을 파악하며 적당한 경고 방식을 선택, 디자인 작업물에 배치하여 개발팀에 전달합니다. (디자인 결과물은 제플린으로 전달합니다)4. 드롭다운(dropdown)과 셀렉트(select)그 누르면 뭔가 아래로 스르륵 나오는 그거결과부터 말씀드리면 ‘드롭다운’과 ‘셀렉트’는 다른 UI입니다. 하지만 비슷한 역할을 하는 경우가 있어 혼용하여 사용되는 것 같습니다. ‘드롭다운’은 하위 메뉴가 숨겨져 있다가 사용자의 마우스 오버나 클릭에 숨겨진 메뉴를 보여주는 UI입니다. 셀렉트는 <select>태그로 구현되며 사용자에게 내재된 옵션값 중 하나(또는 여러 개)를 받기 위한 양식 UI입니다.예쁜 디자인을 위해 레이어로 구현된 드롭다운처럼 구현한 셀렉트도 있고, 셀렉트인데 옵션의 선택에서 그치는 것이 아니라 선택과 동시에 페이지가 이동된다든지 하는 액션을 가진 경우가 있어 혼란이 생긴 것으로 생각됩니다.* 이렇게 씁니다.→ 초기 기획 단계에서 이 둘은 명확히 구분합니다. 사용자에게 어떤 값의 입력(선택)을 요구하기 위해서는 셀렉트를 사용합니다. 이때 디자인은 변형될 수 있지만, 선택이라는 핵심 기능은 그대로 둡니다.버튼 뒤에 숨겨진 메뉴를 표현하기 위해서는 드롭다운을 사용합니다. 하위 메뉴에서 어떤 액션이 있어야 한다면 드롭다운으로 합니다. 구현은 기획에 맞추어 진행합니다.5. 인풋(input)입력하는 곳인데, 마우스 갖다데면 색 바뀌고요. 입력하는 동안은 다른 색으로…‘인풋’, ‘입력창’, ‘필드’ 등 여러 이름으로 불리웁니다. 사용자에게 텍스트 형식으로 어떤 내용을 입력받기 위한 UI로 보통은 그냥 사각형이고, 여기에 테두리(border)나 옅은 배경(background)를 주어 사용합니다.딱히 헷갈릴 일이 없긴합니다. 하지만 뭔가 용어 통일을 한다면? 아마도 ‘텍스트 입력’이나 ‘텍스트 인풋’이 적당하지 않을까 합니다. 결과물은 입력을 위한 상자이지만 구현은 보통 <input>태그로 합니다. 하지만 단순히 인풋이라고만은 할 수 없는 것이 <input type=”checkbox”>나 <input type=”radio”>, <input type=”submit”> 같은 예외가 있기 때문입니다. “인풋으로 해주세요”, “인풋 중에 뭐요?”같은 상황이 생길 수 있습니다. 그렇다고 ‘텍스트 입력’이라고 한다면 <textarea>와 혼동할 수 있습니다. 구현 과정을 생각하여 되도록 명확한 용어가 사용되는 편이 좋습니다.* 이렇게 씁니다. → 무엇을 입력할지 디테일한 전달 필요. 용어 통일은 조금 더 논의해 본다.마치며쓰임에 따라, 상황에 따라 다를 수 있는 UI 관련 용어들. 각자 편한 대로 쓰면 되지 왜 꼭 통일해야 할까요? 오히려 하나의 단어로 통일하는 순간 그 단어만 제한되는 것은 아닐까요? 개발 조직마다 다르겠지만, 스타트업이나 스타트업처럼 작고 빨라야 하는 조직에서의 팀원 사이의 이런 작은 ‘싱크’들은 매우 중요합니다. 드롭다운을 열심히 그렸는데, 실제로 필요한 건 셀렉트였다면? 이렇게 소통이 어긋났을 때 발생하는 시간과 자원의 낭비가 줄어듭니다. 세세한 UI까지 디자이너가 그리는 시간을 줄일 수 있습니다. 미리 약속된 UI(일종의 스타일 가이드)가 있다면 개발자는 상세 디자인 없이도 기존 것을 재사용하면 되기 때문입니다. UI 용어의 싱크만 잘해도 많은 시간을 절약할 수 있습니다. 그 시간에 더 많은 아이디어를 실험하고 구현해볼 수 있습니다.#슬로워크 #스티비 #UI #디자인 #디자이너 #인사이트

일을 하다보면 매우 화가 날 때가 종종 있습니다. 일이 힘들어서라기 보단 그 일을 하는 사람들로 인한 관계의 문제가 크죠. 브랜딩업무는 협업과 협조가 굉장히 많이 필요합니다. 디자인팀만 죽어라고 일하는 것이 아닌, 마케팅, 대표님, 경영지원, 개발단에서도 전체 브랜드의 맥락과 의미를 알고 있어야 합니다. 또 제대로 가이드대로 적용할 수 있어야 하지요. 단순히 문구를 일치시키고 상하좌우 여백과 로고위치를 맞추는 것의 문제는 아닙니다. 사실 그런 비쥬얼적인 부분은 오히려 부차적이죠. 그냥 로고위치는 바꾸면 되는 것입니다. 그러나 행사기획에서의 방향성이나, 신제품 런칭할 때 홍보전략 등은 단순한 것들이 아닙니다. 그러나 우리는 돈도 별로 없고 시간도 없고 마음이 바다같이 넓지 않기 때문에 브랜드컨셉을 정확하게 일치시켜가면서 전략을 구축하기 어렵습니다. 그 때 그 때 아름다운 순천만 갈대같은 우리의 맘도 다잡아야 하고, '현실적' 이란 말을 입에 달고 사는 이사와도 싸워야 합니다. 당초 설정했던 브랜드컨셉대로 가려면 통장의 장막을 들추고 공허를 마주하는 공포도 견뎌내야 합니다. 대부분의 사람들은 이러한 불안과 조급, 두려움, 가난, 피폐, 기아와 환난에 마주하게 되면 3가지의 특징을 드러내게 됩니다.1. 대충 보고 대충 결정한다.2. 내 말이 맞다.3. 니 말은 틀렸다.마음이 조급해졌다..라는 얘기는 심리학적으로는 '인지편향기제가 크게 작용한다' 라는 것과 비슷합니다. 인지편향이란 무언가를 받아들일 때 한 쪽으로 치우쳐진 판단을 하는 현상을 의미하지요. 불확실성이 높아지면 사람은 내가 알고 있는 지식이나 경험안에서 해답을 찾고자 합니다. 안정성을 추구하고 해봤던 것으로 회귀하죠. 관성과 습관에 의해 행동하길 원하고, 그 외의 것들은 고려의 대상에서 일단 제외시킵니다. 2번과 3번의 현상은 그러한 안정성의 추구때문에 발생하는 것이지요. 1번의 경우는 정확히는 '스윽 보고 내가 아는 것이면' 받아들이고 아니면 버린다라는 얘기입니다. 이 때 흥미로운 것은 '내가 아는 것' 이 그닥 정확하지 않은 것이라는 사실이죠. 보통 그 지식은 프레임의 영향을 크게 받습니다. 예를 들어 이번에 앱을 구글스토어에 런칭하고 3달이 지났는데 아직 다운로드수가 45밖에 되지 않았다고 해봅시다. 똥줄이 타고 마음이 조급하여 심장의 쫄깃거림이인절미의 그것과 같겠죠. GA분석을 하고 있어도 사실상 수치에 대한 객관적 분석이 힘들어집니다. 그래서 일단 박리다매식 불특정다수를 대상으로 한 광역홍보를 시전하자고 합니다. '일단 높이는 것이 먼저다!' 라는 전제에서 나온 것이죠. 하지만 당초 브랜드컨셉은 고급화전략+명확한 타겟군의 확보로 매니아층을 기반으로 한 앱이었단 말입니다. 하지만 GA상에서 '네이버검색 유입이 가장 높네!' 라는 사실을 들어 마케팅팀에선 브랜드컨셉을 가볍게 누를 수 있습니다. 물론 편향된 정보입니다. 사실 연관검색어 유입은 다른 것에 비해 1.2%정도가 높은 것 뿐입니다. 그러나 이미 답정넌전략의 경우엔 일단 전략을 내고 그 이유를 나중에 찾습니다. 운 좋게도 네이버 연관검색어가 1위를 차지해서 프레임의 벽을 튼튼하게 만들어주었습니다. 수치와 통계, 데이터도 프레임앞에선 가끔 무용지물이 될 때가 있습니다. 숫자없는 의미는 맹목적이고, 의미없는 숫자는 공허하지만, 숫자가 의미와 잘못 결탁하는 순간 우리는 회의실에서 고대사 간접체험을 하며 '고조선시대의 제정일치가 이런 느낌이었구나.' 라며 무릎을 탁 칠 수 있습니다.이처럼 정보의 편향된 인지와, 자기중심적 사고, 배타심리가 높아지면서 무리한 요구, 잦은 변경, 말 같지도 않은 소리등이 탄생하게 되고 실무자들은 만들어놨던 여러가지 것들을 無로 되돌리는 공허의 군주놀이를 하며 드디어 욕설이 등장하게 되는 것입니다.사람은 언제 화를 낼까요. 물론 여러가지 상황이 있을 겁니다. 그 주체가 상대방에 대한 빡침인지, 나를 향한 것인지도 구별해야 겠죠. 추운 겨울날 따끈한 치킨을 사들고 집에 가다가 자빠져서 치킨이 진흙탕물에 뿌링클되는 것은 나에 대한 빡침일 것이고, 디자이너에게 시안좀 만들어오라고 했더니 혼돈스러운 것을 가져왔을 때 느껴지는 것은 상대에 대한 빡침이겠죠. 사람의 화는 주로 이런 상황에서 발생합니다. 5가지로 분류해보죠.1. 인정받지 못할 때2. 나와 다른 어떤 것을 강요당할 때3. 부당하거나 억울하다고 느껴질 때4. 상대가 공격적인 태도를 취할 때5. 배고프거나 졸릴 때5번의 경우는 1,2,3,4의 상황과 콤보를 이루며 증폭의 역할을 합니다. 1번은 10시간 내내 해놨던 것을 보지도 않고 '다른 거 없어?' 라고 할 때이고, 2번은 정치관련된 콘텐츠 만들기 싫은데 자꾸 만들으라고 할 때(심지어 내가 싫어하는 당을 옹호하는), 3번은 1번에서 만든 10시간 시안을 보면서 '이거 뭐 베낀거 아냐? 아니면 니가 한거 맞아?' 라고 되물을 때, 4번은 '그건 팀.장.님.에.게 물.어.보.시.라.구.요.' 라며 꼭꼭 씹으며 싸가지없이 말하는 옆 팀 대리에게서 느껴지는 느낌이죠.브랜딩작업만에 해당하는 것은 아니겠지만, 브랜딩은 굉장히 추상적이고 두루뭉술한 것들을 실체화시키는 작업입니다. 그러다보니 상황이 조금만 여의치 않으면 가장 먼저 희생되고 깨지는 약속이기도 하지요. 실질적인 매출증감을 체감할 수도 없고 어쩌면 모두에게 그냥 불필요한 일의 일부로 느껴질 수도 있으니까요. 그래서 상호간의 깊은 동의와 이해가 없이는 브랜딩작업은 사실상 불가능에 가깝습니다. 사람 모인 곳이 회사인데 모든 사람들이 인정하는 하나의 명제를 만드는 것이 결코 쉬운 일은 아닐 것입니다. 또한 이러한 명제 아래 발생하는 실무들을 처리하는 실무자들에겐 의미없는 스트레스로 다가오기도 하지요. 그러나 단순히 일이 늘어서 짜증나는 것일까요? 그건 아니라고 생각합니다. 그 일을 전달하는 사람의 자세나, 일을 대하는 지시자의 태도, 결과물에 대한 리액션 등..결국엔 사람과의 커뮤니케이션에서 항상 문제가 발생하죠.그래서 우리를 화나게 하는 상황들에 대해 주우욱....늘어놔보도록 하겠습니다.1. 5번을 말해도 못 알아들을 때: 말하는 내 문제인지, 듣는 사람의 문제인지 모르겠지만 5번 정도 말했다면 듣는 사람의 센스 문제일 경우가 큽니다. 보통 이럴 땐 그림을 그려주거나, 사내에 말 잘하는 분께 외주를 주거나, 제프 베조스가 빨리 '센스를 높이는 두뇌자극장치'를 개발해주길 기다려봅시다.'어디서부터 잘못된거지?....2. 혼자 크게 우월한 분: 그러니까 그 이론은 알겠으니 이제 앉아서 일을 하세요.배우신 분인건 알겠고, 언제 끝나요?3. 자꾸 다른 것 부터 하고 계실 때: 아니 그거 말고 제가 프로모션 기획안부터 하라고 중세시대부터 얘기했을 텐데..4. 회의에서 나온 내용 안듣고: 자꾸 나한테 다시 물어봅니다. 저는 에버노트가 아닙니다.. 5. CC걸린 이메일 안보고 딴 소리: CC라는 것은 캠퍼스커플이나 컨츄리클럽이 아니라 carbon copy입니다. 먹지에 똑같이 복사해서 당신에게도 주겠다는 것인데 무언가를 주는 데에는 이유가 있습니다. 6. 파일을 자꾸 못찾아: 기획안은 야동이 아닙니다. 컴퓨터에는 즐겨찾기라는 최첨단 기능이 있습니다. 너무 소중해서 깊숙히 숨겨놓는 마음은 이해가 갑니다. 하지만 빨리 달라고 하는데 30분 째 파일 하나하나 열어보면서 뭐였지?..하고 있으면 답답합니다. 파일이름도 19741908357.doc 하지말고 DarkNamer 등의 프로그램을 이용해서 일괄변경해줍시다. 7. 아까 했던 말을 자꾸 바꿈: 23아이덴티티 인줄.. 그의 마지막 23번째 인격이 깨어나 또 말을 바꾼다면 이젠 내가 가만히 있지 않을 것입니다.8. 왠지 가르치려 듦: 아니 같이 일을 하는데 왜 묘하게 선생님의 모습이 겹치지.. 어느새 손등내밀고 자 모서리로 뼈 맞을 것 같은 느낌이 들기도 합니다. 회의를 하는 거지 가르침을 받는 시간이 아닐텐데..9. 뭐가 맘에 안드는 지 말해줘요.: 이 느낌이 아니야. 라고 했다면 무슨 느낌을 원하는 지 말해주세요. 말을 못하겠다면 당신의 느낌을 빌딩밖으로 던져버리도록 합시다.10. 디자이너가 시안을 밤새 깎고있다.: 일을 한다는 건 절차가 있고 제한시간이 있습니다. 디자이너 쪽에서 막혀있으면 다음 단계의 실무자는 주말에 애인을 만날 수 없습니다. 또는 생길 수가 없습니다. 아직 최종이 나온 것이 아니잖습니까. 시안의 완성도는 최종시안에서 챙깁시다. 지금은 '쳐내는 것'에 집중하세요.11. 당신이 맡은 일은 '끝내서' 나에게 주세요.: 대학교 조별과제 하다보면 '제가 PPT맡을께요.' 라고 해놓고 이 세상 PPT가 아닌 것 같은 해괴망측한 괴생명체를 단톡방에 던지고 '저는 그럼 이제 나가볼께요.' 하시는 분들이 계십니다. '제가 맡을게요.' 라는 말은 자신의 업무에 대한 결과보장과 퀄리티, 신뢰도까지 책임지겠다라는 얘기입니다. 그렇게 대충해서 다했다고 할거면 월급도 아무숫자나 적힌 채로 받으시면 됩니다.'자료 조사를 해오랬더니 링크만 긁어서 단톡방에 남겨??12. 일하는데 옆에서 계속 투덜댐.: 투덜대지 말고 의견을 제시하던가, 해결책을 내놓던가 대표님실에 가서 투덜댑시다. 13. 자기만 힘든 척: 모두가 같은 일을 하고 있습니다. 지금 저 사람이 놀고 있는 것 같지만 그 사람 프로세스가 오면 그 사람이 바빠지는 겁니다. 이어달리기 같이 움직이는 것이 일입니다. 세상 일은 혼자 다하는 것처럼 자꾸 인상찌뿌리고 그러면 아마츄어 같습니다.14. 아무 설명도 없이 파일만 던짐: 메일을 보면 제목도 없고 내용도 없고 파일만 덜렁 온 경우도 있는데, 특히 포워딩할 때 이런 경우가 많습니다. 무언가를 줄 때는 무엇이다, 주겠다, 이걸 받고 어떻게 해라 등등의 디렉션을 포함하도록 합시다. 하다못해 동네축구를 해도 마이마이!!! 가 있고 패스패스!! 들어가!!! 퍼져퍼져!!! 등의 직관적인 디렉션이 있는데 말이죠.15. 사건을 벌어졌는데 미궁속으로 빠졌다.: 뭔 사고를 쳤는데 범인은 없다....! 대부분 그 범인은 자기가 범인인 줄 모릅니다.16. 남의 것만 베껴옴: 우리 브랜드철학과 적합한 뭔가를 만들어야 지 자꾸 남의 것만 베껴오면 어떻하나요. 물론 카카오나 배달의 민족이나 29CM 등 브랜딩과 마케팅을 잘하는 곳들의 레퍼런스를 참고하는 것은 좋습니다만, 그들이 성공한 것은 레퍼런스가 좋아서가 아니고 '그들이 했기 때문' 입니다. 17. 중요하지 않은 것에 힘쓰고 계심: 보고서에 표지만드는 것은 크게 중요하지 않습니다. 자꾸 표지에 디자인하지 마세요.18. 데드라인 못지킨 이유: 못지켰으면 핑계핑계하지말고 대책을 가져오도록 합시다. 어머니와 아버지가 편찮으시고 집안이 무너지고 심신미약과 공황장애, 우울과 몸살감기가 겹쳐 일을 못한 것은 십분 이해합니다. 그러니 이제 어떻게 할 것인지 그것을 얘기해주세요.19. 이빨까기: 저 사람은 자꾸 일은 안하고 대표님과 팀장님 옆에서 자기 일한 거 들고 아양만 떱니다. 얼핏 주상전하 옆에 성은이 망극하옵니다 봇같기도 하고 이방 내지는 반지의 제왕의 세오덴 왕 옆에 붙어있던 그 까만머리 아저씨같기도 한데 뭐가 되었든 저 사람이 자료를 줘야 내가 퇴근을 하는데 벌써 7시고.. 뭐 이렇습니다.저..저봐!! 백색의 김대리야!20. 도와서 같이 해: '돕는다' 라는 말은 참 애매합니다. 내가 다 만들고 니가 옆에서 ctrl+s 만 눌러줘도 돕는 건 돕는거니까요. 이건 남편이 아내의 집안일을 '돕는다' 라고 표현하는 것과 비슷합니다. 지가 사는 집인데 왜 그게 돕는 건가요. 돕는다라는 표현은 애시당초 "니가 할 일" 인데 내가 선심써서 너의 노고를 덜어주는 거야 라는 함의가 담겨있습니다. 일에 돕는 것이 어딨나요. 니 일은 니가 하시고, 내 일은 내가 하는 거죠. 진짜 돕는 건 자기 일 다 끝내신 분이 주말에 나와서 내가 못 끝낸 기획서 반토막을 샤샤샥 써주고 백마 탄 초인처럼 손 흔들며 사라지는 걸 돕는다고 하는 겁니다. 21. 공부 좀 ...: 단도직입적으로 브랜딩은 똑똑해야 할 수 있습니다. 전문지식이 있던가 아니면 얕고 넓게 알던가, 트렌드에 민감하던가 센스가 엄청나던가. 어떤 식으로든 똑똑해야 합니다. 아는 게 있고 본 게 많아야 레퍼런스를 끄집어 낼 수 있고 컨버전스를 하던 믹싱을 하던 카피를 하던 뭐라도 할 수 있습니다. 당최 요즘 우리나라가 통일이 됬는지 대통령이 바뀌었는지 살았는 지 죽었는 지 관심도 없이 이번 겨울신상 롱패딩 지르기에만 여념이 없으면 같이 회의하고 일하는 사람들이 무지 답답합니다.22. 결과물까지 책임지는 겁니다.: 인쇄사고가 난 거니까 이건 인쇄소책임이니 난 모르겠습니다. 라고 하면 안됩니다. 아 그건 인쇄소탓이잖아. 23. 해봤다면서요.: 해봤다고 해서 시켰는데 광고게시자에 결제수단 추가도 못하면 어떻하자는 건가요. '해봤다' 라는 것은 '전체맥락을 알고있다.' 라는 얘기입니다. 한 두번 만져봤다란 얘기가 아니지요.24. 자기가 한 것처럼 하지 마세요.: 다 같이 만든 건인데 보고 할 때 자꾸 자기가 다 한 것처럼 주어를 통합하거나 뭉뚱그리는 분들이 있습니다. "이번 기획안 다 완성했습니다. 자료조사도 다 끝냈고, 프로모션 이벤트 견적도 조사 끝냈습니다." 라고 말이죠. 누가 무슨 업무를 담당했었는지 확실하게 보고하도록 해요. 심지어 부족한 자료는 꼬박꼬박 얘기하면서 잘되고 멋진 건 주어를 빼버리는 주어강제수탈행위는 좋지 않습니다.아니, 야 임마  말을 그렇게 하면 안..25. 그냥 해: 물론 일이란 게 그냥해야 할 때도 많습니다. 브랜딩은 철학과 가치적인 워딩이 많은 작업이기 때문에 나와 다른 생각을 강요받을 때가 있습니다. 이 때 이유도 뭣도 묻지말고 시키는 거나 하라는 식의 태도는 좋지 않습니다. 적어도 다른 의견을 지닌 사람들에게 설명이나 합의, 배려는 있어야 하는 것이지요. 닥치고 시키는 일이나 해!...라는 말을 들을 때면 보자기를 뒤집어 쓴 채 회사에 검은 차로 끌려와서 검은 가방을 국경넘어로 전달하는 느와르의 주인공이 된 듯해서 짜릿하긴 하겠지만, 직원이 리암 니슨이 아닌 이상 대부분 그런 사람들은 빠른 퇴장을 고심하게 됩니다. 대부분 업무를 하다가 화가 나는 것은 커뮤니케이션의 문제가 90%이고, 일의 능숙도나 스킬문제가 10%정도 되는 듯 합니다. 일을 잘 못하거나 실수를 하거나 사고를 치는 것은 어쨌든 손배소를 걸든, 퇴사를 하든 다른 사람에게 넘기든 해서 정리를 하고 처리가 가능한 부분입니다. 하지만 커뮤니케이션은 사실 대놓고 막 화를 내기도 뭐하고 따지자니 내가 좀 치졸해지는 것 같기도 합니다.'다양한 의미의 해석'이 가능한 부분인지라 속앓이를 하기 마련이지요.위의 25가지는 당연히 브랜딩 뿐 아니라 모든 일을 함에 있어서 동일하게 적용되는 상황들입니다. 하지만, 굳이 브랜딩실무와 연결시킨 이유는 아래와 같습니다.1. 브랜딩은 말로 하는 업무가 아닙니다.: 그런데 누군가는 자꾸 말만 하고 있고, 누군가는 일만 하고 있기 마련입니다. 차라리 마케팅업무는 데이터에 근거한 액션을 수립하고 정확한 목표와 예산을 설정할 수 있으니 미래지향적이라곤 해도 브랜딩보단 비교적 정량평가가 가능한 영역입니다. 그러나 브랜딩은 그 자체를 수치화 할 수 없고 '정체성' 이라는 모호한 단위에서 다들 허우적거리기 마련이죠. 실무단계에서 빨리 이 두루뭉술한 개념을 정리하여 시각화시키고, 액션으로 바꿔내야 합니다. 문장과 개념들만 떠도는 브랜딩은 모두에게 해롭습니다.문장과 개념들만 떠도는 브랜딩은 모두에게 해롭습니다.2. 모두가 함께하는 유일한 일이어야 해요.누군가는 이를 눈으로 보이게 만들어야 하고 누군가는 그에 맞는 기획안을 짜고 실천에 옮겨야 합니다. 이는 달리 말하면 디자이너와 기획자, 대표만의 잔치로 끝나버릴 수도 있다는 얘기입니다.  위 문제들은 대부분 이러한 맥락에서 발생합니다. '내 일 아닌데?''그게 나와 무슨 상관?''나는 똑똑해, 그러니 내 생각이 옳아.''무슨 일을 해야 하는거죠?'등의 말들이 나오기 시작하죠.  브랜드에 대한 이해도가 공유되지 않으면 대표, 디자이너, 기획자를 제외한 인원들과 업무 핀트가 어긋나기 시작합니다. 서로 무슨 일을 하지는 모르니 오해도 생깁니다. 또한 브랜딩 업무가 특정인원에게 가중되기도 하죠. 회사에는 여러 인원이 있고 각자가 맡은 영역이 서로 다릅니다. 그러니 같이 모여있지만 서로 다른 일을 하면서 일정 부분을 채워나가는 식이죠. 그럼에도 모두가 공통으로 해야 하는 영역이 있다면 바로 브랜딩실무라고 생각합니다. 같은 정체성을 그리고 같은 언어와, 같은 양식, 동일한 프로세스와 같은 문화를 영위하며 같은 방식으로 표현하는 것. 모두가 각자의 일을 하되, 그 저변에 항상 고려되어야 하는 것. 내가 작성하는 모든 문서의 중심과 커뮤니케이션의 구심점이 되어야 하는 것이 사실 브랜딩이니까요. 3. 브랜딩실무는 '일을 만드는 것'이 아니예요.브랜딩의 정의나 개념을 내리는 것은 오히려 쉽습니다. 브랜딩의 중요성을 설파하고 그 방법론에 대해서 떠드는 것은 어렵지 않죠. 하지만 "그래서 우리는 뭘 해야하는데?" 라는 문제에 봉착하면 머뭇거리고 있기 마련입니다. 일단 배너하나 바꾸는, 표지, 굿즈, 상품라벨, 패키지 하나 바꾸는 데에도 돈이 들어가기 시작하고 그 투자비용에 대한 개런티는 어디에도 없습니다. 누구나 다 중요하다곤 외치지만 실상 많은 돈을 들여서 하긴 꺼려하죠. 그래서 생각보다 브랜딩에 대해선 많은 사람들이 모순된 행동을 보이곤 합니다. "아, 이번에 저희가 네이밍을 새로 하려고 해요. 저희의 가치와 브랜드스토리를 알리는 작업이 정말 중요하잖아요. 브랜드의 시발점을 제대로 잡고싶어서 의뢰드렸습니다." 라고 말은 하지만, 막상 견적이 오고가는 과정에선 "그런데 3글자에 A4한 장만 적어주시면 되는데... 조금 저렴하겐 안되나요?"가 되는 것이죠. 가치를 알리는 브랜드의 시발점에서 갑자기 글자와 A4한장분량의 작업으로 바뀌는 경우가 정말 수도 없이 많습니다. 사실 솔직히 브랜딩에 대해 잘 모릅니다. 저도 그렇고 여러분들도 그렇죠. 하지만 변치 않는 명제가 있다면 브랜딩이 일을 위한 일이 되어서는 안된다는 것입니다. 브랜딩을 하기 위해 또 다른 일을 벌리거나 누구도 이해하기 힘든 새로운 프로젝트나 팀을 짜서 움직이는 것이 아니라는 것이죠. 오히려 브랜딩은 '마이너'한 개념의 실무부터 진행해야 합니다. 지금 우리가 하고 있는 것 중  우리 가치관과 맞지 않는 일들을 제거하는 것부터가 시작이죠. 브랜딩은 마이너스의 업무.위의 25가지 내용을 다시 한 번 곰곰히 살펴보시면, 대부분 무언가 "일을 하는 과정/일이 생기는 과정" 에서 발생하는 문제들입니다. 위의 문제들을 하나하나 해결해나가기 위해선, 분노유발자인 상대방을 원자단위로 소멸시키기거나 빅뱅이전의 에너지상태로 돌리는 방법도 있겠지만....더욱 좋은 방법은일단, "우리가 꼭 이것때문에 싸워야 할 필요가 있나?" 를 먼저 고민해보는 것입니다. 브랜딩은 '뭉치는 작업', '규정하고 하나로 모으는' 수렴형업무입니다. 이것을 꼭 유념해두셨으면 합니다. 일이 자꾸 커져서 문제가 생길 때는 잠시 일을 멈추고 주위를 둘러보세요. 그리고 그 원인자체를 하나하나 제거해 나가는( 사람이 아니고..업무를 ) 겁니다. 이런 식으로 우리를 둘러싼 거품과 불필요한 과정들이 사라지고 나면, 이제부터 무엇을 해야할 지 꽤나 직관적으로 발견할 수 있게 될 거예요. 

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

오전회의가 시작되었습니다. 일단은 졸립니다. 커피를 들고 출근을 하긴 했지만, 그 정도의 카페인으로는 아침잠 대악마를 이길 수가 없죠. 오늘의 회의 주제는 '우리 회사 브랜딩 뜯어고치기' 입니다. 침을 삼키며 긴장감이 어린 표정들이 가득합니다. 대표님의 표정은 사뭇 진지합니다. 이제부터 극한업무 '회의'가 시작됩니다. 회의라는 것은 모든 직장인들에게 점심메뉴 고르기만큼 어려운 업무입니다. 회의라는 것은 '모을 會 / 뜻 意', 즉 '뜻을 모은다.' 라는 뜻입니다. 회의가 어려워지는 것은 이 두 글자 때문입니다. 뜻을 내는 것과 그걸 모으는 일이지요. 생각보다 우리는 우리의 생각을 밖으로 표출하거나, 드러내 본 적이 없습니다. 당연히 모아본 경험도 그리 많지 않습니다. 경험의 부재는 자꾸 어긋난 방향의 회의를 만들고, 어긋난 결론에 도달합니다. 그런데도 회의는 필수불가결한 업무요소 중 하나입니다. 그 방식은 물론 다양합니다. 원탁의 기사 컨셉도 있고, 독재자놀이도 있고, 모란시장 컨셉도 있고, 취침시간, 헥소고지 전투 컨셉 등..뭐 직원들의 성향과 비즈니스의 특성에 따라 각각 달라집니다. 그러나 그 과정이 어떠하던 결론적으로 "행동을 만든다." 라는 것에는 변함이 없습니다.음? 행동을 만든다고? 그렇습니다. 일단 이 정의부터 잡고 들어가봅시다. 회의는 결론을 내거나 솔루션을 만드는 것이 아닙니다. 잘 생각해보세요, 국K-1이 멱살잡고 의사봉을 집어던지고 마스크를 쓰거나 연필을 책상에 세우는 등 다양한 행위를 통해 그렇게 치열한 논쟁을 벌이는 이유가 무엇인가요? 그렇습니다. 그들은 '표결'을 하기 위함입니다. 이것을 '진행할 것이냐, 아니냐.' 를 결정하기 위해 갑론을박을 하는 것이죠. 그러나 업무의 회의는 정책회의와는 다릅니다. 우리는 정해진 어떤 두 항목 중 택일을 하는 것이 아닙니다. 표결에 부쳐 가부를 결정하는 과정이 아니죠.(물론 아예 그런 회의라면 또 모르겠습니다만) 회의시간엔 말을 통한 솔루션을 내는 것이 아닙니다. 솔루션은 행동을 통해 만들어지는 것이죠. 회의에선 바로 "어떤 행동을 할 것이냐?" 에 대한 결정을 내리는 것 뿐입니다.어떤 행동을 할 것이냐? 에 대한 결정을 내리는 것 뿐입니다.이 포커스가 자꾸 어긋나서 '해결방안' 을 만드는 것에 초점이 맞추어지면 전설의 탁상공론이 탄생하게 되는데, 그 결과는 코엑스 앞에 말춤 손목동상같은 것들이라고 할 수 있습니다. 책상에선 아무것도 해결할 수 없습니다. 뜻을 모은다는 것은 서로의 현명함과 지식을 끌어모아서 자랑질을 하자는 것이 아닙니다. 또한 전문가집단이 아니므로 학술적인 결론을 내는 것도 아닙니다. 따라서 오늘은 '행위를 만드는 것'에 초점을 맞춰 회의의 프로세스를 한 번 정리해보도록 하겠습니다. 물론 이 프로세스는 그냥 예제에 가까운 가이드일 뿐입니다. 실제 클라이언트사에서 브랜딩회의를 진행할 때 주로 제가 사용하는 방법이기도 합니다. 폭망한 적도 있고, 꽤 좋은 결과를 낸 적도 있었죠. 그러니 각각의 회사 성향에 맞게끔 쏙쏙 자체 필터링을 하신다면 흥미진진하실거라 생각합니다.0. 회의하쟝회의하러 가쟝출근하자마자 회의실로 모이라는 건 잔혹한 일입니다. 이론적으로야 당연히 9시는 출근시간이 아닌 업무시작시간입니다. 그러나 9시가 딱 되었다고 해서 갑자기 정신이 또렸해지고 영혼이 깨어나면서 없던 인사이트가 폭발하는 것은 아닙니다. 여전히 졸립고 피곤하고 멍한 것은 사실 대부분 마찬가지입니다. 그러니 딜레이타임과 자료준비 시간은 어느정도 확보하는 것이 좋습니다.회의 당일날 실무자들은 일단 출근하자마자 5가지 일을 챡챡 하도록 합시다.1. 커피사오기커피는 알아서 사옵니다.2. 물티슈로 책상닦기왠지 정돈된 느낌을 받을 수 있습니다. 물티슈는 DC백화점에서 구매한 100매에 990원짜리 싼 것을 쓰도록 합시다. 키보드를 뒤집어 털어주면 거대한 드러움과 알 수 없는 쾌감을 느낄 수 있습니다.3. 간밤에 들어온 메일확인 및 첨부파일 정리CC걸린 메일도 확인합니다. 첨부파일은 다운받아서 각 프로젝트 폴더에 저장해놓도록 합시다. 파일명이 이상야리꾸리하면 바꿔줍니다.4. 금일 to do list 정리메일은 크게 보고/진행/요청으로 나뉘어지는데 업무 리스트도 보고할 것, 진행중, 요청받은 것으로 쪼개서 정리합시다. 보고는 회의전 모두 진행할 겁니다. 진행중인 것들은 루틴업무로 뺍니다. 요청받은 것들은 진행중인 것들과의 선후관계를 따져 우선순위를 설정합니다. 각 할 일 옆에는 이거 끝내는데 몇 분 걸릴 지 러닝타임에 기재해주고, 1~5순위까지 정해서 먼저 처리할 것들부터 나눕니다. 1. 양이 적고 급한 것2. 양이 많고 급한 것3. 양이 적고 안 급한 것4. 양이 많아 안 급한 것순서로 정리합니다.5. 회의자료 정리회의자료는 쓸데없이 복잡하게 만들지 말고, 숫자달아서 리스팅합시다. 1. 회의실에 앉아보쟈사실 서서하는 회의가 더 효율적이란 얘기도 있습니다. 15분안에 끝나고 졸림도 예방할 수 있고 뭐..등등. 원하신다면 한 번 시험삼아 해보시는 것도 좋겠습니다만 반발이 이만저만이 아닐 수 있습니다. 회의실엔 회의자료를 쨕 돌려놓습니다. 빔 당연히 켜져있어야 하고, 노트북 셋팅하고. 그리고 절대 간식을 빼놓지 맙시다. 간식은 생명이자 떡이요 구원입니다. 2. 회의시간을 지정합니다.사회자 : 오늘 회의는 60분안에 끝낼 겁니다팀원 : 뻥치시네.시간 지정 중요합니다. 한도 끝도 없이 모여서 논쟁만 나눈다고 될 일이 아닙니다. 그렇게 끝난 회의에게서 카타르시스를 느끼거나 오늘 하루 보람찼다!!라고 느끼는 건 변태입니다. 의사결정은 빠르게!! 행동은 디테일하게 하는 것이 더 중요합니다.3. 회의 주제를 던집니다.코난 말투로 회의주제를 던집니다. 사회자죠."내 이름은 코난, 사회자죠. 이 공간엔 모두 10명의 사람들이 있어요. 어젯밤 11시, 우리 회사 브랜드가 죽었습니다. 회사엔 외부인이 전혀 없었고 브랜드는 현망진창이 되어있었어요. 이건 완벽한 밀실살인이예요. 지금부터 브랜드를 죽인 범인을 찾아낼 때까지 다들 한 발자국도 못나갑니다."4. 현재 상황에 대해 짧고 간결하게 브리핑을 합니다.창업전설까지 거슬러 올라가며 오래 전 그 날을 끄집어내란 얘기가 아닙니다. 현상황이 더 중요합니다. '현재 저희와 유사한 업체가 3개 있는데 그 중 1개업체가 우리 점유율을 앞질렀습니다.''대외적 인지도도 훨씬 높습니다. 우리의 트래픽 자체는 크게 변하지 않았지만 SNS상에서 그들의 프로모션 이벤트가 크게 회자되면서 이미지를 선점하고 있어요.''현재 우리는 네이버연관검색어 등 유료마케팅을 통한 고정유입률만을 유지하고 있습니다. 늘지도 줄지도 않고 있죠. 그러나 현재 이 유입을 통한 전환이 굉장히 높은 편이라 유입율 자체에 대한 아젠다는 생략하도록 하겠습니다.''대신 오늘은 브랜드의 이미지구축과 시각화를 위한 방안회의를 할 겁니다.'5. 용어정의를 내립니다. 다들 이 부분을 굉장히 간과합니다. 용어정의. 회의란 것은 기본적으로 한 가지의 주제를 여러사람이 생각하는 과정입니다. '이미지' 란 단어를 듣고 김대리는 "로고?" 라고 생각하고, 박팀장은 "소비자의 니즈?", 김실장은 "우리의 컨셉?" 등 각각 다른 그림을 떠올리고 생각한단 말이죠. 다 좋은데 이런 식이라면 다각적인 인사이트가 아니라 그냥 아무말대잔치가 되버리고 맙니다. 영역을 쪼개는 것이 아니라, 한 영역에 대한 다양한 시각을 모으는 것이 회의예요. "여기서 이미지. 라고 함은 시장이 아닌, 우리가 우리를 규정하는 1인칭관점을 의미합니다. 따라서 시장의 평가보단 우리 비즈니스를 우리 입으로 먼저 정의내리도록합니다. 이것은 텍스트, 비쥬얼 두 가지 방향으로 나눌 것입니다. 텍스트는 한 단어, 한 문장, 간단한 보일러플레이트 제작 이렇게 3가지로. 비쥬얼은 '키비쥬얼, 로고시스템, 브랜드패턴' 이렇게 3가지로 나누도록 하겠습니다."일단 소비자의 원함이나 서비스의 편의성등은 차치하고, 우리 입으로 말하는 우리 이미지부터 정확하게 규정하잔 것이 아젠다군요. 그렇다면 일단 내부의 결을 맞추는 작업이니 내부 인원들의 얘기를 한 번 들어봐야 겠네요.6. 의견을 개진합니다.의견 있는 사람?항상 여기에서 폭망입니다. '자, 의견 있으면 얘기해보세요.' 라고 하면 모두가 예상하는 바로 그 장면이 등장하죠. 인간의 사고는 프레임에 의해 움직입니다. 프레임이 없이 너무 큰 자유를 선사하면 기뻐서 우주로 사라져버리고 말죠. 적당한 제한사항과 프레임을 하나하나 규정해주는 것이 엄청 중요합니다. 그래서 회의 진행자는 담날 회의를 위해 철저하게 기획하고 운영안을 짜서 움직여야 되요. 그냥 모여서 얘기해야지...라는 개념이 아니라 소규모 사내 행사운영한다는 생각으로 타임라인별 멘트, 회의운영안이 필요하단 말이죠. 에이 뭘..그런 것까지!!!....라고 고개를 가로젓는 순간 어제의 회의가 앞으로도 영원히 복붙되고 말거예요."일단 우리 브랜드를 색깔로 한 번 묘사해볼까요? 각자 우리 브랜드는 어떤 컬러에 가까운 지 1분간 생각후에 얘기해보도록 해요."이렇게 미장센과 코드가 존재해야 해요. '색깔' 이라는 코드를 주면 사람의 사고는 빨주노초파남보 등으로 한정되기 시작하고 한정된 정보안에선 각각의 유사성과 대조점을 발견하기가 굉장히 쉽습니다. 함수관계와 비슷해요. 일단 정의역을 제공하고, 공역을 제공해야 대응관계를 만들어낼 수 있죠. 정보는 단일로 존재할 땐 쉽게 인식되지 않습니다. 항상 어떤 것과 연결된 '유기성'을 지니고 있을 때 의미를 갖죠. 사회자의 질문은 엄청나게 중요합니다.7. 쳐내고 모으고 나누고 곱한다.각각의 의견들이 책상으로 쏟아지면 누군가는 그것들을 모두 기록하면서 하나로 모으고 있어야 해요. 사람들은 생각보다 남의 의견을 잘 듣지 않습니다. 그리고 '말해보라' 라고 했지 '들어보라' 라고 하지 않았기 때문에 '내가 담번에 무슨 말을 할지' 에만 크게 집중하고 있는 상태입니다. 제3자 입장에서 그 회의를 관찰하는 사람이 있어주어야 합니다. 흔히 서기같은 사람이 가장 적합하죠. 텍스트로 그걸 변환하면서 정리를 하는 것입니다. 각각의 의견들의 공통점과 논외의 주장들을 구별하고 헛소리는 빼고, 공통적인 것은 묶고 반대의견은 따로 대립시키는 거죠. 그래서 크게 3가지 정도의 의견으로 압축시킵니다. 1가지는 너무 단편적이고 2가지는 택일의 상황을 유발합니다. 3가지는 서로 견제하는 느낌이고 4가지는 너무 안정적이예요. 5가지 이상부턴 복잡하고 많아보입니다. 3가지의 의견이 나오면 A,B그리고 어느쪽에 힘을 더 실어줄 C로 나누어지면서 지금의 여당,야당,3당과 같은 느낌의 균형이 맞추어지게 됩니다. 이렇게 3가지의 안으로 압축시킨 뒤 일단 쉬는 시간을 갖습니다. 이 작업은 20분 이내에 빠르게 쳐내는 것이 좋습니다.8. 쉬는 시간쉬는 시간은 회의를 하며 계속 그림을 그렸던 두뇌를 정리하고 생각들이 가라앉힐 텀을 주는 과정입니다. 대부분의 사람들은 말하면서 생각하기 때문에 자기가 말해놓고도 정리가 안되어 있거나 내가 무슨 말을 했는지도 모르는 경우가 많습니다. 이것들을 정리하는 것은 계속 생각하는 것이 아니라, 생각을 하지 않는 것이예요. 더도 말고 5분정도가 좋습니다.9. 의견선택눈치보지 말고 명확하게이제 의견을 선택합니다. 당연히 어떤 안이 선택되면 나머지 2개안을 냈던 사람들의 의견은 묵살되는 형태입니다. 이것에 대한 동의함과 설득의 과정은 반드시 필요합니다. 대신 질질 매달리기 보단 인정함과 합당한 이유를 설명해주는 것이 좋아요."아 나머지 두 개 의견을 내신 분께 죄송합니다..조금만 양해부탁드리고 힘들더라도 따라와주시면 감사하겠습니다.." 가 아닙니다. 이렇게 죄송, 힘들, 따라와, 감사해버리면 부탁도 아니고 뭣도 아니고 그냥 아무 따뜻한 말로 엿먹이는 느낌이예요. 차라리 이렇게 말합시다."나머지 두 개 의견은 매우 훌륭하였으나 현재 주어진 예산과 업무량의 여건상 우선 A안을 먼저 시행해보도록 하겠습니다. 추후 이 프로토타입이 괄목할 만한 성과를 내지 못할 경우 2안으로 B안을 택하도록 하겠습니다."감정적인 위로나 그런 군더더기 없이 합리적인 선택의 이유을 설명해주고 그럼 나머지 의견은 짬시킬건지 아니면 쌩깔건지 나중에 쓸 건지 등등을 정확하게 얘기해주는 편히 훨씬 인정받는 느낌입니다.10. 실무회의이제 업무분장을 합시다. 쪼개고 나누는 겁니다. 구체적인 실행단계를 만드는 일이죠. 이것은 앞서 2화 브랜딩, 일의 시작편 에서 설명했던 아래의 내용과 같습니다.01.   어떤 방식으로 전달할 것인가? – 채널, 방식, 제작방식, 시기, 기간, 컨셉 등02.   누가 얼마나 담당할 것인가? – 업무분장시작03.   PM은 BM과 제일 비슷한 성향의 기획자가.04.   기획 서포트는 반대 성향의 담당자가05.   중재자는 관찰자 성향의 담당자가06.   실행과 운영은 모험가형 2명이07.   검토와 트래킹은 사색가1명이08.   기획안 도출과 프로토타입 제작은 언제까지09.   리브랜딩 제작물과 디자인 작업은 언제까지10.   사내 전체 공유와 적용 시기는 언제부터11.   대외노출과 공표는 언제12.   유지와 운영 점검의 1차 지점은 언제까지13.   해당 업무에 대한 각 팀 별 세부업무 관리는 어떤 식으로14.   총 예산은 어느 정도15.   1차 랜딩이 끝난 후 2차 유지보수비(고정비)는 어느 정도 책정16.   책임과 권한 부여각각의 업무분장과 행동화과정에선 모든 업무의 목표와 평가지표가 오늘 나온 주제로 합치되어야 합니다. 이 과정에서 각각의 업무로딩을 파악하는 것은 매우 중요합니다. 특히나 브랜딩업무는 뭔가 일을 만들고 늘리는 것이 장땡이 아니므로, 현재 업무 중 오늘 업무를 함에 있어서 걸림돌이 되거나 또는 필요없거나 이관, 지연해도 상관없는 것들을 분류해서 업무가 +a 로 과중되지 않도록 신경써야 합니다. 대부분 이 작업없이 그냥 일을 만들어서 뿌리기만 하니까 "회의실 = 일 만드는 공장" 이 됩니다. 항상 무언가를 뿌릴 때는 총량유지를 생각해보시는 것이 좋을 듯 합니다.11. 정리/조율회의안을 정리하고 전체공유합니다. 이 때 회의안은 그 자체가 곧 '업무목표'가 되므로 업무결과보고의 제일 앞장에 위치하는 것이 맞습니다. 그리고 짧은 회의시간에 미쳐 다 하지 못했던 각자의 개인사정 및 업무역량에 대한 조율은 실무자간에 따로 담배 or 커피타임을 통해 옥상에서 따로 처리하도록  재량권을 주는 것이 더 효율적입니다. 일단은 이렇게 11단계로 정리를 해보았습니다. 추상적인 의견들만이 난무하는 브랜딩회의는 시간 대비 성과가 굉장히 조악해질 위험이 있습니다. 결국 말로 시작해서 말로 끝나는 것이죠.망한 결론회의는 생각으로 시작해서 말로 그리고 행동으로 끝나야 합니다. 이 방점을 제대로 찍지 못하면 끝나고 나서도 뭘 해야할 지 모르고 구슬피 한맺힌 사내 지박령처럼 이리저리 영혼이 떠도는 상태가 된단 말이죠.생각보다 회의는 굉장히 어렵습니다. 치밀한 기획이 있어야 하고, 사회자의 역량도 중요합니다.  늘 보던 얼굴이라고 하지만 얘기하는 주제가 달라지면 갑자기 낯설어지는 것이 또 회사라는 곳입니다. 적절한 질문과 운영방식을 찾아내기 위해 정말 수도 없이 고민해야 하는 것이 회의죠. 단순히 즐겁고 웃고 떠들며 앙버터 치아바타를 나눠먹는다고 수평적인 회의실의 모습이 만들어지는 것은 아닙니다. 적막하고 졸음만 가득한 회의실도, 아무말과 별 대책없이 끝나는 회의실도 둘 다 그다지 좋은 모습이라고 할 수는 없죠. 회의는 속이 시원해야 하고 모두가 머릿속에 각자 어떤 일을 왜 하는지에 대한 그림을 그리고 나와야 합니다. 그래서 사실은 브랜딩을 위한 회의...라고 얘긴했지만. 이 회의실안의 모습이야말로 우리 회사의 문화와 역량을 가장 적나라하게 보여주는 Inner Branding 그 자체라고 하는 편이 더 좋을 것 같습니다.

** 본 글은 문돌이 PM의 마케터 따라하기 시리즈 입니다.** 1화 보기 - 초기에 할만한 ASO (앱스토어 최적화) 팁** 2화 보기 - 초보 PM이 알아야 하는 초기 모바일앱 분석 101브랜딩이라는 단어는 하도 많은 사람들이 얘기하다 보니 친숙해진 단어이지만, 사실 그 명확한 개념을 설명할 수 있는 사람은 손으로 꼽을 정도일 것이다. '브랜드' 자체의 역사는 기원전 1100년전 까지 올라갈 정도로 오래되었지만, 사실 단순히 내가 만든걸 구분하기 위한 스탬프 수준이였으며, 현대적인 의미의 브랜드와 '브랜딩'의 체계가 잡힌건 최근 50년간이라고 봐도 무방할 것이다.나처럼 학부전공을 어설프게 경영학을 하고, 거기다가 마케팅을 심화전공으로 졸업한 사람들이 브랜딩이라는 주제에 대해 이야기 하려면 대부분은 어버어버하다가 설명을 잘 못하는 경우가 많다. 이는 크게 두가지 이유가 있는데, 1/ 일단 브랜딩이라는 카테고리에 거론되는 개념이 너무나도 많고, 학자마다 합의도 잘 이루어지지 않아서 책마다 설명하는 방식이 다 다르기 때문이고, 2/ 심리학에 기반을 깊게 둔 분야이기 때문에, 나처럼 어설프게 경영만 전공한 사람이 한학기 브랜딩 개론 과목 듣는다고 그 심오한 세계를 이해하기란 불가능하기 때문이다.음.. 말이 나왔으니 브랜딩이라는 카테고리에 얼마나 많은 개념들이 열거되는지 한번 따져보고 넘어가도록 하자. (위키피디아 및 내 전공서적들을 좀 참고했다)Brand elements: name, logo, tagline, graphics, shapes, colors, sounds, scents, tastes, movements...)Brand identityBrand trustBrand parityBranding strategies: individual branding, mulpiproduct branding, subbranding, brand extension, co-branding, multibranding, private brandingBrand ImageBrand personalityBrand attitudeBrand perceptionBrand perceived qualityBrand loyaltyBrand value propositionsBrand awarenessBrand associationBrand powerRebranding뭐, 한 5분동안 열거해 본건데도 이만큼이나 나온다. 내가 오늘 논하고자 하는 본론의 주제는 바로, 스타트업을 운영하는 마케터로서 (또는 대표로서) 이런 무지막지한 분야인 '스타트업 브랜딩'이라는 것을 현업 수준으로 적용하기 위해서 어떻게 접근해야 하는지에 관한 것이다.브랜딩의 핵심 개념은 내가 보는 나와 너가 보는 나를 일치시키는 과정이다브랜드와 브랜딩의 정의를 전공서적에서 찾아보면 개념이 책마다 다 다른데, 그 이유는 위에서 설명한 바와 같이 아직 역사가 깊지 않아서 학계에서 통일되지 않았기 때문이다. 하지만 나름 이 영역의 대가라고 불리는 3인방이 있기는 하다. 바로 David Aaker, Kevin Lane Keller, Jean-Noel Kapferer 이 세명인데, (뭐, 코틀러 얘기도 많이 하지만 개인적으로 코틀러는 브랜딩보다는 마케팅의 전 영역에서 아버지처럼 불리는 인물이니 여기에는 들어가지 않는다고 생각함) 우선 이들이 말하는 브랜드라는 놈의 정체에 대해 한번 보도록 하자. (한글정의는 Daniel Park님의 블로그 글을 인용했음)아커: 브랜드란 상품이나 서비스가 기업과 그 기업의 고객에게 제공하는 가치를 증가시키거나 감소시키는 한 브랜드와 그 브랜드의 이름 및 상징에 연계된 자산과 부채의 총체이다.켈러: 브랜드는 판매자의 상품이나 서비스를 규정하고 경쟁자와 차별하기 위한 이름, 기호, 상징, 디자인 혹은 이들의 결합이다.캐퍼러: 브랜드라는 것은 구매자가 그 브랜드 상품, 유통 채널, 판매원, 그리고 커뮤니케이션을 접하면서 오랜 시간을 통해 생긴 긍정적 인상 또는 부정적 인상의 집합체이다.이 세명의 정의를 해체해서 개념화시켜보자. 우선 브랜드와 관련된 3가지 큰 영역은 내 제품/회사 영역 + 소비자가 인식하는 영역 + 그 둘을 연결시키는 채널/활동들 이렇게 개념화 시킬 수 있다. 즉, 브랜딩이라는 개념은 이러한 3가지 영역으로 완성되는 브랜드라는 존재를 전략적으로 운영하는 개념.. 이렇게 이해할 수도 있지만, 사실 현업에서 쓰기에는 전혀 명확하지 않은 개념이다. 여기에 내가 전 직장에서 같이 일하던 내 직속상사께서 개발한 Concept of Branding이라는 맵을 더해서 이해해보면 그 개념이 매우 명확해 진다.Concept of Branding - Illustrated by Young-Jin Oh이 맵을 보면, 결국 브랜딩이라는 활동의 정의를 앞서 구분한 브랜드의 3가지 영역에 끼워 맞추어 정의내려 보면 다음과 같다. (내 사이드)내가 정하는 브랜드의 아이덴티티와, (소비자 사이드)소비자가 받아들이는 브랜드의 이미지를, (채널/활동 사이드) 마주치는 모든 접점에서의 일관된 액션을 통해 인식시키는 행위조금 복잡해 보이는데, 사실 쉽게 얘기해서 '내가 보는 나 (내 제품/브랜드)의 아이덴티티를 소비자가 인식하는 이미지와 명확하게 일치시켜 나가는 일련의 활동들'을 브랜딩이라고 정의내릴 수 있는 것이다. 즉, 다시 말해서, 내가 정의하고 있는 제품의 코어 가치를 기반으로 한 '나는 무슨 존재인가'에 대한것과 소비자가 나를 인지하고 있는 '너는 뭐하는 존재인가'에 대한것을 나와 너가 만나는 채널들 (제품, 매장, 광고 등등)에서 일관되게 일시치켜 나가는 일련의 모든 행동들이 다 브랜딩인 것이다.아, 참고로 저 맵에는 사실 더 심오한 내용들이 담겨 있는데, 예를들면 소비자가 나를 인지하는 '이미지'부분은 브랜드의 awareness(인지), loyalty(충성), association(연상), perceived quality(지각된 품질)등이 총체적으로 모여서 만들어지는 것이라는 것과, 이를 화폐가치로 환산한 것이 brand equity (브랜드 자산), 그리고 소비자들의 이런 인식들이 곧 reputation(명성)이 되어 브랜드의 파워로 작용하게 되고, 이게 다시 브랜드 아이덴티티에 영향을 주는 일련의 순환고리를 형성하게 되는 내용들이라는 것, 그리고 저러한 이미지는 그냥 생기는게 아니라 구매전, 구매, 구매 후에 접하게 되는 모든 contact points에서 발생하는 소비자의 경험 (experience)에 의해 인식 (perceived)되는 것이기 때문에 고객접점 관리가 브랜딩에서는 핵심이라는 것 등이다. (소위 브랜딩하면 멋있게 컨셉 뽑고 광고만드는거 상상하는 사람들이 많지만 사실 가장 중요한 영역은 매장, 고객센터 등 소비자가 내 브랜드를 heavy하게 경험하는 곳에서 일관된 메시지를 전달하는 부분이고, 이는 전사적 접근이 필요하기에 가장 어려운 영역이기도 하다) 하지만, 초기 제품을 빌드하고 초기 고객에게 서비스하고 있는 스타트업 입장에서 저 방대한 영역을 미리 기획하고 고민하고 있을 필요는 없다. 스타트업이 브랜딩을 한다면 다음에 설명한 내용들만 명심하면 된다.내가 보는 나: 내 브랜드의 가치를 최대한 심플하고 명확하게 설정한 브랜드 아이덴티티 설계내가 보는 나, 즉 브랜드 아이덴티티는 역시 학문적으로는 이를 형성하고 있는 하위 개념들이 방대하지만, 스타트업에서는 다음 5가지를 정하는 과정이라고 이해하면 된다.1. 브랜드 미션: 브랜드의 약속2. 브랜드 가치: 소비자가 얻게 되는 것3. 브랜드 슬로건: 위의 가치가 표현된 문구4. 브랜드 페르소나: 내 캐릭터 정의5. 채널관리: 모든 접점을 일관되게 기획브랜드 미션이란, 내 브랜드가 제공하는 핵심 가치를 명문화 한 것을 의미하며, 내가 소비자에게 주겠다고 밝힌 일종의 약속같은거를 정의내리는 작업이다. 스타트업 담당자가 이 작업에 직면하게 되면 (나도 그랬었고) 많은 사람들이 흔하게 하는 행동들이 있다. 바로 브랜드 미션을 애매모호하고 다소 오글거리게 정하는 것이다. 이런 현상이 왜 발생하냐면, 우리가 브랜드 미션을 정할때 보통 대기업의 그것을 참고해 보기 마련인데, 보통 그런 큰기업들의 미션은 다소 장황하고 방대한 느낌이 있다. 그건 대기업의 경우 이미 발을 담그고 있는 사업도 많아지고 조직의 5년후, 10년후를 바라보는 미션을 정해야 하는 경우가 많기 때문에 미션이 애매모호해 질 수 밖에 없기 때문이다. 물론 페이스북처럼 한결같이 심플한 기업도 있기는 하지만, 보통 한 우물만 파는 대기업의 경우 미션이 심플한 편이고, 국내 대기업처럼 문어발식으로 운영되는 기업의 경우 미션이 애매모호한 느낌이다. (어디까지나 개인적인 의견임)아무튼, 이런 기업들의 미션들만 보다 보니, 내가 서비스하는 이 브랜드도 뭔가 웅대하지 않으면 안될것 같은 느낌이 들고, 그러다 보면 온갖 미사여구로 장식된 애매모호한 브랜드 미션이 만들어지는 경우가 많다. 꼭 명심해야 할 것은, 초기 스타트업의 초기 제품을 서비스하는 상황이라면 브랜드의 미션이 절대로 장황하거나 애매모호해서는 안된다. 미션이 명확해야 이를 기반으로 한 브랜드 가치 정의, 타겟, 페르소나, 채널관리 등등의 후속 작업들이 명확해 지고, 미션이 장황하면 그 후속작업들 역시 모두 뜬구름 잡는 얘기만 하다 끝날 가능성이 크기 때문이다. 또 하나, 브랜드의 미션은 길이가 중요하지 않다. 어차피 소비자에게 공개되는건 미션이 아니라 슬로건이기 때문이다. 미션의 길이가 길더라도 그 브랜드가 약속하는 바만 명확하다면 괜찮다.잘 된 스타트업의 사례를 들어보면 좋겠지만 사레 찾기가 쉽지 않아서, 개인적으로 좋아하는 김밥 프랜차이즈 브랜드인 '김선생'의 케이스를 들어서 이 부분의 예를 들어보도록 하겠다. 바르다 김선생은 유명한 '죠스 떡볶이'의 나상균 대표가 창업한 프리미엄 분식점 브랜드 이다.죠스떡볶이의 나상균 대표가 창업한 프리미엄 분식 브랜드 '김선생'이 김밥집의 브랜드 미션은 다음과 같다. (아예 미션이 매장에 붙어있다)photo by 똑똑이아빠내 블로그미션이 좀 길지만 브랜드가 약속하는 바는 매우 심플하고 명확하다. 즉, '멋부리지 않고 사명감과 도덕성으로 절대로 재료를 타협하지 않겠다.'로 요약할 수 있다. 이게 왜 잘 만들어진 브랜드 미션이냐면, 이 정의를 기반으로 2번부터 5번까지의 모든 후속작업을 아주 명확하게 만들어 주고 있기 때문이다.이런 미션을 바탕으로 한 김선생의 브랜드 가치는 '마음 놓고 먹을 수 있는 분식집'이 되는 것이며, 소비자는 저렴한 맛에 먹는 분식집에서 항상 고민되던 건강에 대한 문제를 걱정하지 않아도 된다는 브랜드 가치를 전달할 수 있다. 이를 토대로 나온 브랜드 슬로건은 바로 '바르다 김선생'이다 (사실 김선생은 브랜드 네임이 아예 슬로건이 포함된 '바르다 김선생'이다). '마음 놓고 먹을 수 있을 수준'이 완성되려면 재료만 고급이어서는 안되고, 매장의 청결, 직원들의 마음가짐 등등 모든 영역에서 거짓이 없어야 하기 때문에 이 모든 마음가짐을 '바르다'라는 말로 함축해서 만들어진 슬로건이다. 브랜드 페르소나는 말이 좀 어렵게 느껴지지만 사실 그냥 이 브랜드로 묘사가능한 어떤 사람, 인격체, 의인화 등등을 의미한다. 쉽게 얘기해서 '이 브랜드는 이런 사람을 떠올려 보세요' 정도로 요약 가능하다. 김선생의 페르소나는 위의 미션에도 설명된바와 같이 뭔가 꾸미기 좋아하고 화려하고 튀는 사람 보다는 우직하고, 믿을 수 있고, 정직하며 꾸밈없는 사람, 그리고 나이도 조금 있고 들뜨지 않는 인자한 아저씨 같은 사람으로 설명 가능하다.채널관리는 이렇게 정해진 브랜드 슬로건과 페르소나가 일관되게 소비자에게 인식되도록 모든 접점을 통제하는 것을 의미한다. 김선생 매장의 메인 컬러는 마치 절제되고 정직한 김선생 아저씨가 좋아할만한 컬러인 검정과 흰색, 베이지색을 혼합해서 사용하고 있고, 모든 폰트도 명조체로, 유니폼도 장식 하나 없는 검정색에 흰색 앞치마, 직원들의 움직임도 아무리 바빠도 막 뛰어다니거나 흥분하지 않고 항상 평온하고 온화해 보이는 톤을 유지하고 있다.   너가 보는 나: 소비자가 내가 정한 아이덴티티를 잘 인식하고 있는지 모니터링위의 아이덴티티를 기반으로 제품의 모든 접점 기획을 완성하고 실제 운영까지 하고 있다면 꼭 병행해야 하는 작업이 바로 '너가 보는 나' 즉, 소비자가 내 브랜드를, 내가 제공하고자 약속한 가치를 잘 인식하고 있는지를 모니터링 하는 것이다.예를들어 위의 김선생의 경우 매장을 이용하는 소비자들이 정말 재료에 대한 의심 없이 우리 음식을 안심하고 먹고 있는지, 김선생 하면 뭔가 바른사람 이미지의 중년 남성이 떠오르는지, 그 사람은 뭔가 절대로 뒷통수 칠 것 같은 사람이 아니다라는 믿음이 생기는지 등등 애초에 설계했던 브랜드 아이덴티티가 잘 인식되고 있는지를 소비자 인터뷰나 관찰을 통해서 파악해 보는 단계이다. 만일 나 처럼 소셜미디어 앱을 운영하고 있는 스타트업을 가정해서 이 단계를 모니터링 하는 방법을 간단하게 요약해 보면 다음과 같다.1) 앱 내에서 유저 행동 관찰을 통해 앱의 코어 가치가 잘 전달되고 있는지 체크하기다음과 같은 유저의 앱 내에서의 사용 행태를 분석해서 사용자들이 내가 의도한 앱의 코어 기능들을 잘 사용하고 있는지, 사용 목적이나 동기가 내가 의도한 바와 일치 하는지 등을 확인할 수 있다. - 앱 로그인 빈도- 앱 체류시간- 앱의 각 코어 기능 사용 빈도- 대화 내용 분석- 프로필 사진 분석- 상태 메시지 분석- 앱스토어 리뷰2) 인터뷰를 통해 이 앱이 어떤 앱인지 잘 인지하고 있는지 체크하기위의 관찰만으로는 얻기 어려운 유저의 앱 다운로드 동기, 목적, 이 앱을 통해 얻는 가치 등등을 인터뷰를 통해 확인 가능하다. 다음과 같은 질문들을 던져볼 수 있다.- 이 앱을 다운받게된 동기- 이 앱을 알게된 경로- 다운받을 당시 생각했던 '이 앱이 뭐하는 앱이지?'- 사용하고 나서 지금 생각하는 '이 앱이 뭐하는 앱이지?'- 이 앱을 켜보게 되는 순간들- 앱을 사용하는 빈도- 앱에서 주로 활용하고 있는 기능들- 앱에서 가장 마음에 드는 점- 위의 것을 제외한 기타 마음에 드는 점들- 앱에서 가장 불만족 스러운 점- 위의 것을 제외한 기타 불만족 스러운 점- 친구에게 추천하고 있는지- 추천하고 있지 않다면 왜 안하는지?- 추천하고 있다면 왜 추천하고 있는지?- 이 앱을 사람에 비유해 보면 어떤 캐릭터가 떠오르는지?- 이 앱을 주로 사용할 것 같은 사람들은 어떤 사람들?3) 위 유저가 앱을 사용하는 케이스를 실제로 관찰해 보기인터뷰 전-후에 실제로 이 유저가 앱을 켜서 어디를 먼저 들어가고 무슨 기능을 사용하는지를 관찰해 봄으로써 1번과 2번에서 놓쳤던 부분들을 모니터링 할 수 있다.브랜딩: 내가 보는 나와 너가보는 나를 끊임없이 일치시키기기많은 사람들이 실수하는 부분이 바로 이 단계에 있다. 흔히들 브랜드 아이덴티티를 설계하고 나면 왠만해서는 이걸 바꾸지 말고 일관되게 밀고나가야 한다고 생각한다. 물론 매우 맞는 말이다. 앞서 얘기한 바와 같이 모든 채널에서 메시지가 '일관되게 (consistent)' 전달되지 않으면 소비자에게 이미지가 잘 형성되지 않기 때문이다. 하지만, 초기 서비스의 경우 이렇게 일관성을 고수하는것은 대단히 위험한 일이다. 왜냐하면 내가 아무리 명확하게 아이덴티티를 설계한다 할지라도 소비자는 다르게 받아들일 수 있고, 내가 정한 코어 가치가 사실 소비자에게는 별로 중요하지 않은 가치일 수도 있으며, 소비자는 내가 전혀 예상하지 못했던 새로운 사용성을 발견할 수도 있기 때문에 '너가 보는 나'를 최대한 자세하게 모니터링 해서 이를 '내가 보는 나'에 반영해서 끊임없이 발전시켜 나가는 과정이 초기에는 필수적이다.이번에는 내가 서비스 중인 '바크' 앱을 예를 들어 보자. 사실 이 앱은 뭔가 원대한 비전을 가지고 기획된 앱이라기 보다는 해카톤에서 뭔가 기발하고 재미를 줄 수 있는 아이템의 일환으로 기획된 앱이기 때문에 위와같은 브랜드 아이덴티티에 대한 고민은 전혀 존재하지 않았다. 사실 지금도 아직 베타기간 중이라 iOS 유저들만을 대상으로 위의 아이덴티티를 계속 정립해 나가는 과정에 있다.바크 앱의 현재 Mission Statement 이다.이 앱의 초기 브랜드 슬로건은 'Don't Speak, Let's Bark!'에 있었다. 이 슬로건에 포함된 앱의 미션은 '굳이 복잡한 대화 없이도 모르는 사람들이 서로 자유롭게 대화할 수 있는 소셜공간을 만든다' 였다. 즉, 내가 모르는 사람들과 서로 소통하기 위해서는 서로 인사도 터야하고, 공통점도 찾아야하고, 관계를 형성하기 위해 복잡하게 오고가는게 많이 필요하기 마련인데, 바크에서는 모두가 개가되어 서로 짖는 것 만으로도 대화가 되기 때문에 언제 어디서나 모르는 사람들과 쉽고 재밌게 대화가 가능하다는 가치를 전달해 주는 것이다.하지만, 앱을 2개월정도 운영하면서 모니터링을 통해 발견한 사실은, 유저들이 이 앱의 목적성을 모르는 사람들과 대화하기 위한것에 두기 보다는, 서로 개처럼 짖고 짧은 메시지가 산발적으로 오가는 그런 공간 자체가 재미있어서 사용한다는 것이었다. 즉, 내가 굳이 모르는 사람들과 관계를 트기 위해 사용하는 SNS가 아니라 저런 약간 병맛같아 보이는 소통방식이 서로 통하는 커뮤니티와 같은 소셜 공간이 언제 어디서나 존재한다는 것에 재미를 느껴 사용한다는 것이다. 이를 토대로 새롭게 정립한 브랜드 슬로건이 위의 사진과 같은 'from No One to Someone'이다. 이 슬로건 속에 내포된 유저에게 주는 가치는 '언제 어디서나 저런 재밌는 소통방식이 통하는 누군가를 당신 주변에 만들어 준다' 이다.말하고자 하는 바는, 당신이 만일 필자처럼 초기 서비스를 운영중인 스타트업의 브랜딩을 하고자 한다면, 큰 기업에서 브랜딩 전문가들이 하는 방식과 같이 자세한 브랜드 아이덴티티 맵을 만들어서 전 펑션에 일관되게 전달되도록 메뉴얼을 만들고, 이게 잘 워킹되는지 체크하고 쪼는 방식으로는 절대로 안된다는 것이다. 내가 아직 나를 잘 모르는 상황에서 내가 잘못 판단한 나를 너에게 맹목적으로 주입시키고 있는 상황이나 마찬가지이기 때문이다. 초기 스타트업에게 소비자가 인식하고 있는 브랜드 아이덴티티를 모니터링해서 이를 토대로 내가 정립한 아이덴티티를 수정 보완시켜 나가는 과정이 결국 스타트업 브랜딩의 핵심인 것이다.상호작용: 내가 그의 이름을 불러줘야 하고 그도 내 이름을 불러줘야 한다김춘수의 유명한 시, '꽃'이 있다.내가 그의 이름을 불러주기 전에는그는 다만하나의 몸짓에 지나지 않았다.내가 그의 이름을 불러주었을 때그는 나에게로 와서꽃이 되었다.내가 그의 이름을 불러준 것 처럼나의 이 빛깔과 향기에 알맞는누가 나의 이름을 불러다오.그에게로 가서 나도그의 꽃이 되고 싶다.우리들은 모두무엇이 되고 싶다.너는 나에게 나는 너에게잊혀지지 않는 하나의 눈짓이 되고 싶다.이 시에서 김춘수는 너와 내가 서로 관계를 가질 때 비로소 존재할 수 있게 되는 존재성에 대해 노래하고 있다. 브랜딩도 마찬가지이다. 거창하게 정립된 브랜드 전략 기획서 같은건 그리 중요하지 않다. 특히 초기 스타트업에의 경우 너무 자세하게 정립된 브랜드 스테이트먼트는 짐만 되는 경우도 많다. 가장 중요한건 이 시처럼 '내가 너의 이름을 불러주는 것,' '너가 내 이름을 불러주는 것,' 이리하여 비로소 '서로에게 꽃이 되는 것' 이런 너와 나의 상호작용이 브랜딩의 핵심임을 명심해야 한다. 즉, 내 브랜드에 대해 정의하는것과, 소비자의 인식에 대한 것을 모니터링하는것, 그리고 채널에서 이 상호작용에 대해 모니터링하고 보완 발전하는 것, 이것이 바로 스타트업 브랜딩의 모든것이다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기#네이밍 #이름짓기 #브랜딩 #아이덴티티 #스타트업 

더팀스 사이트는 아직 얼마 되지 않은 젊은 사이트입니다. 더 좋은 서비스를 제공하기 위해 지속적으로 익명의 사용자 경험 데이터를 축적하고 이용자의 행동 패턴과 흐름을 실시간으로 분석하면서 꾸준히 사용성 좋은 사이트로 변모 시키는데 노력하고 있습니다. 그동안 저희 팀만의 사이트 개선 방식에 대해 공유할까 합니다.설계에 대한 역사닷컴 부흥기 시절, 많은 디자이너들은 화면 레이아웃에 대한 정답을 찾아가고 있었습니다.그 당시 대중에게 보급된 대부분의 컴퓨터 최소 모니터 해상도는 압도적으로 1024x768이 많았습니다.그리고 해당 해상도를 바탕으로 화면 구성에 대한 다양한 시도들이 일어났는데, 그중 절대적인 지지를 받던 레이아웃은 바로 960 Grid System 이었습니다.*자료 화면 960.gs 사이트 내 16그리드 방식 / 12 그리드 방식960gs는 해외 디자이너 커뮤니티에서 굉장히 많은 방법과 시도를 통해 얻어낸 또 한가지의 방법이었습니다. 960 grid 패턴을 적용하면서 아래와 같은 효과를 통한 콘텐츠 배치가 가능해졌습니다.1. 1024 최소 해상도에서 모든 콘텐츠를 유저들이 보기 편하게 안정적으로 공급할 수 있다.(스크롤 바를 포함한 창 옆의 모든 여백들을 제외하면 960 픽셀 내 표현할 수 있는 폭이 나옵니다.)2. 12개 혹은 16개로 콘텐츠 비를 쪼개어 문단 단위와 콘텐츠 단위를 block화 시킬 수 있고 홈페이지의 레이아웃을 잡는데 비교적 간단하다.웹 페이지의 근원이 오프라인 문서를 웹으로 표현하는 것에 그 시초가 있다 보니 다양한 시도가 나오게 된 것 같습니다. 지금은 변모했지만, 적극적으로 Grid System을 활용하는 다양한 방식을 소개하기 위해 아래와 같은 사이트도 있었습니다.*the grid system 사이트* 12 컬럼 기준으로 작업된 국내 네이버 사이트* 16 컬럼 기준으로 작업된 국내 다음 사이트유저 사용성 패턴 960 Grid 와 함께 다양한 UX 개선에서 여러가지 시도와 기법들이 나오기 시작했는데, 그 중 두가지 패턴이 Z-layout과 F-layout입니다.Z-layout은 2010년도에 UX 개선에서 꼭 필두로 배우고 넘어가야할 사이트 개선법중 하나였습니다. 다만, 2011년 이후로 너무나 다양한 화면들이 생겨났고 (2011년 아이폰을 기점으로 다양한 디바이스 탄생) 다양한 해상도를 지원하는 부분에서 비교적 절대적이다 라는 타이틀을 얻은지 얼마안되 내려놓게 되었습니다. 최근 대부분 좋은 UX경험을 주는 사이트들은 디바이스 형태에 맞춰서 반응형으로 컨텐츠가 읽기 편하도록 그 구성을 자유롭게 변경하는 타입을 취하고 있습니다.Z-layout의 근간은 웹 사이트에 접속하여 콘텐츠를 읽는 방식에서 위의 이미지와 같은 흐름으로 시선처리를 한다는 것 입니다. 따라서 가입률을 높히거나 사이트에 무언가 액션을 더 주기 위해 아래와 같은 방식으로 개선하면 좋다고 소개하고 있었습니다.사용자의 콘텐츠를 읽어들이는 시점이 1번에서 2번으로 다시 3번에서 마지막 4번까지.따라서 1번에서 먼저 브랜드 네임을 보여주고 가입 버튼을 한번 상기 시킨 후 마지막 4번 시점 처리에서 목표를 달성할 수 있도록 구성하라는 취지 였습니다.그 다음으로 콘텐츠를 퍼블리싱 하는 사이트에서 가장 많이 보이는 F레이아웃 입니다.F레이아웃 경우 정말 많은 테스트에 의해 정론으로 굳어졌다고 볼 수 있는 레이아웃 구조 입니다. 위와 같은 경우 히트맵을 확인해 본다면, 마우스가 머무는 곳과 시각이 F형태를 띄고 있는 것을 확인 할 수 있습니다.사이트에 접속하여 콘텐츠를 (주로 글) 소비하는 유저들은 아래와 같은 방식을 따르고 있다는 데이터 분석에 의거하여 내린 결론 이었습니다. 형태의 모습이 F형태를 띈다고 하여 F-layout 이라 부르고 있습니다.대부분의 F레이아웃 페이지를 떠올린다면, 워드프레스 형태의 사이트와 기사를 발행하는 사이트들에 많이 해당 레이아웃으로 배치한 것을 떠올릴 수 있을 것 입니다. 이러한 흐름으로만 콘텐츠를 배치해도 유저가 사이트에 머무는 시간을 획기적으로 늘릴 수 있으며, 적절한 광고 배치를 통해 수익을 올릴 수도 있을 것 입니다.F 레이아웃의 창시자 Nielsen Norman Group에서는 꾸준히 왕성한 UX관련 내용을 퍼블리싱중이니 함께 확인해도 좋을 것 입니다. ( https://www.nngroup.com/reports/ )사례 적용더팀스 사이트는 이러한 두 레이아웃 방식과 지금은 다양한 해상도로 인해 잘 사용되지는 않지만 960grid의 근간으로 설계된 bootstrap 12 컬럼 방식과 히트맵을 통해서 꾸준히 사이트의 흐름과 사용성을 개선해 나가고 있습니다.더팀스 팀이 사이트를 개선하는 방식중 가장 중요하게 여기는 것 중 하나는“사용성 좋은 디자인은 항상 스토리 라인을 가지고 있다.” 입니다.아래 이미지는 제가 함께 했던 회사의 2012년 9월의 메인 페이지입니다. 그 당시 꽤 많은 비용을 주고 뉴욕 출신의 모 그래픽 디자이너에게 해당 디자인을 부탁하여 나온 안이었습니다.위의 디자인 안으로 엄청나게 마케팅도 해보고 여러가지를 시도해 보았습니다.그러면서 확실하게 알게된 것은 사이트 내 너무나 많은 것을 알리고자 하면서 흐름이 무너졌다는 것 입니다. 분명 위의 Z-layout 방식을 통하자면 [디자인 의뢰하기], [콘테스트 구경하기]가 클릭율이 높아야하고, 흐름 내에서 동영상을 클릭해서 보는 것이 맞을 겁니다.그러나 기획자의 설계와 다르게 해당 페이지에서 가장 많이 클릭 된 부분은 “로고 디자인 배너” 부분 이었습니다.기획자는 우리의 사이트는 이러한 모든 것들을 한다라는 메시지를 주면서 다양하게 어필하고 싶어했지만, 실제 사이트를 이용하는 유저들은 “너희 서비스가 어떤 일을 하는 것은 관심이 없다. 다만 우리는 우리 회사의 괜찮은 로고 디자인을 해줄 수 있는 곳을 찾고 있을 뿐이다.” 라는 고객 답변이 대다수 였습니다.덧붙여서 마케팅 집행 자체도 클릭율이 높은 로고 디자인에 치중된 유저들이 유입되도록 설계 되어있었으니 사이트에서 말하는 것과 마케팅에서 말하는 것의 맥락이 같지 않아서 ROI가 좋을 수 없었습니다.이러한 패턴을 바탕으로 2013년 2월 데이터와 유저의 행동을 바탕으로 간략하게 맥락을 압축해서 메인을 내부 디자인 팀에서 리뉴얼 했습니다.먼저 크게 우리 사이트가 뭘 하는 것이다를 텍스트로 설명하기 보다는, 먼저 대표적인 포트폴리오를 이미지로 표현하고, 유저에게 느낌을 전달하는데 초점을 맞췄습니다. 해당 리뉴얼을 통해 얻게된 이점이라면 로고디자인을 하러 왔던 고객들도 먼저 포트폴리오를 둘러보고 로고와 패키지디자인을 함께 하고 싶다는 문의가 계속해서 들어왔다는 것 입니다.메인 페이지에서 먼저 구구절절하게 텍스트로 푸는 것이 아니라, 어떠한 것을 한다는 느낌을 전달하고 그 다음 스텝에서 하나씩 그 이야기를 풀어 나가는 방식을 취했습니다. 최종적으로 너무나 많은 것을 알아보고 싶은 고객에게는 상세한 페이지를 제공하여 그 갈증을 해소 시키는 방식으로 페이지를 구성 했습니다. *애플 아이폰 4 런칭때 사이트 모습*넷플릭스 메인 카피 및 버튼들사이트에 접속하는 유저는 메인 페이지에서 정말 몇 초 내 관심을 끌어내지 못한다면, 바로 창을 닫아버리고 맙니다. 같은 맥락에서 아무리 환상적인 서비스라도 초기의 관심을 끌지 못한다면, 유저는 바로 다음페이지로 넘어갈 여지조차 주지 않습니다.따라서 메인 페이지에서는 유저에게 먼저 관심을 끌게 만들고, 액션으로 이어질 동기를 끊임없이 만들어줘서 사이트 내 숨어있는 퍼즐을 맞추도록 해야 합니다.동기까지 부여까지 성공했다면 아래의 원칙을 지켜 사이트를 구성 합니다.1. 어필하고 싶은 페이지 내 포인트를 몇개로 잡을 것인지 (정말 엄청난 매출을 내는 사이트도 포인트로 집중을 두는 버튼이나 텍스트는 많아야 1-2개 입니다.)2. 유저들은 절때 글을 읽지 않는 다는 것을 떠올리고 시각적인 단서를 꾸준히 제시할 것3. 2번 기준에 의거하여 많은 텍스트는 불필요하며, 적절한 공간에 적절한 글의 양만 부여 할 것.4. 데이터를 통한 지속적인 사이트 개선을 실시할것위의 내용을 토대로 더팀스는 초기 전략을 구성 할 때 먼저 유저가 많이 머무를 수 있도록 소비 지향성을 가진 사이트로 운영이 되었습니다.*2016년 2월 기준 초기 더팀스 메인 화면초기 사이트는 현재 아래와 같은 모습으로 변경 되었습니다.*2016년 8월 기준 더팀스 메인 화면초기 더팀스 사이트는 회원가입을 하여 무언가를 할 수 없는 구성이었습니다. 대부분 소비성 콘텐츠로 이뤄져 있었습니다. 이는 사이트 내에서 무언가 행동을 유발시키고 액션을 취할 수 있는 개발이 마련 되지는 않았으나, 유저들이 이러한 기능이 있을 경우 호응이 있을지를 먼저 시장에 내놓고 테스트 하는 것이 더 중요했습니다. 다행히 생각하는 것 이상으로 호응도가 좋았기에  지속적으로 유저의 행동패턴을 반영하여 아래와 같은 사이트 작업의 개선이 시행됐습니다.*2016년 9월 기준 더팀스 메인 화면#더팀스 #THETEAMS #UX #UI #디자인 #UX디자인 #UI디자인 #인사이트 #서비스개선

은밀하게 변화되어온 로고들기업의 로고(CI, BI)는 보통 새로운 사업 방향을 적용한다든가, 시대의 트렌드를 반영하고자 할 때 리뉴얼을 진행합니다. 하지만 로고 리뉴얼에도 어느 정도 법칙이 있습니다. 바로 '은밀한 변화'인데요.사용자들은 자기가 아끼는 서비스의 급진적인 변화를 좋아하지 않습니다. 이미 애착 관계가 형성되었기 때문에 그 변화에 자신이 배제 혹은 소외되었다고 느끼면 일종이 배신감을 느끼기 때문이죠. (인용 : https://sky-glamping.com/1) 해서 많은 기업들이 로고 리뉴얼을 진행할 시에 아주 세밀한 부분을 조정하여 시각적, 구성적으로 개선하여 사용하는 경우를 많이 볼 수 있습니다.혹시 눈치 채신분이 계신가요? 데일리도 역시 약 세 달 전부터 국문로고를 '은밀한 리뉴얼'을 하여 사용 중이었습니다. 위에 보시는 바와 같이 국문로고와 영문로고의 시각적 통일성이 다소 떨어졌기 때문인데요. 해서 이번에는 데일리의 국문로고 리뉴얼 프로젝트를 소개해보려 합니다.Base로 기억해야 할 것먼저 비주얼 디벨롭 작업이 들어가기에 앞서 데일리에서 지정한 브랜드 디자인 키워드를 원칙으로 기본적으로 지켜야 할 시각적 요소들을 파악합니다. 또한 앞서 말했듯이 국문로고 리뉴얼의 모토가 영문로고와의 시각적 통일성이 다소 떨어진다는 이유였기 때문에 영문로고와 통일시켜야 할 시각적 요소를 파악합니다.영문로고의 쉐입 특징시안 작업과 자간 조절위의 고려해야 할 내용을 바탕으로 러프하게 시안 작업을 진행합니다. 이를 크리에이티브 팀 내에 공유하고 논의를 통해 하나의 방향으로 좁힌 후 디벨롭을 진행합니다.많은 시안 중 선택된 시안자간조절 작업의 일부특히나 국문로고의 경우는 자간 조절을 어떻게 하느냐에 따라서 느낌이 천차만별로 달라집니다. 또한 가이드의 기준을 어느 글자에 맞추느냐에 따라서도 느낌이 확연하게 차이가 나죠. 위에 보시는 바와 같이 변형된 시안에서 두께를 조절하고 각각 두께에 따른 자간 조절을 디테일하게 설정합니다. 또한 글자 간 세로 크기를 동일하게 적용해 보는 등 가장 안정적인 형태를 만들어 나가는 작업을 거칩니다.자간 조절이 최종적으로 완료되었다면 국문로고와 함께 사용되는 브랜드 슬로건도 해당 자간과 쉐입으로 변경하는 작업을 진행합니다. 아래처럼요.국문로고와 함께 쓰이는 브랜드 슬로건결과물최종적으로 위와 같은 쉐입이 완성되었습니다. 기본 서체로 제작되어있던 국문로고에 비해 더 안정적이고 주목성 높은 형태를 띄고 있습니다. 로고가 제작되었다면 로고 가이드도 빠질 수 없겠죠? 로고 활용 가이드 제작을 끝으로 국문로고 리뉴얼 프로젝트가 마무리됩니다.로고 활용 가이드에 포함된 국문로고 가이드마치며모두가 생각하는 좋은 브랜드의 기준은 다를 수 있습니다. 데일리가 추구하는 브랜드는 당연하듯 자연스럽게 고객에게 스며들어 라이프스타일의 일부가 되는 것입니다. 그렇기 때문에 본 프로젝트처럼 은근히 그리고 서서히 변화되는 과정이 많은 것 같다고 생각이 됩니다.데일리호텔을 더욱 데일리호텔스럽게. 그러면서 더욱 탄탄한 데일리호텔만의 브랜드를 전달해 드릴 수 있도록 앞으로도 노력하겠습니다 :)기획/진행 : Creative팀작성자 : Creative팀 Blair Ahn#데일리 #데일리호텔 #디자인 #디자이너 #디자인팀 #로고 #리뉴얼 #인사이트 #후기 #일지

컴퓨터를 핵심으로 하는 정보기술의 광범위한 영향력은 방송사의 그래픽 제작 도구를 예외없이 컴퓨터 기반의 시스템으로 바꾸어 놓았습니다.방송사 내에서 ′영상그래픽′은 컴퓨터그래픽을 도구로 한 포괄적 의미의 영상 디자인 업무를 담당하고 있습니다.현재 제작리소스센터에 소속되어 뉴스, 교양, 오락 등 프로그램의 전 장르에 걸쳐 그래픽, 특수영상의 기획 및 제작을 몇개의 전문팀으로 구성하여 담당하고 있습니다　● 뉴스 및 스포츠 프로그램 담당- 인서트파트(Full Screen)  뉴스의 현장 취재 영상에 더하여 보충설명용 그래픽 및 사건 사고의 재현  시뮬레이션 제작을 담당합니다. - 이펙트파트(Quarter Picture)  뉴스내용에 대한 핵심 주제를 시각화하여 앵커 멘트화면의 좌우측에 사용하  는 그래픽을 제작합니다. - 사전제작파트  프로그램 타이틀 애니메이션과 영상효과를 제작합니다. - 문자그래픽파트   타이포그래픽을 이용해 자막, 로고, 뉴스 속보, 스크롤, 서브타이틀 등을 제작      합니다.　● 교양, 오락, 드라마, 편성제작 프로그램 담당- 특수영상제작파트  크로마키 방식을 이용한 실사비디오의 정밀합성과 2D, 3D그래픽 합성, 모션  트래킹 등의 제작기법을 기획, 제작합니다. - 가상스튜디오파트  가상스튜디오용 3D그래픽 세트 제작 및 전용 스튜디 오에서의 가상스튜디오  녹화를 담당합니다.　 영상그래픽 업무란 프로그램 제작의도나 연출에 적합하도록 비디오와 그래픽 요소를 기획하고 제작하는 전 과정을 담고 있으며, 방송사의 경우 일반 그래픽 프로덕션에 비해 기획업무의 비중이 커 경력관리 및 자기개발에 유리합니다. 또한 그래픽 시스템이 고기능, 첨단화하면서 새로운 개념의 시스템(가상스튜디오, 가상 캐릭터 등)이 등장하고 있어 이들을 프로그램 제작시스템으로 응용하는 업무도 영상그래픽의 주요한 업무가 되고 있으며 이로 인해 전문 테크니션(Technician)의 결합이 일반화되고 있습니다.이 때문에 ′영상그래픽′직은 창의적인 마인드, 감각, 응용제작능력, 하드웨어 및 제작시스템에 대한 포괄적 이해가 필요하며, 프로그램 제작과정에 참여하는 기자, 프로듀서, 엔지니어 등 제작실무자들과의 원활한 커뮤니케이션 능력이 요구되기도 합니다.　● 영상그래픽의 세부 직무- 2D그래픽 디자이너  Quantel(Paintbox, Hal, Editbox), Discreet(Flame, Smoke, Combustion),       AfterEffects - 3D그래픽 디자이너  Maya, Softimage, 3ds Max - 문자그래픽 디자이너  Davinci, Fx Deko - 가상스튜디오 애니메이터  가상스튜디오 녹화시의 조명, 음향, 영상업무 및 가상스튜디오 특수장치  Setup/운용 방송사 내의 제작 실무자들이 공통적으로 느끼는 것이기는 하지만 본인이 제작한 영상물이 전파를 타고 전국에 방송된다는 사실은 자부심과 긍지를 갖기에 충분한 이유가 됩니다.더구나 영상디자인 업무의 특성상 제작자의 아이디어가 필연적으로 개입되기 때문에 성취감은 결코 적지 않다 할 것입니다.#한국방송공사 #KBS #KBS공채 #직무정보 #직무소개

거의 모든 UI 중에서 빠지지 않고 들어가는 UI 텍스트가 있다면 무엇일까?아마도 그것은 '시간'일 것이다.                        (사진: 어느 서비스에서도 빠지지 않는 시간 표기)날짜와 시각으로 구성된 ‘시간’은 UI에서 뿐 아니라 우리 생활 속에서도 늘 가까이 함께하는 공기 같은 텍스트다.아침 알람 소리에 깨어나 가장 먼저 보는 스마트폰 화면에서도 볼 수 있고, 출근 준비하며 켜둔 아침 TV 프로그램의 상단 구석에서도 볼 수 있다.이 글을 읽는 여러분 곁에도 ‘시간'은 함께하고 있다. 스마트폰으로 보고 있다면 상단 Status bar에, Mac이라면 오른쪽 상단에, Windows면 오른쪽 하단에 시간이 표기되어있다.이렇게 많이 여러 곳에서 쓰이다 보니 날짜와 시간을 표기하는 형식이 다양한데, 이를 서비스에 적용할 땐 어떻게 표기해야 좋을지 고민하게 된다. 예를 들면,1. '오전 12시'란 하루가 넘어가는 시각을 말하는 것일까? 아니면 오전에서 오후로 넘어가는 정오를 말하는 것인가?2. 그리고 흔히 말하는 '저녁과 밤, 그리고 새벽의 경계'는 어디쯤일까?이런 궁금증들에 대해, 그동안 나름의 방법들을 찾았는데(이미 누군가는 잘 알고 사용하고 있던 나만 몰랐던 방법들...) 이를 비슷한 상황의사람들에게 공유하고자 한다.12시 마감 시간을 표기하는 방법예전 디캠프의 디시전 캠프 신청 때 있었던 일이다.신청서 마감일이 12시로 표기되어 있었는데, 이를 어느 분이 수요일 낮 12시까지 인 줄 알고 신청서 제출을 미처 하지 않았다가 알고 보니 화요일에서 수요일로 넘어가는 밤 12시였던 것이다. 이분처럼 헷갈려하시는 분들이 좀 있으셨던지 디캠프 측에서 날짜를 하루 더 조정해주어서 다행히 원활하게 처리 되었었으나 만약 처음부터 정확한 시간이 표기되었었다면 이런 조정 과정이 필요치 않았을 것이다.                          (사진: 디캠프 디시전 프로그램 공고 코멘트 영역)이 상황처럼 밤과 낮을 헷갈려하기도 하지만 '밤 12시’라고 표현할 경우엔 그 날의 시작인지 그날의 끝을 뜻하는지 헷갈리기도 한다.그렇다면 어떻게 표기하면 좋을까?12시 대신 그에 약간 못 미치는 시간으로 표기하면 된다. 예를 들면 3월 31일 오후 11시 30분 같은 시간으로 말이다.만약 30분이 너무 이르다면, 단 1분이라도 앞당겨 오후 11시 59분 으로 표기해도 사용자에게 명확한 날짜와 시간을 전달할 수 있다.생활 패턴을 기준으로 시간을 표기하는 방법지금 이 글을 쓰는 현재 시각은 3월 31일 오전 12:31 분이다. 하지만 오늘 있었던 일을 나에게 말하라고 한다면, 나는 아마 3월 30일을 기준으로 말하게 될 것이다. 하루를 마무리하며 잠들기 전까지 오늘은 30일 이었다고 생각할 테며, 31일의 시작은 아침 기상 이후라고 여기기 때문이다. 이처럼 대부분의 사람들은 이틀을 걸쳐 깨어있더라도 하루라고 느끼고 있다.이러한 생활 패턴에 따른 자연스러운 인지를 이용하여 표기해주는 게 때로는 정확한 시간보다도 더 정확하게 느껴지는데, 이것을 이용한 것이 바로 극장 영화 상영 시간표이다.                            (사진: CGV 강남 주토피아 상영 시간표 캡처)위 사진을 보면 하루에는 존재하지 않는 '3월 31일 25:50'이라는 이상한 시간으로 나와있다.분명 존재할 수 없고 이해하기도 어려운 시간이지만 우리는 이것을 보고 '4월 1일 01:50'이라는 정확한 표기 보다도 더 정확하게 이해할 수 있다.(28:10의 경우엔 과해 보이기도 하나 영업일을 기준으로 설정한 것 같다)영화 예매처럼 영업일과 예약 시간 등이 필요한 서비스라면 충분히 참조할만한 UI 텍스트다..낮과 밤, 그리고 새벽 등으로 시간 표기하는 방법공방을 찾는 서비스를 준비할 때 지인들에게 시간대 인지에 관한 간단한 조사를 실시한 적이 있었다. 공방들의 수업시간이 유동적이고 애매모호하게 표현되는 경우가 많아서 정확한 시간 표기보다는 낮 또는 오후나 저녁과 같이 폭넓게 사용할 수 있는 방법으로 표기하고자 했는데, 이 단어들에 대해 사람마다 어떻게 느끼는지 알아보기 위한 조사였다. 결과는 대개 비슷하게 여기고 있었으나 사람 간 꽤 큰 차이가 발생하기도 하였다.그리고 조사 후 한참이 지난 이후에 알게 된 사실인데, 내가 했던 이러한 고민들을 해결할 수 있는 공식적인 시제 표현이 있었다. 바로 기상청에서 표현하는 시제 표현 방법이며 내용은 다음과 같다.00:00~03:00 - 한밤03:00~06:00 - 새벽06:00~09:00 - 아침09:00~12:00 - 늦은 오전 (오전 늦게)12:00~15:00 - 이른 오후15:00~18:00 - 늦은 오후 (오후 늦게)18:00~21:00 - 저녁21:00~24:00 - 늦은 밤 (밤늦게)06:00~12:00 - 오전12:00~18:00 - 오후09:00~15:00 - 낮18:00~24:00 - 밤(기상청: http://web.kma.go.kr/aboutkma/biz/forecast05.jsp)참조 자료:책 서비스 글쓰기의 모든것? (죄송합니다 제목이 잘 기억나지 않아요) / 기상청 홈페이지 / 인터넷 서치팁으로, 다른 다른 언어의 시간과 날짜를 표기방법을 확인할 수 있는 라이브러리가 있습니다. 텍스트 글자수를 고려해야할때 확인하기에 유용할 것 같습니다. (http://momentjs.com)#텐시티 #UI디자인 #인사이트 #일지 #후기 #경험공유

종종 행사에 참여할 일이 있었습니다. 스타트업들은 쪼꼬미한 곳부터 큰 곳까지 다양하므로 함께 모여서 뭔가를 해야할 일이 많거든요. 그래서 사람들이 오글오글모이는 네트워킹 파티나 손에 땀을 쥐는 데모데이, 무슨 밋업행사, 해커톤, 무슨 파티 등등 뭔가 자체적으로 운영하는 행사들이 꽤나 있습니다. 규모도 크고 작고 컨셉도 다양하고, 뭔가 키치하고 젊은 감성의 행사들이 많죠. 대부분은 창업허브나 코워킹스페이스, 공유공간등을 빌려서 운영이 되거나 사옥이 있다면 사옥 내부의 홀에서 진행됩니다. 이들은 공간의 이쁨을 또한 추구하는 경향이 있어서 그런 카페스러운 노란 조명이나 하얗고 식물스럽거나, 인더스트리얼한 노출콘크리트 공간을 활용하기도 합니다. 후렌치파이와 카스타드가 즐비한 다과테이블과 가끔 케이터링이 오는 경우도 있고 흥미진진하게 맥주와 함께하는 비어파티 형식도 있습니다. 또한 드레스코드를 맞추거나 머리에 뭔갈 꽂기도 하고 플랫아이콘으로 심플하게 구성된 배너광고가 여기저기 있고 인스타 인증 포토존도 있고 그러합니다. 사실 행사라는 것이 그렇습니다. 큰 사고없이 그냥 모두 웃고 즐기다가 잘 돌아가면 그것으로 일단 90%는 잘했다라고 얘기하고 싶습니다. 오늘 얘기할 부분은 10%에 관련된 얘기들입니다. 큰 사고에 관련된 것도 아니고 안한다고 해서 큰일나는 것도 아닙니다만... 제가 늘 얘기하듯 브랜드평가는 디테일에서 망하는 경우가 많습니다. 오프라인은 온라인과 다르게 숨길 수도 없죠. 모든 게 명명백백히 드러나는 곳이 현장이니까요.브랜딩이라고 하면 두 가지로 나누어 생각해 볼 수 있겠습니다. 1. 사람들이 지니고 있고 만들어가는 고유한 문화 그 자체와 2. 서비스와 제품의 성질로 말이죠.행사에서 드러나는 것은 전자에 가깝습니다. 당연히 행사에는 그 회사의 직원과 운영위원, 관리자, 행사의 톤, 운영방식등이 드러나게 되고 이들의 행동과 말 하나하나가 그 회사를 평가하는 요소가 되기 마련입니다. 예를 들어 코엑스에서 진행하는 박람회를 가면 3X3부스가 우르르 있습니다. 그 곳에는 힘없이 앉아 있거나 핸드폰만 만지작거리는 사람이 있죠. 또는 아예 부스에 아무도 없기도 합니다. 궁금해서 물어보고 싶거나 호기심이 끌려도 고개만 숙인 채 게임만 하는 사람에겐 쉽사리 말을 걸기 어렵습니다. 그리고 저런 사람들이 일하는 곳인가..? 싶어서 갸웃거린 적도 있었죠. 제품이 어떻고 서비스가 어떻고를 떠나서 일단 그 회사에 대한 호감도가 툭 떨어지는 순간입니다.그래서 행사에는 책임이 따르는 법이고, 꽤나 신경써야 할 요소들이 많습니다. 대부분 기본적인 것들이죠. 사고보다는 편의에 가깝고, 지킨다고 큰 티는 안나지만 안지키면 꽤나 불편합니다. 오늘은 이런 요소들에 대해 얘기해보고자 합니다. 브랜드의 디테일을 보여주고 실제적으로 고객 또는 잠재고객, 유관관계자 등과의 접점을 만드는 소중한 자리이기도 합니다. 더불어 사람들이 많이 모인다는 것은 언제나 사고와 안전의 문제도 도사리고 있죠. 때문에 행사 시작과 끝날 때까지 사실 편한 시간은 없어야 하는 것이 정상입니다.조금 더 신경쓴다면 좋을 법한 디테일에 대해서 간략하게 소개해 보도록 하겠습니다.1. 홍보부터 결제창까지키치한 것도 좋고, 즐겁고 멋진 컨셉을 유지하는 것은 좋습니다. 하지만 홍보를 했으면 정확하게 깨지지 않는 링크와 올바른 결제방식을 공지해주세요. 특히 구글설문지 위에 계좌번호만 적어두고 알아서 읽겠지? 라는 식은 많은 문의전화를 발생시킬 수 있답니다. 그리고 입금이 되었다면 입금이 되었다고 확실히 문자를 보내주거나 리스폰스 메일을 보내주는 것이 좋습니다. 내 돈이 나간 시점에서 이게 제대로 들어갔는 지 궁금한 것은 당연하니까요. 2. 아무거나 하면 아무도 오지 않는다.프로그램 없이 모여서 즐겁게 토론하고 회의하면 되겠지...라는 식의 모임도 있었습니다. 그 때 모여서 상황봐서 하지..라는 기획이죠. 이걸 기획이라고 해야 할 지는 모르겠지만 어쨌든 그런 비스무리한 경우가 종종 있었습니다. 기획은 굉장히 디테일해야 합니다. 프로그램이 김치속마냥 켜켜이 들어서 있어야 해요. 참가자는 놀고있다고 느껴도 기획자는 그 쉬는 시간마저도 기획에 들어가 있어야 합니다. 참가자를 행사시간 내내 빡세게 굴려서 프로그램3종경기를 하라는 말은 아닙니다. 참가자들은 울타리가 있는 지 몰라야 합니다. 대신 기획자는 완벽한 울타리를 그리고 있어야 하죠. 그리고 그것을 지키기 위해 뒷단에서 안간힘을 쓰고 있는 겁니다.3. 컬러로 승부사람은 생각보다 컬러에 민감합니다. 하늘색바탕 현수막에 2700K 노란조명을 쏘면 그렇게 칙칙해 보입니다. 행사컨셉을 통일시킬 수 있는 좋은 수단은 컬러통일입니다. 메인컬러와 서브컬러 구분은 정확하게.. 그리고 가이드에 의해서 조명과의 조합을 생각해주어야 해요. 특히 조명이 3500K미만의 노란빛을 띠는 경우엔 컬러와의 빛섞임도 신경쓰세요. 사진을 찍으면 얼룩덜룩거리거나 암도가 높아져서 거무튀튀하게 3일 간 못잔 얼굴로 찍히는 행사장이 될 수도 있습니다.4. 취소환불규정뭐가 되었든 돈은 중요합니다. 결제도 중요하지만, 사정상 또는 단순변심으로 환불이나 티켓양도를 할 경우가 생기죠. 이 경우가 제일 위험합니다. 내 권리(=돈과 시간)을 돌려받는 과정에서 버벅대거나 처리가 미숙하면 꽤나 불쾌한 경험을 선사하죠. 취소/환불/양도규정을 분명하게 확립, 명시해놓으면 서로를 위해 굉장히 좋습니다. 이 과정을 그냥 대충 얼버무리면 나중에 한 두건 클레임 터졌을 때 꽤나 문제가 될 수 있습니다. 돈 문제는 굉장히!!!! 민감하니까요. 일파만파 말 커지는 것은 시간문제죠.5. 하루 전 공지행사 하루 전 또는 당일 오전 참석자확인 및 위치안내, 주차안내, 대중교통이용, 행사장부근 건물, 지하철출구번호, 준비물, 행사시작시간, 식사제공여부, 문의연락처를 전달하는 것은 기본중에 기본입니다.6. 웰컴데스크행사장 앞에 배너만 세워두는 것이 장땡은 아닙니다. 가끔 심지어 배너가 길바닥에 누워서 꿀잠자고 있는 경우도 있었습니다. 행사장에 들어가면 당연히 참석자체크, 웰컴킷 제공, 네임택 또는 프로그램안내 페이퍼 정도는 제공해주는 것이 기본입니다. 더불어 반드시 인사......좀..(눈만 마주치고 멀뚱멀뚱...하면 안돼요.)7. 웰컴킷물론 예산에 따라 웰컴킷과 바이바이선물은 마련하지 못할 수도 있습니다. 하지만 적어도 네임택이나 프로그램 안내, 생수라도 하나 챙겨주는 것을 권하는 바입니다. 뭔가 입장!~했다라는 심리적인 구분을 지어줄 수 있는 의식같은 거니까요.8. 의자배치일반적으로 접이식 50cm너비의 의자를 놓을 경우 한 사람의 공간은 앞뒤 71~99cm정도는 확보가 되어야 합니다. 일반적으로 대한항공/아시아나의 단거리 이코노미좌석이 그 정도되니까요. 이것도 행사가 길어지거나 혹시 이동, 착석/기립이 있는 행사라면 좁은 편입니다. 양 옆간격도 그렇습니다. 사람을 구심점으로 두고 반지름 45cm의 원을 그린다고 생각해볼께요. 일반적인 사회적거리가 45~120cm정도니까요. 한 사람의 양 옆 너비는 약 90~100cm정도가 됩니다. 양옆으로 50cm씩 벌리는 느낌이죠. 그 안으로 다가오게 되면 특히 요즘같은 겨울엔 상당히 빼곡하고 불편함을 느낄 수 있답니다.9. 동선동선은 두 가지만 기억해봅시다. 들어오는 동선, 나가는 동선. 입장과 퇴장동선이 동일하면 화장실 다녀오는 사람, 늦게 입장하는 사람등이 맞물려서 어느 구역에선 잼이 발생합니다. 그 잼은 결코 달콤하지 않죠. 낯선 남자의 존바바토스 향수를 짙게 들이켜야 하니까요. 왼쪽으로 들어왔으면 오른쪽으로 나가는. 또는 중앙통로를 두어서 우회로를 만들어주는 것이 좋습니다. 주로는 좌석을 4등분하여 +자 길을 만드는 형식을 쓰죠. 그리고 어디로 나간다, 어디로 들어간다를 반드시 표시해주세요!10. 안전대책인근 경찰서, 소방서, 병원위치 잡고. 내부 소화기 위치, 구급함 비치, 비상상황 발생시 보고/대응계통, 비상연락망 확보, 대형행사의 경우엔 유관기관 미리 연락해놓기, 초대형야외행사라면 구급요원부스 상주..이건 기본중에 기본이고 안지키면 진짜 안되는겁니다. 모든 행사는 안전과 안전, 그리고 안전이 최우선입니다. 기획서에 안전대책은 그냥 폼으로 넣는게 아니예요.11. 운영진교육점심 어디서 먹어요? 라고 물어봤는데..모르겠는데요? 라는 대답이 운영스탭 입에서 나와서는 안되는 것입니다. Staff교육은 세상 빡세고 강렬하게 해야합니다. 다일간 행사면 매일 아침 조회, 종례, 교대, 퇴근보고 필수!!! 인력담당 관리자 필수배치!....그리고 모든 기획안과 동선을 함께 공유하고 있어야 합니다. 모든 스탭이 모든 내용을 다 알진 못하겠지만, 적어도 "아, 바로 물어보고 조치해드리겠습니다. 잠시만 기다려주세요." 라는 대답이 나와야죠.12. 대응매뉴얼숙지불평불만이 생겼다면, 거기서 멱살잡고 현피를 뜨거나 포켓몬처럼 '고객님(이)가 결투를 걸어왔다.' 슈우웅 되는 것이 아닙니다. 반드시 해당 사항에 대한 대응메뉴얼이 있어야죠. 백화점에서 종종 삿대질하며 흉성샤우팅을 하시는 아주머니들의 단골멘트 중 하나가 "아니 여기는 이럴 때 대응하는 그런 메뉴얼도 없어요!?!!" 입니다. (물론 메뉴얼을 가져오면 또 그것은 쓸모없다고 뭐라함)13. 운영동선과 참여자동선분리운영자들이 좌석 가운데를 비집고 다니면 안되는 겁니다. 운영자동선은 외곽으로 따로 만들어놓으시는 편이..좋습니다. 무슨 행사를 갔더니 참가자들이 가득한 홀 한가운데로 맥주짝들고 낑낑대며 가로지르는 데 이게 도대체 뭔가?...싶었습니다.14. 지연발생시 즉각대응마이크가 안나오고 PPT가 안켜지고, HDMI가 연결이 안되고, 강연자가 늦게오고, 참석자가 과반수이상 차지 않았고....모든 상황은 항상 내가 원하는 대로 또는 기획안대로 되지 않습니다. 다만 이런 상황조차도 이벤트로 넘어갈 수 있을 만큼의 대응메뉴얼은 있어야 하지 않을까요. 마냥 앉아서 먼저 온 사람들을 기다리게 하는 건 뭔가 아니라고 생각합니다. 15. 예비프로그램그럴 경우에 대비해서 15~30분가량 뭔가 스페어프로그램을 반드시 확보해놓도록 합시다.16. 그냥 모이면 뭐 하겠지네..그냥 모이면 뭐 하지 않습니다. 17. 네트워킹세션은 쉬는시간이 아니다.네트워킹파티에서. 네트워킹세션은 그냥 자기들끼리 명함교환하고 뭐 이런 시간이라고 생각하는데...그땐 스탭과 운영진들이 쉬는 시간처럼 생각하는 경우가 있습니다. 명백하게 말해서, 기획자와 운영스탭은 행사시작과 끝나는 순간까지 쉬는 시간이란 없습니다. 정해진 휴식장소에서 쉬는 것 말고 누가 현장에서 긴장풀고 쉰답니까... 어색한 파트가 있으면 가서 풀어주고, 떨어져나온 사람 챙기고, 부족한 음식/다과 계속 확인하고 화장실 휴지통/휴지 채우고 청결상태 확인하고 맥주 쏟는 지 봐야 하고 음악/조명 계속 체킹하고 있어야 하는게 당연한 거 아닐까요.18. 텐션을 주는 공간모든 공간이 다 후리하면 사람들은 루즈함과 지루함을 느낍니다. 어느 한 공간에선 진지한 얘기가 돌아가고 저 곳은 지금 함부로 가면 안되는 곳...이라는 일종의 긴장감이 있는 공간을 만들어주는 게 좋습니다. 이러한 긴장감은 방종으로 인한 지루함을 막아주고 색다르고 다이나믹한 공간의 콘텐츠를 만드는 힘이죠.19. 컨셉은 미장센과 클리셰로부터컨셉츄얼한 행사 만든다고 온 천장부터 벽까지 풍선으로 가득 채우거나 비싸디 비싼 대여물품을 잔뜩 바르는 건 돈 낭비입니다. 돈은 그런데 쓰는 게 아니라..20번에 쓰는겁니다. 컨셉츄얼한 행사는 하나의 소품과 익숙한 드라마, 영화의 클리셰에서 비롯됩니다. '웰빙파티다'..라고 하면 그냥 책상위에 악력기 하나, 점심메뉴로 샐러드파스타 정도로도 충분하고, '개발자 미팅이다'라고 하면 드레스코드 후드티 만으로도 충분합니다. 뭔가 엄청나게 꾸미는 것으로 인테리어 비용을 남발하지 맙시다.20. 조명과 음향의 중요성대신 여기엔 돈을 쓰도록 합시다.웅웅거리는 하울링 가득한 마이크나, 음량조절안된 배경음악, 허접한 조명은 폭망의 지름길입니다. 조명과 음향만 잘써도 행사 반은 성공입니당.21. 분리수거 제발분리수거통 좀 잘 보이는 곳에 놔주세요. 스탠드표지판도 세워주시구요.22. 음식물쓰레기가 막 보이고..안돼.23. 굿바이기프트첫 만남보다 마지막이 더 중요한 것은 인간관계뿐 아니라 행사도 마찬가지입니다! 웰컴킷을 마련하지 못했다면 적어도 굿바이 기프트 정도는 간단하게 만들도록 합시다. 돈이 없으면 손으로라도...와주셔서 감사합니다. 라는 엽서 한장이라도 만들도로 합시다. 뒤에 우리 회사 로고 박아서. 그런 것 하나가 돌아가는 길에 브랜드 이미지를 결정짓는 한 방이 되는 거죠.24. 땡큐문자그리고 행사 끝난 후 익일 반드시 참여자들에겐 땡큐문자를 보내고 추후 행사를 기대해달라는 리텐션 멘트를 해줍니다. 아니 세상에 너무 쿨하게 끝났으니 우린 볼 일 없다. 다 컸으니 잘들 들어갔겠지. 후훗 하는 건 좀 아니잖아요?25. 생존자편향의 오류(기대타겟과 실참여자대비)행사결과보고 하고 평가회의하면서 나오는 가장 큰 실수가 생존자편향의 오류입니다. 2차 세계대전 당시 미군 전투기가 격추되는 것을 줄이기 위해 전장에서 돌아온 전투기들의 외상을 분석하여 취약 부분을 보강하는 계획을 세웠습니다. 분석 결과 비행기의 외상 대부분이 날개 및 꼬리 부분에 집중되어 있었고, 이에 당연히 해당 부분에 추가 장갑을 설치하려 하는데 분석을 총괄한 연구원이 당장 조종석과 엔진 부분을 집중 보완해야 한다는 뜬금없는 주장을 했죠. 그의 분석에 의하면 비행기의 각 부분들이 적군의 총탄에 손상을 입을 확률이 비슷한데, 조종석과 엔진 부분에 총탄의 흔적이 없다는 것은 그 부분이 적군에 의해 손상을 받으면 치명타를 입고 돌아오지 못했다는 증거라는 것. 결국 중요한 곳은 총을 받은 곳이 아니라, 전면부. 그러니까 우리가 보지 못한 돌아오지 못한 사람들이었다는 것이죠. 행사도 똑같습니다. 모인 사람들의 만족도조사를 받는 것은 뭐 좋습니다. 그것도 해야죠. 하지만 정말 중요한 것은 우리가 기획당시 올 것이라고 기대했던 사람 대비 실참여자를 비교했을 때..왜 기대했던 사람이 오지 않았는가?를 분석하는 것이 더 중요합니다. 아예 도달되지 않았거나 일정 및 시간을 배려하지 못했거나 관심조차 없었단 얘기니까요. 이 행사에 오지 않았던 사람들에 주목하세요.26. DB관리 및 이벤트, 자료전달 모였던 분들 연락처 및 그런것들을 모아놓는 것은 중요하지만, 그전에 개인정보동의에 대한 부분을 반드시 확인하시길 바랍니다. 그리고 해당 DB를 통해 중간중간 이벤트나 기프트제공, 차기행사 공지등을 통해 리텐션을 유도하는 것은 당연한 것이구요.마지막으로 "돌아가시면 참여하신 분들 메일로 오늘 했던 자료를 전달해 드리겠습니다!~" 라고 했으면 제발 주세요. 어 늦었네요! 죄송합니다.. 이러는 것도 모자라 누가 받았는지 안받았는지도 모르는 상태가 되버리지 않길 바랍니다..사실 기본중에 기본같은 얘기들이 많습니다. 하지만 늘 그렇듯 문제와 디테일은 꼭 기본에서 탈이 생기는 법이죠. 아주 사소해서 미처 생각하지도 못했던 것들 말입니다. HDMI와 미니 HDMI가 뭔지도 몰라서 어댑터가 연결안되는 상황이나...폰트 설치 안해놔서 스크린에 비친 PPT슬라이드에 폰트 다 깨지는 경우라던지... 빔프로젝트가 갑자기 안나온다던지..뭐 사실 리허설을 몇 번을 해도 현장은 사고와 뒷수습의 연속이긴 합니다. 기획안대로 흘러가는 행사는 거의 없죠. 문제는 그것을 우리만 알고있어야 한다는 겁니다. 그게 참여자들이나 클라이언트에게 보여져선 안되죠. 그래서 완벽한 행사는 없지만 완벽해 보이는 행사는 있다라고 얘기하고 싶습니다.행사는 적지 않은 돈과 인력, 시간이 들어가는 작업입니다. 모두 소중한 것들이죠. 이것들이 한 밤의 꿈처럼 별 성과없이 사라져버리지 않았으면 좋겠어요. 오프라인의 브랜딩은 결국 엽서 한 장, 미소 하나, 밝은 인사만으로도 가능합니다. 사소한 것으로 시작되죠. 넘치는 똥휴지, 말라비틀어진 연어샐러드, 핸드폰만 보고있는 STAFF 등 사소한 것들로 위협받구요. 돌아가는 사람들의 머릿속엔 그 작은 사금같은 기억들이 남게 됩니다. 그리고 그게 여러분들의 브랜드이미지가 되기도 하죠 :) 여러분들은 사람들에게 ...어떤 사금을 남겨주고 싶으신가요?

초록색 = 스타벅스주황색 = 나이키노란색 = 이마트다들 한 번쯤은 특정 컬러를 보았을 때 자연스럽게 그 컬러를 사용하는 브랜드가 떠오르는 경험을 해보셨을 거예요. 이처럼 컬러가 브랜드에 미치는 영향은 대단합니다. 브랜드 컬러는 브랜드 아이덴티티를 확실하게 전달함은 물론 구매에 까지 영향을 미치기 때문이죠.데일리의 서비스 앱 '데일리호텔(DAILYHOTEL)'은 브랜드 컬러로 '버건디'를 사용하는데요. 브랜드 가이드를 제작하던 중 이 '버건디'컬러의 Align 필요성을 느끼게 되었습니다. 브랜드 컬러의 영향이 막중한 만큼 그 컬러의 일관성 또한 매우 중요하기 때문이죠. 더군다나 데일리처럼 온(RGB)/오프라인(CMYK)으로 컬러를 사용하고, 넓은 영역과 앱 내의 좁은 영역에서 쓰이는 컬러 값을 다르게 설정하는 경우 각 플랫폼의 컬러 통일화 작업은 매우 중요합니다.(*면적에 따라 달리 적용되는 컬러 값 관련 참조 글 : https://brunch.co.kr/@suyoung/8)AS-IS 파악본 프로젝트를 진행할 당시 데일리의 브랜드 컬러는 #900034 였습니다. 하지만 앞서 말했듯이 넓게 보이는 영역과 작게 보이는 영역에서 컬러 값을 다르게 가져가야 하는 이슈로 진작 앱 내에서는 #b70038이 사용되고 있었죠. 또한 오프라인으로 출력 시에 인쇄용 CMYK값이 아닌 웹용 RGB Hex인 #900034를 그대로 출력하여 버건디가 아닌 어두운 갈색으로 출력이 되고 있었습니다.앱 내의 컬러 재정의(In-App Color)1. 앱 내에 버건디 컬러가 사용되는 부분버건디 컬러는 자체가 강한 컬러이기 때문에 앱 내에서는 CTA 버튼으로 가장 많이 사용되고 있습니다. 모든 화면에 강조색을 과하게 사용할 경우에 눈에 피로도를 주어 콘텐츠에 집중할 수 없는 이슈가 있기 때문이죠. 현재 앱의 내비게이션 바 색상을 흰색으로 처리한 이유도 그 때문입니다.2. 이전 이슈사항아이폰과 안드로이드의 환경이 다르기 때문에 같은 색상일지라도 두 디바이스를 함께 두고 같은 화면을 보았을 경우 색상 차이가 발생합니다. 특히 안드로이드의 경우 기존에 사용하던 #900034 컬러를 적용할 시 어두운 갈색으로 보이는 경우가 있어, CTA 버튼 컬러로 사용 시에 버튼에 대한 명확도가 떨어져 역할에 부족함이 있었습니다.3. 대응사항각기 다른 안드로이드 단말마다 모두 다른 색상을 가져갈 수 없는 문제이기에 어떠한 디바이스던 버건디 색상이 명확하게 보일 수 있도록 다양한 디바이스를 모아 테스트를 거쳐 명도를 밝게 뺀 최적의 버건디 컬러를 뽑았습니다. 앱 적용시 화면프로덕트 자체가 모바일 기반 서비스인 페이스북, 구글의 CI도 모바일이나 웹 환경에서 더욱 가독성이 있어 보이도록 계속해서 CI 컬러를 리뉴얼하고 있습니다. 아래처럼요.(*관련 기사 링크 : http://m.zdnet.co.kr/news_view.asp?article_id=20150702091741#imadnewshttp://m.businesspost.co.kr/news/articleView.html?idxno=16798&daum_check=&naver_check=#cb)모바일 기반 타사 브랜드 컬러 리뉴얼 예시4. 결론기존 안드로이드 디바이스에서 #900034 버건디 컬러가 팥색으로 보이던 이슈로 인해 안드로이드, 아이폰 모든 디바이스에 사용하기 좋은 컬러로 재정의하여 #b70038로 새로운 컬러 값을 지정하였습니다.(짝짝)앱 아이콘 컬러 재정의(App Icon Color)물론 예외적인 부분도 존재합니다. 바로 앱 아이콘 컬러의 경우인데요. 현재, 다른 앱 아이콘들과 함께 쓰이는 홈 스크린 화면에서는 다른 앱 아이콘과 함께 데일리호텔 앱에 돋보일 수 있도록 #70038보다 더 밝은 #d1004 c를 사용합니다.이유는 제일 왼쪽의 이미지처럼 기존 컬러 #900034를 사용할 경우, 다른 아이콘들과 비교했을 때 주목성이 약해지게 되므로 아이콘으로써의 역할을 잃기 때문입니다. 많은 서비스들이 앱 내에서 사용하는 지정 컬러가 있지만, 다른 아이콘과 함께 사용되는 홈 스크린 아이콘은 더 밝고 튀는 색상으로 가져가고 있습니다.타사 예시출력용 CMYK 컬러 재정의(Offline Color)모니터에서 사용되는 RGB 컬러를 CMYK로 변환 과정을 거치지 않고 그대로 출력할 경우 색상은 매우 다르게 표현됩니다. 때문에 RGB 값에 맞추어 출력 시에 동일할 수 있도록 CMYK값과 PANTONE값을 따로 추출해야 하죠. 하지만 출력 기계와 인쇄소의 여건에 따라 동일한 CMYK값을 지정한다고 해도 미세하게 다른 컬러로 출력된 것을 받아보기 마련인데요. 이런 이유로 어느 환경에서도 동일한 컬러로 출력할 수 있도록 제작된 컬러칩 PANTONE이 있습니다. 아래는 팬톤 컬러로 테스트를 한 경우입니다.PANTONE컬러를 맞추기 전과 후출력물로 컬러 테스트 결과 PANTONE 1945 c가 새롭게 정의된 브랜드 컬러인 #b70038와 가장 흡사함을 확인할 수 있었습니다. 해서 데일리호텔의 브랜드 컬러는 아래와 같이 재정의 되었습니다.버건디의 친구(Secondary Color)데일리의 브랜드 컬러인 '버건디'가 재정의 되었습니다. 그리고 그 '버건디'는 친구가 필요했어요. 혼자 쓰이기에는 너무 임팩트가 약하고 전달하고자 하는 메시지가 잘 공유되지 않았기 때문이죠.1. Product하지만 앱 내에서 사용되는 컬러는 실질적으로 Main(버건디), Second(골드) 두 가지가 주로 사용됩니다. 또한 홈 화면에 호텔/레스토랑의 등급을 알려주는 뱃지에 사용되는 컬러는 여러 가지로 베리에이션이 되어야 하기 때문에 제한적인 컬러를 사용할 수 없는 이슈가 있었습니다.다양한 컬러로 사용되는 앱내 뱃지 예시2. Brand / Marketing기업 굿즈와 옥외광고 등 데일리호텔의 브랜딩이 노출되는 곳에는 응용을 위해 Second 컬러를 제외한 Accent 컬러가 필요했습니다. 하지만 앱 내에 보이는 이벤트 페이지는 기획전 성격과 이미지에 따라 컬러가 자유롭게 사용되기 때문에 지정된 컬러를 사용하기에는 어려운 이슈가 있었죠.Accent 컬러 적용 예시Second/Accent 컬러 적용이 다소 어려워 보이는 마케팅 컨텐츠의 예시3. 결론- 예외적으로 Brand / Marketing에 사용되는 Accent Color를 따로 선정- Main(버건디), Second(골드)를 공통적으로 사용하되 프로덕트와 브랜드(온/오프라인)에 사용되는 컬러 값은 다르게 적용(*넓은 영역과 좁은 영역에서 다르게 사용되는 컬러 값 이슈)확립된 데일리의 브랜드 컬러!이런 과정으로 지금의 데일리 컬러 '버건디'가 탄생했습니다. 어찌 보면 단순해 보이지만 많은 테스트를 거쳐 유저들에게 최적의 상태로 표현되기 위해 노력하고 있답니다.(!)앞으로 이런 데일리의 노력 많이 지켜봐주세요 :)진행In-App Color/App Icon Color : Product팀Offline Color/Secondary Color : Creative팀#데일리 #데일리호텔 #디자인 #디자이너 #UI #디자인철학 #인사이트

안녕하세요, Y입니다! 지난 옐로피플 스토리에서 뷰신 나나가 첫 번째 인터뷰로 소개되면서 엄청난 화제를 몰고 왔는데요. 이번 두 번째 타자는 바로바로 YDM 소속의 디지털 마케팅 에이전시 이노버즈미디어의 대표 꽃미남 박충선 디자이너 입니다!Y: 안녕하세요! 옐블 독자들을 위한 자기소개 부탁 드려요! 박충선: 안녕하세요, 이노버즈미디어에서 브랜드 콘텐츠를 만들고 있는 디자이너 박충선입니다! 반갑습니다! Y: 브랜드 콘텐츠라! 정확히 어떤 일인지 궁금합니다박충선: 쉽게 말해서 각 기업 브랜드들이 페이스북, 인스타그램 등 소셜미디어에 발행하는 이미지를 제작하는 거죠. 현재는 롯데카드랑 글로벌 스포츠 의류 브랜드인 스파이더 코리아를 맡고 있어요. 아래와 같은 식으로 각 브랜드의 소셜미디어 콘텐츠를 제작하고 있습니다.Y: 본인이 느끼는 이노버즈만의 특별한 점이나 자랑할만한 사내문화가 있나요? 박충선: 사실 이노버즈가 제 첫 직장이라 다른 회사들과 비교하긴 어렵지만, 여기서 1년 4개월동안 몸담으면서 느낀 것은 정말 수평적이라는 거예요. 서로 눈치보지 않고 말할 수 있는 분위기다 보니 정말 다양하게 싱크빅 돋는 아이디어가 많이 나오죠 :) 또 매월 두 명씩 뽑아서 전 직원 앞에서 다양한 주제로 스피치를 해요. 업무에서 벗어나 본인이 흥미를 느끼는 분야 등 개인적인 이야기로 진행하기 때문에 서로를 알아가는데 큰 도움이 되는 것 같아요. 또 인턴과 신입사원은 물론 임직원들을 위한 다양한 교육과 지원을 해주는 것도 이노버즈만의 특별한 점인 것 같아요.출처 : 이노버즈 페이스북Y: 박충선님의 주제는 뭐였나요? 박충선: 저는 아직 안 했어요!ㅋㅋㅋㅋ 샤이가이라서.. Y: 샤이가이셨구나ㅋㅋㅋㅋ 네 다음질문 드릴게요! 기억나는 재미있는 에피소드가 있나요?박충선: 인턴기간에 업무와는 별개로 동료들에 대한 콘텐츠를 만들었어요. 이노버즈 가족 한 명 한 명에 대해 웹툰형식으로 만들었는데 친해질수록 디스(?)내용을 조금씩 넣어봤거든요. 그러다 보니 반응도 좋았고 다들 다음 편은 어떤 디스가 나올지 기대해줘서 재미있었어요ㅋㅋㅋ 역시 까야 제맛이라고……Y: 드라이플라워 고문이라니ㅋㅋㅋㅋ앞으로 드라이플라워 볼 때마다 죄책감들것 같아요ㅋㅋㅋ 그나저나 디자인 팀이라 남자가 많이 없을 것 같아요! 박충선: 이노버즈에 처음 입사했을 때 디자인 실에 저 포함 두 명 빼고 전부 여자분들이었어요. 처음엔 좀 걱정이 됐는데, 다들 좋으신 분들이고 형들처럼(!) 편하게 대해 주셔서 좋았어요ㅎㅎ Y: 다 여자분들이면 회식이 많이 없겠어요! 박충선: 왜 때문에 그런 생각을…… 저보다 잘 드세요 다들 (또르르)Y: 빨리 넘어갈게요!! 이노버즈/옐로모바일에 바라는 점이 있다면? 박충선: 일을 한다는 건 돈을 버는 것도 중요하지만 함께 일하는 사람들, 그리고 회사에서 임직원들을 대하는 자세가 엄청 중요한 것 같아요. 앞으로도 지금처럼 인간관계를 중요시 여기고 직원 한 사람 한 사람을 우선시하는 회사였음 좋겠어요. Y: 마지막 질문입니다! 앞으로는 어떤 일을 해보고 싶으신가요? 충선: 아주 먼 미래에는 디자인을 접목한 카페나 술집을 운영하고 싶어요. 당장은 원래 하고 싶었던 미술을 배워서 지금 하는 일에 적용시켜보고 싶습니다. 앞으로도 재미있는 컨텐츠로 브랜드에 좋은 영향을 미치는 디자이너가 되겠습니다! 저와 이노버즈 많이 응원해주세요!