아래 적어 나갈 글은 오피노에서 제가 맡고 있는 프로젝트의 페이스북 광고에 대한 이야기입니다. 온라인에서 명품을 구매하고자 하는 니즈가 생겨 여러 온라인 명품 커머스 사이트를 들어가게 되었고 이후 리타게팅 대상이 된 상황을 가정하고 이야기를 구성해보았습니다. 그리고 이야기를 풀어나가기 위해 저희 대표님과의 일화를 바탕으로 이야기를 적어나갔습니다.#2019.02.18저는 그날을 정확히 기억합니다. 그날은 신규 고객사의 미팅이 있는 날이었습니다. 미팅 10분 전에 건물 1층에서 대표님과 만나기로 했습니다. 저는 대표님보다 일찍 도착하기 위해 15분 전에 건물 1층에 도착해 있었습니다. #정확히 미팅 10분 전, 대표님이 멀리서 걸어오셨습니다. 표정이 밝아 보였습니다. 유독 밝아 보이셨습니다. 그리고 제 눈앞 5m쯤 도착했을 때 저는 그 이유를 알게 되었습니다. 대표님 표정과 함께 대표님 발, 아니 신발도 굉장히 밝아 보였습니다. 새 신발을 사신 것 같았습니다. 그리고 대표님이 제 앞에 도착했을 때 저는 신발을 보고 좀 많이 놀랬습니다. 신발 한편에  'BALENCIAGA(한글로 발렌시아가)'라고 적혀 있었기 때문입니다. 맞습니다. 대표님은 요즘 핫한 명품 발렌시아가 신발을 신고 있었습니다. 놀랬습니다. 근데 부러워서 아는 척 안 했습니다. 그리고 우리는 미팅을 하러 갔습니다. #미팅이 끝나고 엘리베이터를 기다리고 있는데, 대표님이 제 눈치를 보시더니 조심스레 말을 꺼냈습니다. 대표님: 이런 신발 처음 신어 보는데 잘 어울리는 거 같니? 이상하지 않아?나: 괜찮은데요?(사실 많이 잘 어울렸습니다.) 근데 이거 엄청 비싸지 않아요?대표님: 얼마인 줄 알아??나: 40~50만 원 정도 하나요??대표님: 이게 거의 100만 정도 한대!나: 헐~ 완전 비싼데요? 와~ 저는 반스 슬립온만 2년째 신는데. 대박 비싸네요~대표님: 나도 이런 거 안 사지. 근데 와이프가 신발이 너무 없어 보인다고 진짜 큰 맘먹고 선물해줬어~나: 와~~~ (부러움) 그날 밤 저는 네이버에서 '발렌시아가 신발'을 검색했고, 여러 사이트에 들어가서 새벽 3시까지 발렌시아가 신발을 찾아봤습니다. 그리고 잠이 들었습니다.본론: 어느 온라인 명품 커머스의 페이스북 리타게팅 광고 파헤쳐보기#다음 날 페이스북 피드에서, 저는 여러 온라인 명품 커머스의 리타겟팅 대상이 되어 있었습니다. 아침, 점심, 저녁, 그리고 다음날, 그 다음다음날까지 페이스북 피드를 열 때마다 내가 봤던 발렌시아가 제품과 그 제품과 유사한 제품들이 피드에 계속 보였습니다. 그리고 페이스북 광고를 세팅해 본 저는 바로 직감했습니다.최근 00일 이내 해당 제품을 조회했거나 장바구니에 담은 타겟에게 해당 제품, 그리고 그와 유사한 제품을 노출시키는 광고를 하고 있구나총 7개 정도의 사이트에 들어갔었는데, 역시나 의류 커머스답게 (내가 봤던 제품을 노출하는) 상품 피드 광고를 진행하고 있었습니다. 근데 유독 한 곳이 상품 피드 광고와 함께 다른 광고로 저에게 메시지를 던져주고 있었습니다. 2- 3일 정도의 기간 동안 상품 피드 광고 외 총 7개 정도의 광고를 본 것 같은데, 그 광고를 하나씩 볼 수록, 그리고 그 광고를 보고 사이트를 다시 유심히 살펴볼수록 발렌시아가 신발을 여기서 사고 싶은 마음이 생겼습니다. 다른 온라인 명품 커머스와 달라 보였습니다. 고객 입장 전에, 먼저 마케터 입장에서 광고 콘텐츠를 수집해서 분석해보기로 했습니다.#어느 온라인 명품 커머스의 페이스북 광고 콘텐츠들 1.해외직구보다, 국내 백화점보다 가격이 저렴하다는 것을 강조하는 영상 콘텐츠 온라인에서 명품을 구매할 때 가격을 고려하게 될 텐데, 왜 이 사이트에서 가격을 저렴하게 구매할 수 있는지 대표님의 스피치 영상이 광고로 노출되고 있었습니다. 저렴한 가격과 신뢰성을 어필하기 위한 목적으로 보였습니다. 2.이 사이트의 UVP(Uniq Value Proposition: 고유 가치)가 나열된 슬라이드 콘텐츠슬라이드의 내용을 살펴보면 재구매의사 99.5% 백화점과 동일한 A/S 삼성 SDS와의 계약으로 해외배송 추적이 가능하고, 정품 인증유럽 명품 유통 최상위 부티크와 직접 계약으로 해외 현지 매장, 해외직구보다 평균 33% 저렴한 가격 제공이탈리아, 프랑스 등 유럽 명품 부티크 200개와 독점 계약을 통해 100% 정품 보장의류, 신발 사이즈 교환 1회 무료 고객에게 배송하기 전 상품을 검수하고 영상을 촬영해서 보내주는 리얼 패킹 영상 시스템밀라노 런웨이 제품이 고객에게 단, 3일! 백화점보다 두 달 정도 빠른 신상 입고등 이 사이트가 가지고 있는 UVP를 보여줌으로써 안심하고 구매해도 된다는 메시지를 던져 주고 싶었던 것 같습니다. 3.이미 이 사이트에서 구매한 사용자들의 배송 관련 후기광고 콘텐츠의 후기들을 읽고, 사이트에 들어가서 후기들을 하나씩 하나씩 읽어나갈수록 배송에 대한 만족도가 굉장히 높은 것을 확인할 수 있었습니다. 그리고 포장 영상을 언급하는 사람들이 많았는데, 그 광고 또한 저에게 노출되고 있었습니다. 그 광고는 아래에 있습니다.4.구매한 고객들이 좋아했던 포장 영상 구매한 고객들이 후기에서 가장 많이 언급하는 포장 영상입니다. 고객이 주문한 제품이 이탈리아 부티크에서 발란으로 배송된 후 '퍼스널 쇼퍼'라는 분들이 제품의 오배송, 포장상태, 사이즈, 색상 등을 미리 검수하고 촬영해서 고객에게 영상을 보내주는 시스템이었습니다. 고객에게 제품이 잘 못 배송되는 것을 사전에 막기 위한 것으로 보였습니다. 광고 문구에서 이야기하고 있는 것처럼, 럭셔리한 제품만 판매하는 게 아니라 럭셔리한 제품을 고객이 받기까지 럭셔리한 경험을 제공하는 이 회사의 철학이 느껴졌습니다.    5.숫자로 각인시키는 단일 광고입점 브랜드 3,000개, 보유상품수 260,000개.해당 숫자들이 각인되는 순가 저는 이 사이트가 작은 곳이 아니고, 믿고 살만큼의 규모가 있는 사이트로 느껴졌습니다. 6.온라인 명품을 구매할 때 걱정하는 A/S에 대한 광고온라인에서 명품을 구매할 때 걱정하는 A/S에 대해서도 친절한 설명과 비포 & 애프터, 후기들을 보여주면서 온라인에서 명품을 구매해도(우리 브랜드에서 구매하면) A/S 걱정이 필요 없다는 이야기를 전하고 싶었던 것으로 보입니다.7.백화점에서나 볼 수 있었던 퍼스널 쇼퍼 이야기저는 이 광고를 보고 퍼스널 쇼퍼라는 개념을 처음 알게 되었습니다. 백화점에서 VIP분들 대상으로 쇼핑을 편하게 할 수 있도록 도와주는 역할을 한다고 하는데, 해당 브랜드는 퍼스널 쇼퍼 서비스를 고객에게 제공하고 있다고 친절하게 설명하고 있고, 이용하도록 안내하고 있었습니다. 그리고 퍼스널 쇼퍼 서비스에 만족한 고객의 이야기들을 들려주면서 좀 더 신뢰감을 전해주고 있었습니다.#위에서 언급한 광고들은 무엇에 집중하고 있을까?이 글을 적고 있는 저는 지금 당장은 아니지만, 대표님의 발렌시아가 신발을 보고 잠재적으로 그 신발을 구매하려는 사람입니다. 저는 명품을 구매해보지 않았습니다. 관심도 없었습니다. 하지만, 온라인에서 처음으로 명품을 구매하려고 하는 사람입니다. 그런데 걱정되는 부분이 있습니다. 1.온라인에서 명품을 구매하려는 내가 하고 있는 걱정은?그 사이트는 정품을 판매하고 있을까? (신뢰할 수 있는 곳인가)배송은 빠를까? 신어보지 못하니깐 사이즈가 안 맞거나 크면 어떻게 하지? 가격은 저렴한가? 신발이라 딱히 A/S를 하지 않을 것 같지만 A/S는 가능한가? 2.나의 불안함을 해소해준 광고들그 사이트는 정품을 판매하고 있을까? (신뢰할 수 있는 곳인가)   - UVP 광고,  발란 대표님의 영상 광고 배송은 빠를까?  -이미 구매한 사람들의 배송 후기 광고 신어보지 못하니깐 사이즈가 안 맞거나 크면 어떻게 하지?  -UVP 광고에 언급한 무료 사이즈 교환 1회 내용,  퍼스널 쇼퍼 광고, 그리고 사이트에 해당 내용이 나와 있어서 안심할 수 있었음가격은 저렴한가?  -UVP 광고, 발란 대표님의 영상광고 신발이라 딱히 A/S를 하지 않을 것 같지만 A/S는 가능한가? -UVP 광고, A/S 광고=> 이 모든 광고들이 짧은 기간 내에(2~3일 이내) 저에게 노출되다 보니, 이 사이트를 신뢰할 수 있게 해주는 장치들로 보였습니다. 그리고 온라인에서 명품을 구매하려는 잠재고객들의 걱정을 덜어줄 수 있는 콘텐츠들로 보였습니다. 광고이지만, 걱정하는 저에게 이런 메시지를 먼저 던져주는 부분이 오히려 친절하게 느껴졌습니다. 해당 정보들은 고객이 이 사이트에서 구매를 함에 있어 직접 찾아봐야 하는 정보들일 수도 있기 때문입니다.#페이스북 광고를 집행하고 계신 마케터 분들이라면 한 번 경험해보셨으면 좋겠습니다. 발란 사이트에 들어가서 몇 개의 제품 페이지를 조회하면 페이스북 피드와 인스타그램 피드에서 광고를 경험할 수 있습니다. 그리고 처음 온라인에서 명품을 구매하려는 고객 입장에서, 혹은 온라인에서 명품을 구매하려는 고객 입장에서도 생각해보셨으면 좋겠습니다. 마지막으로 우리 브랜드의 잠재고객은 누구이고, 구매를 하기까지 어떤 걱정들을 하고 있는지, 고객들에게 어떤 해결책과 가치를 전해 줄 수 있는지, 그리고 그 걱정을 해소시켜주고 브랜드의 가치를 전해주기 위해 어떤 콘텐츠를 보여줄 수 있을지 함께 고민해보는 시간이 되었으면 좋겠습니다. 저도 이번 주를 고민하고 있습니다. 혹시 '온라인에서 명품을 구매하려고 했던 적이 있거나, 구매 하신 적이 있다면 어떤 부분들을 걱정했는지' 아래 링크를 통해서 의견 주시면 도움이 많이 될 것 같습니다:) 고민하는 마케터에게 도움 주기 >>발란에서 제품 페이지 조회하고 광고 경험해보기 >>(**모바일로 들어가셔서 제품 페이지까지 확인해야 합니다.)마지막으로, 감사하게도 이 글을 읽어보신 발란의 대표님께서 독자분들이 사용하실 수 있는 쿠폰을 주셨습니다. 마음에 드시는 제품이 있으시다면 혜택과 함께 경험해보셨으면 좋겠습니다:) 발란의 Special 쿠폰 발급받기 >>퍼포먼스 마케팅 에이전시, 오피노 바로가기

벌써 1년이 지났습니다. 어느새 4월이 왔으니 말입니다...2014년 저희에게 지워지지 않는 두 기억을 남겼습니다. 한 가지는 우리가 '진저티프로젝트'라는 회사를 만든 것입니다. 법인 등록을 마친 4월 3일은 저희에게 또 하나의 생일이 되었습니다. 창업은 그저 회사를 하나 만드는 과정이 아니었기 때문입니다. 또 다른 우리가 태어나는 것 같은 일이었지요. 우리 안에 새로운 열정을 발견하고 또 새로운 헌신을 요구받는 일이었습니다. 새로운 변화가 버겁기도 하고 가끔씩 우리가 앞으로 잘 해 나갈 수 있을지 불안하기도 했지만, 가슴 뛰고 신나는 삶이 시작된 것 같았습니다.그런데 그때 그 사건이 벌어졌습니다. 너무나 화창했던 봄날, 거짓말처럼 어린 생명들이 깊고 푸른 바닷속으로 차갑게 꺼져 갔습니다. 뉴스를 보는 것이 무서웠고, 순간순간 무겁고 우울한 감정과 생각들이 머릿속을 떠돌아다녔습니다. 무엇이 잘못되었을까 자꾸 되뇌고 죄책감과 상실감에 젖어들곤 했습니다. 대부분의 사람들이 비슷한 감정이었겠지요. 세월호 사건은 그동안 깊게 인식하지 못한 사실을 깨닫게 해 주었습니다. 우리는 서로의 행복과 슬픔에 긴밀하게 연결되어 있다는 것을, 모든 사회의 문제들은 유기적으로 연관되어 있다는 것을 말입니다. 나는 이웃의 삶에 책임이 있는 사람이고 또한 이웃의 삶은 나에게 엄청난 영향을 미치고 있다는 인식이 선명해진 것입니다. 그 인식은 우리가 만들어 가고 있는 진저티프로젝트라는 조직이 어떡해야 하는지에 대해 더 크고 분명한 관점을 가지게 해 주었습니다, 사회를 구성하는 개인들과 조직들이 자신들이 지켜야 하는 올바른 기준과 규칙을 지키지 않았을 때 얼마나 큰 재앙이 일어날 수 있는지, 잘못된 이해관계가 얼마나 큰 희생을 강요하게 되는지, 크고 작은 잘못된 관생에 대해 용인하는 문화가 얼마나 치명적인지 분명히 알게 되었습니다. 무엇보다 권력을 부여받은 이들의 가치와 결정으로 얼마나 많은 이들의 삶이 달라지는지 생생하게 알게 되었지요. 함께 진저티프로젝트를 만들었던 세 사람에게도 깊은 공감대가 있었습니다. 비록 우리가 만드는 조직이 아주 작은 회사일 따름이고 우리의 길이 그리 순탄치 않을 수 있겠지만, 우리가 이 잔인하고 아름다운 4월의 절실한 깨달음을 잊지 말자고 다짐했습니다. 좀 더 많은 대가를 치루더라도 올바른 기준을 스스로 엄격히 지켜가고, 함께 일하는 동료와 파트너, 고개들에게 정직해야 하고 높은 수준의 책임을 가져야 한다는 마음을 새겼습니다. 진저티프로젝트의 사명은 '비영리 조직들이 더 건강하게 성장하고 더 탁월해지도록 돕는 것'입니다. 1년이 지난 지금, 이 사명은 더 무겁게 느껴집니다. 건강한 성장은 올바른 기준을 끊임없이 적용하는 수고를 할 때에만 가능한 길이고 탁월한 성과는 더 책임 있는 자에게만 주어지는 열매인 것을 알았기 때문입니다.진저티프로젝트의 1주년을 맞이하며, 4월의 아프고도 아름다운 두 가지 기억을 다시 한 번 마음에 새깁니다..그리고 저희를 돌아봅니다. 1년 동안 우리가 달려온 길이 첫 다짐에 부끄럽지 않았는지, 그리고 또 다른 1년을 달려갈 마음의 준비가 되었는지 말입니다. 좀 더 고민하고 좀 더 수고하고 좀 더 대가를 치루더라도 첫 마음을 기억하며 한 해를 달려가겠다는 작은 다짐을 해 봅니다.1년 동안 작지만 의미 있는 시도를 할 수 있도록 진저티프로젝트를 격려하고 함께 해 주신 모든 분들께 감사드립니다.#진저티프로젝트 #돌아보기 #창업1년차 #인사이트 #경험공유

2018년은 너무 멋진 인사이트를 얻은 해다.특히, "보편에 침투한" 다양한 브랜드들과 그들의 흥행을 목도한 운이 좋은 한 해 였다.너무나 기본이 되어 익숙한 삶의 한 영역을 다시 들여다보고 더 나은 삶을 제안했다.그 브랜드들은 기본을 다시 뜯고 흔드는 힘을 분명 발휘했다.수면을 연구하는 전문 브랜드 "삼분의일"남성 언더웨어 브랜드 "언코티드 -247"2018년 가장 정통하게 색다른 깨우침을 선사한 두 개의 브랜드다."삼분의일"에게서 가장 깊은 인상을 받은 두 가지는1. 버티컬한 수면영역에서의 연구와 노력을 고스란히 상품에 담아냈다는 점2. 마진 구조를 건전하게 개선하면서 합리적인 가격을 제시, 소비자들에게 매트리스 시장에서의 거품을 알리는 좋은 계기를 마련했다는 점이다."삼분의일" 마케팅 총괄님의 다양한 글들을 통해, 제품을 내기 위한 진정성 있는 연구와 논의과정을 엿볼 수 있었다. 그리고 제품 체험관 오픈을 보면서 제품력에 대한 자신감을 봤다.또, 소비자와의 신뢰를 중요시 하는 비즈니스 마인드를 간접적으로 알 수 있었다.즉, 경마적 커머스 흐름에 편승하지 않으면서 나름의 소통방식을 진정성있게 고수했다.제품은 어떠한가.나는 여지껏 스프링이 있어야만 잠을 잘 수 있는 침대인 줄 알았다.그리고 침대 프레임은 무조건 대나무살이 좋은 것이라 생각했다."삼분의 일"은 매트리스의 기본기를 더욱 잘 부각시켰다.밀도 높은 폼으로 속을 꽉채웠다. 시중에 있는 유명 브랜드의 제품과 비교해도 질적으로 우수하다.  매트리스의 타입을 나누어 소비자들의 취향을 고려했다.선택지가 있지만 혼선이 오지는 않는다. 간결하고 담백하다.제품에 대한 소비자 만족도 역시 매우 높다.설치기사가 필요없는 배송의 편의성, 물류과정까지 한국에서의 유일한 혁신이다.해외 브랜드 "캐스퍼"보다 내 머릿속을 더 맴도는 국산 유일 브랜다.필요한 것을 찾지 못하면 247원단처럼 개발할 것"언코티드-247"의 출사표다.2018년 10월은 언더웨어에 대한 나의 가치관이 뒤바꾼 시점이다.나에게 언더웨어는 곁가지였다.유니클로에 가서 여러 옷을 산 뒤, 값싼 라이크라 언더웨어 제품 2장 정도.. 내가 살아있음을 매일 알려주는,,,,내 자식들의 탄생을 있게 한,,,,가장 중요한 부위에 닿는 제품이 바로 언더웨어 이거늘...나는 한번도 깊게 생각해본 적이 없었다. 그저 팬티는 너무나 당연했기 때문이다."언코티드-247"은 24시간 7일이 쾌적하기를 바라는 브랜드 가치를 담았다.오스트리아의 천연소재로 인증을 받은 마이크로 모달(렌징섬유)을 메인으로 이렇게 쾌적하고 편안함을 살릴 줄은 몰랐다. '면 소재 제품을 입으면서 바삭거림이나 기스없으면 되겠구나'라고 여겼던 관념을 깨뜨렸다.신축성있는 모달의 입체적 설계는 허벅지 말림을 없앴다.허벅돼인 나에게 열린 공간에서 남들 모르게 엉거주춤 말린 부분을 펴야하는 고충을 해소해줬다.  게다가, 극중요부위를 감싸는 면은 전자파차단 소재다.즉각적으로 체감할 수는 없지만, 디지털 기기와 밀접한 현대남성의 라이프스타일에 대한 분명한 배려다.이러한 섬유는 "247 원단"이다.1종의 섬유가 아닌, 여러 천연섬유를 모아 혼방하여 전례없던 쾌적한 섬유를 창출한 것이다.세상에서 새로운 것은기존에 있던 것들의 조합이다!이 말을 언더웨어를 통해 더욱 실감한다."언코티드-247"은 너무 당연해서 가볍게 여겼던 팬티라는 보편성을 파고들었다.분석하고 재해석하며 보편에서 혁신했다.아울러, "언코티드-247" 브랜드 제품의 가장 큰 무기는 디자인이다.쉽게 접할 수 없는 색상과 밴드는 볼 때마다 눈길을 끈다.언코티드 247의 드로우즈도 트렁크도 디자인이 뒷받침이 되어준다.언더웨어가 후즐근하면 왠지모를 자신감을 잃게 된다.특히, 헬스장과 목욕탕에서 내몸에 익은 '브레이브맨'을 들고 사회로 나왔을 때 그 누구보다 빨리 벗었던 그런 경험을 미루어 본다.감춰진 부분에 투자할 때, 사람의 가치가 상승한다.남들에게 굳이 알리지 않아도, 집에서 네스프레소를 통해 에스프레소를 추출하는 그런 느낌과 일맥상통하다.언코티드-247 나세훈 브랜드 디렉터의 메이저 분야는 "디자인"이다.디자이너가 만든 언더웨어는 이렇게 다르구나.디자이너가 만든 섬유는 이렇게 다르구나."디자이너라서 다르다"라는 점, 바로 일반적인 시각에서 볼 수 없는 디테일을 살렸다는 것이다. 제품에서 섬유로 디테일을 살렸고 웨이스트밴드와 색감으로 디자인을 살렸다.물론, 라이프스타일 브랜드 '바디럽'의 마약베개와 마약매트리스, 퓨어썸샤워기리빙 브랜드 '공백0100'의 세탁조크리너 등등 수많은 브랜드와 제품이 보편적인 삶에 침투했고 부족함을 채워줬다.Lifestyle needs solution 이라는 기치에 알맞게 빈 곳을 메웠고 솔루션을 제공했다.하지만, 이들은 보편을 뒤흔든 제품 속에 '기능'을 담았다는 점!기능성 제품으로 볼 수 있다.내가 "삼분의일"과 "언코티드-247"을 거론한 이유는 기능성 제품이 아니라는 점이다.가장 보편적인 영역에 침투했고, 마진 구조를 재편하거나 섬유와 디자인로 승부를 보는 등 기본에 충실했다.제품 고유의 기본기를 살리면서 편안함을 제공한 것!2018년을 뒤흔든 "보편 침투" 브랜드로 꼽은 이유다. 세상은 저절로 바뀌지 않는다.'누군가가 하겠지?'  '누군가가 하면 나도 이용할 수 있겠지?'특히나 보편적인 영역에서는 더욱 이렇게 생각한다.  이 관념을 모두 깬 멋진 브랜드들!돈 되는 제품을 만들어보자가 아니라,삶의 질을 높이는 소비자 지향적인 생각에서 출발했던 브랜드들!  너무나 레드오션일 수 있는 시장에 발을 들였고,브랜드 가치에 대한 고집과 진성성으로 승부를 보고 있는 브랜드들!  이렇게 멋진 브랜드들을 응원하며 2018년을 마무리 한다.또 2019년에도 영감을 주는 새로운 브랜드를 만나고 싶다! Jason KH커뮤니케이션    기획자

출처 : 구글 이미지구글 애드워즈, 참으로 어려우시죠 ? 캠페인 실적이 저조하거나 어려움을 겪기 시작하면 애드워즈 캠페인을 향상시킬 수있는 몇 가지 중요한 사항을 짚고 넘어갈 필요가 있습니다. 8 가지 도움말을 구현하여 유료 검색 실적에 대한 투자 수익 (ROI)을 개선하세요.1. 키워드 보고서 키워드 보고서는 광고주가 가질 수 있는 가장 가치있는 보고서 중 하나 일 수 있습니다 (특히 확장 검색 또는 구문 검색 키워드를 사용하는 경우). 고객이 광고를 클릭하기 전에 고객이 Google 검색엔진에서 무엇을 검색하는지 정확하게 알려줍니다. 이 보고서를 보면 새로운 키워드에 대한 아이디어를 찾을 수 있고, 여러분이 원하지 않는 제외 키워드를 찾아 현재 검색을 수정하는 데 도움이됩니다.키워드 보고서 실행의 이점 : 1) 잠재 고객을 이해하는 데 도움을 줌 - 타겟 잠재 고객이 원하고 필요로하는 것을 더 잘 이해할 수 있으므로 이러한 행동 변화로 캠페인이 성장할 수 있습니다. 2) 키워드 입찰가 최적화 - 실적이 우수한 검색어에 대한 인사이트를 얻은 후에 실적을보다 잘 반영 할 수 있도록 키워드 입찰가를 조정할 수 있습니다. 3) 확장 검색 제외 키워드 목록 확장 - 전환율이 낮고 투자 수익 (ROI)이 낮거나 전혀 관련이없고 전혀 전환하지 않는 검색을 제외 할 수있습니다. 이렇게하면 트래픽 품질이 향상되고 전체 품질 평가 점수가 향상됩니다. 4) 검색어 확장 - 검색어 데이터를 사용하여 캠페인을 점차적으로 효과가 가장 큰 방향으로 확장 할 수 있습니다.2. 광고 스케쥴링 필요할 때만 광고를 게재하도록하여 광고를보다 효율적으로 만드셔야 합니다. 원하는 시간이나 요일을 선택하는 것만 큼 간단합니다. 광고를 항상 영업시간에 맞게 게재하도록 해야 합니다. 그런 다음 고객 응답 시간이 짧을 때 캠페인을 검토하고 입찰가를 낮추거나 높게 설정하고 전환율이 높은 기간에는 입찰가를 높일 수 있습니다.3. 위치 타겟팅 검색은 점점 더 지역화되고 있습니다. 특히 실제 매장이있는 비즈니스 인 경우 더욱 그렇습니다. 여러분은 여러분의 브랜드와 관련된 사람들에게 노출을 할 수 있고 여러분이 원하지 않는 지역을 제외 할 수있어, 비즈니스가 가능한 지역에만 광고를 집중할 수 있습니다. 설정 방법에는 여러 가지가 있습니다. 1) 반경 - 물리적 위치가 있고 특정 거리 내에있는 사람을 찾고자 할 때 유용합니다. 2) 우편 번호 - 거리를 염두에 두지 않고 특정 지역의 많은 사람들이 귀하의 제품이나 서비스에 관심이있는 경우 특정 우편 번호 지역을 타겟팅 할 수 있습니다. 3) 도시 / 지역 / 국가 별 - 예산이 많거나 현지인보다 멀리 떨어져있는 것이 목표라면 국가단위 또는 글로벌 단위로 타겟팅 할 수 있습니다.4. 입찰 전략 유연한 입찰 전략은 캠페인, 광고 그룹 및 키워드의 실적 목표를 최적화 할 수 있도록 입찰가를 자동으로 설정합니다. 캠페인에서 유연한 입찰 전략을 사용하는 방법에는 여러 가지가 있습니다. 1) 향상된 CPC 입찰 기능 - 목표가 전환 일 때 사용하세요. 향상된 CPC 입찰 기능을 캠페인에 적용하면 전환 가능성이 높아질 때 애드워즈에서 자동으로 입찰가를 조정합니다. 2) 클릭 수 극대화 - 특정 예산 내에서 트래픽을 귀하의 사이트로 유도하는 것이 목적 일 때 사용하십시오. 3) 타겟 CPA - 원하는 CPA를 염두에 둔 경우이 전략을 사용하십시오. 애드워즈에서는 최적화 할 수있는 충분한 데이터가 필요하므로 CPC 입찰을 시작하는 것이 좋습니다. 4) 경쟁률이 높은 광고 게재 순위 - 검색 결과에서 경쟁 업체보다 더 많은 가시성을 원할 때이 기능을 사용합니다. 이를 특정 경쟁자 도메인보다 자동으로 우선 순위가 높은 캠페인에 적용 할 수 있습니다.5) 타겟 광고 투자 수익 (ROAS) - 주요 목표가 전환이고 타겟 광고 투자 수익 (ROE)을 달성하려는 경우에 사용하세요. 이 입찰 전략을 구현하려면 정확한 수익 추적이 필요합니다. 6) 타겟 검색 페이지 위치 - 여러분의 목표가 Google 광고지면 최상단에만 위치시키고 싶을 때 또는 첫 랜딩 페이지에서 더 잘 보이게 할 때 사용하셔야 합니다. 이 전략을 적용하면 다른 경쟁사의 광고보다 상단에 나타나도록하거나 최소한의 결과에만 표시되도록 할 수 있습니다.5. 모바일 최적화 모바일 최적화를 활용할 수있는 여러 가지 방법이 있습니다. 잠재 고객은 모바일을 통해 솔루션을 검색하여 모바일 최적화를 쉽게 달성 할 수 있습니다.모바일 버전의 광고가 캠페인 내에서 활성화되어 있는지 확인합니다. 맞춤형 메시지 전송이나 바로 전화하기와 같은 행동유도 문안이 있을 경우에 모바일 버전에 광고는 훨씬 더 중요해집니다. 또한 모바일에 최적화 된 랜딩페이지와 함께 모바일 전용 광고 확장을 구현하여 건강한 사용자 환경을 보장해야합니다.6. 계정 구조 이것은 필수 선택지처럼와 같지만 모순적이게도, 많은 에이전시들이 쉽게 간과하고 있습니다. 캠페인 실적에 대한 간략한 개요보고서를 보시면, 여러분이 제공하는 광고캠페인들 중에서 실적이 가장 우수한 제품 또는 서비스를 강조 표시합니다. 여러분은 실적이 가장 우수한 제품이나 서비스가 자체에 캠페인에 설정되어 있나요? 이러한 캠페인을 자신의 캠페인에 설정하면 더욱 타겟이 분명한 광고 사본을 얻을 수 있습니다. 또한 예산 및랜딩문 페이지를 적절하게 최적화 할 수 있습니다.7. 광고 카피 광고 카피는 항상 신선하고 고객이 찾고있는 것에 맞게 유지하는 것이 좋습니다. 첫 번째 광고 제목에서 광고 카피를 구성하세요. 실시간에 맞게 항상 광고 카피를 바꿔줘야 잠재고객들의 주목도를 확보하고 흥미를 유발하여 계속 읽을 수 있도록 유도해야합니다. [지금 보러 가기], [문의하기] 와 같은 고객이 정보를 읽었을 때해야 할 일을 제공 할 수있는 클릭 유도 문안을 넣어주는 것도 좋은 팁이 될 것입니다.8. 광고 확장 모든 캠페인에서 여러 광고 확장을 만드십시오. 확장된 광고들은 캠페인 성과에 큰 차이를 줄 수 있습니다. 뿐만 아니라 여러분의 비즈니스 광고의 가시성을 높일뿐만 아니라 클릭률도 증가시킵니다. 클릭률 (CTR)이 높을수록 품질 평가 점수가 올라가고 CPC가 감소합니다. 최종 목표에 따라 광고 확장을 선택하세요. 캠페인 당 최소 4 개의 광고 확장을 구현하는 것이 좋습니다.다음은 우리가 사용할 수있는 확장 유형입니다. 위치 - Google 마이 비즈니스에 등록 된 주소와 전화 번호를 추가하세요. 전화 번호 - 모바일 사용자가 광고에서 바로 전화를 걸 수 있도록 전화 번호를 추가합니다.메시지 - 고객이 직접 광고 메시지를 보낼 수 있습니다 (문자 메시지). 사이트 링크 - 웹 사이트의 다른 관련 페이지에 대한 링크를 추가하세요.설명 선 - 추가 서비스 또는 USP를 강조 표시하기 위해 광고에 텍스트를 추가하세요.Structured Snippets - 변환에 도움이되는 추가 정보를 표시합니다. 가격 - 고객이 광고에서 직접 찾아 볼 수 있도록 가격을 추가하세요.앱 - App Store에서 앱을 다운로드 할 수있는 링크를 추가하세요.구글 애드워즈는 사실 대행사가 다루어선 안되고, 실시간으로 모니터링하며 정성이 들어갈수록 더 좋은 효과를 볼 수 있는 광고 플랫폼입니다. 언제든 궁금하신 부분이 있다면 댓글을 달아주세요 :)퍼포먼스 마케팅 에이전시, 오피노 바로가기

WWDC18 Review (1): Bring the Func! 보기 Introduction지난 글 Bring the Func! 에서 WWDC를 소개했습니다. Keynote와 Platforms State of the Union에서 인상 깊었던 경험도 소개했고요. WWDC 첫째 날은 애플에서 큰 이벤트를 진행했고, 둘째 날부터 마지막날까지는 세션과 랩스, 스페셜 이벤트를 진행했습니다. 이번엔 지난 글에서 미처 쓰지 못했던 것을 소개하겠습니다.SessionWWDC 하면 가장 먼저 떠오르는 건 대개 Keynote입니다. 하지만 다른 세션이나 랩스부터 생각나는 애플 개발자도 있을 겁니다. 저도 처음엔 Keynote만 기대했지만, 행사에 참여하면서 세션과 랩스의 매력(?)에 빠졌습니다.Apple Developer 웹사이트에서 수많은 기술 관련 영상을 볼 수 있다.애플 관련 애플리케이션 개발자는 문제에 부딪히면 Apple Developer 웹사이트에서 도움을 얻는데요. 특히 Development Videos 사이트에 들어가면 그해 발표한 WWDC 세션부터 시작해서 그 동안의 세션들을 모두 볼 수 있습니다. Topics에서는 주제별로 카테고리를 만들어, 해당 주제에 관한 동영상들을 모아서 볼 수 있고, Library에서는 찾고자 하는 내용에 대한 키워드를 검색해서 찾을 수 있습니다.Development Videos - Apple Developer 첫 화면Topics 에서는 주제별 동영상들을 볼 수 있다.Library 에서는 검색하는 키워드에 해당하는 동영상들을 볼 수 있다.WWDC 행사장은 Hall 1 ~ Hall 3, 그리고 Executive Ballroom까지 4개의 방으로 구성되어 있었습니다. 이곳에서 각각의 세션을 들을 수 있었는데요. 시간대별로 3~4개의 세션을 동시에 진행합니다. 듣고 싶은 세션은 해당하는 방에 들어가서 들으면 됩니다. 만약 같은 시간에 듣고 싶은 세션이 두 개 이상이라면 하나만 현장에서 듣고, 다른 세션은 developer 웹사이트 또는 WWDC 앱에서 업로드되길 기다려야겠죠. 물론 24시간이 지나면 세션 영상이 WWDC앱에 업로드됩니다. WWDC 앱에서 제공하는 행사장 지도세션이 진행되는 곳의 내부수많은 개발자의 똑똑한 머리와 지미집세션이 시작되자 개발자들은 무릎 위에 올려 놓은 맥북을 열심히 쳤습니다. 하나라도 놓치기 싫어서 열심히 타자를 치는 개발자들의 모습이 멋있었습니다. 마치 대학 영어 강의를 듣는 기분이었죠.아쉬운 점이 있다면, 에어컨을 너무 강하게 틀어 세션 행사장이 매우 추웠다는 겁니다. 며칠을 견디다 마지막 날엔 결국 행사장 밖에서 라이브로 시청했습니다. 그리고 세션을 진행하는 동안 빠르게 코딩을 하다 보니, 소스 코드를 다 작성하기도 전에 다음 장면으로 넘어가는 부분이 많았습니다. 실시간으로 같이 작업할 예제 소스 코드를 제공하거나 조금 더 효율적으로 세션을 들을 수 있게 해줬으면 좋겠다는 생각이 들었습니다.행사장에서 제공하는 아침 식사와 함께 맥북 프로에서 라이브로 세션 시청What’s new in ARTKit 2지금부터는 인상 깊었던 세션 세 가지를 소개하겠습니다. 첫 번째는 What’s new in ARTKit 2였습니다. 이 세션이 가장 인상 깊었던 이유는 애플이 AR에 중점을 두고 있다는 생각이 들었기 때문입니다. 실제로 Keynote 발표 중에 장난감용 블럭을 만드는 회사 관계자 두명이 AR을 활용한 앱을 실행해 노는 모습을 보여주기도 했습니다.Keynote 발표 중 한 장면. 크레이그 페더리기가 AR 파트에서 Shared experiences에 대해 발표하고 있다.가장 재미있었던 건 현실 공간을 저장해 다른 유저들과 공유할 수 있는 기능이었습니다. ARWorldMap Object를 이용해 사용자가 기기를 움직이면서 현실 공간의 모습을 저장합니다. 나중에 앱을 다시 실행하면 저장했던 현실 공간 맵이 그대로 유지되고, 이전의 모습도 나타나죠. 예를 들어, 노란 테이블 위에 가상의 물건을 올려 놓았다면, 나중에 테이블을 향해 기기를 움직였을 때, 그 자리에 놓여있던 가상의 물건이 다시 나타납니다. 또한, 저장한 맵을 근처의 다른 유저의 기기로 전송할 수 있습니다. 이렇게 하면 서로 다른 기기에서 같은 맵을 보면서, 같은 경험을 할 수 있게 됩니다. 개념을 확장하면 하나의 AR앱으로 다중 유저들이 게임을 함께 즐기거나 멀리 떨어져 있어도 같은 교육을 받을 수 있죠.SwiftShot AR게임을 즐기려고 기다리는 개발자들WWDC18 Keynote에서 잠깐 소개되었던 SwiftShot AR 게임이 이런 특징을 잘 나타난 앱입니다. 실제로 행사장 1층 안쪽에 이 게임을 즐길 수 있는 공간이 따로 마련되어 있었습니다. 개발자들이 직접 게임을 즐길 수 있었고, 마지막 날엔 개인전과 팀전을 진행해 1등에게 선물(AR뱃지)을 주었습니다. 옆에서 구경했는데 재밌었습니다. 아이패드가 있다면 여기를 클릭해 샘플 코드를 다운 받을 수 있습니다. 빌드해서 재미있는 AR 게임을 친구들과 함께 즐겨보세요. A Tour of UICollectionView브랜디 앱은 90% 이상 UICollectionView를 이용해 앱 화면을 만들었습니다. 많은 UICollectionViewCell을 다시 사용할 수 있고, 커스텀 레이아웃도 만들 수 있기 때문입니다. 이전에 포스팅한 ‘테이블이냐, 컬렉션이냐, 그것이 문제로다!’에서 UICollectionView를 공부했지만 더 배우고 싶어서 A Tour of UICollectionView를 들었습니다.이 세션은 UICollectionView에 대해 좀 더 깊은 내용을 다뤘습니다. UICollectionView와 UITableView의 가장 큰 차이점인 레이아웃에 초점을 두었는데요. 단순히 UICollectionView에서 선형 레이아웃 말고 그리드 형식의 레이아웃을 만들 수 있다는 것, 커스텀 레이아웃을 만들 때 고려할 것, 구현에 대한 가이드라인까지 제시했습니다. 애플에서 제공하는 레이아웃 중 하나는 UICollectionViewFlowLayout입니다. UICollectionViewFlowLayout은 line-based 레이아웃 시스템입니다. 일직선 상에서 최대한 많은 아이템들을 채운 후, 다음 행 또는 열로 넘어가 아이템을 채우는 형식으로 컨텐츠들을 배치합니다. 가장 흔한 레이아웃 모습이 바로 그리드 레이아웃입니다.그리드 레이아웃, 또는 UICollectionViewFlowLayout으로 구현할 수 있는 레이아웃Line-based 레이아웃이 아닌 다른 모습의 레이아웃이라면 어떤게 있을까요? 세션에서 예를 든 레이아웃이 바로 모자이크 레이아웃이였습니다. 브랜디 앱, 또는 다른 앱에서 볼 수 있는 모자이크 레이아웃은 일직선상에서 일렬로 정렬하지 않고, 그리드 레이아웃과 조금 다른 모습입니다. 아래의 스크린샷을 보면 어떤 레이아웃인지 감이 잡힐 겁니다.브랜디 앱, 인스타그램 앱, 세션 예제 앱의 모자이크 레이아웃모자이크 레이아웃은 line-based 레이아웃이 아니기 때문에 일반적인 UICollectionViewFlowLayout을 사용하지 않고, UICollectionViewLayout을 상속하여 커스텀합니다. 총 4개의 기본 메소드와 추가적으로 고려해야하는 메소드 하나를 이용하여 커스텀 UICollectionViewLayout을 만들 수 있습니다. 모든 컨텐츠를 담는 뷰의 크기, 레이아웃의 속성 2개, 그리고 레이아웃을 준비하는 기본 메소드들을 구현하고, 레이아웃이 변경해야하는 상황(기기를 가로로 눕히거나 레이아웃의 위치가 변경될 때 등)을 고려하여 메소드를 구현하면 됩니다.open var collectionViewContentSize: CGSize { get } func layoutAttributesForElements(in rect: CGRect) → [UICollectionViewLayoutAttributes]? func layoutAttributesForItem(at indexPath: IndexPath) → UICollectionViewLayoutAttributes? func prepare() func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) → Bool 세션 강연자가 직접 소스를 작성하면서 메소드 구현과 퍼포먼스를 위한 팁을 설명했습니다. 이 세션을 통해서 UICollectionView의 핵심인 레이아웃에 대해 더 깊이 배울 수 있었죠. 레이아웃 말고도 멋진 애니메이션 효과 구현 방법을 설명해주었는데요, 여기를 클릭해 직접 동영상을 보는 걸 추천합니다! 영상을 보고 나면 분명 멋진 UICollectionView를 구현할 수 있을 겁니다.Build Faster in XcodeBuild Faster in Xcode 는 가장 인기 있었던 세션 중 하나였습니다. 한국 개발자들 사이에서도 추천할 세션 중 하나로 꼽혔죠. 물론 혁신적으로 빌드 타임을 줄일 수는 없지만, Xcode의 기능과 빌드 타임이 어떻게 연결되는지 알 수 있었습니다. 프로젝트 세팅과 가독성 있는 코드 작성, 이 두 가지가 빌드 타임과 관련되어 있었습니다. Xcode는 프로젝트를 구성(configure)할 때, 빌드할 targets(iOS App, Framework, Unit Tests 등)와 targets 사이의 종속 관계(dependency)를 따릅니다. Dependency에 따라서 target을 빌드하는 순서도 정해지는데, 순서대로 빌드하지 않고 최소한의 연결을 유지하면서 병렬적으로 빌드하게 됩니다.빌드 시간을 아름답게 줄일 수 있다.이것은 Xcode 10에서 Scheme Editor에서 설정할 수 있습니다. 프로젝트의 Target → Edit Scheme → Build → Build Options에서 Parallelize Build를 체크하면 됩니다.Xcode 10의 Parallelize Build또한 Xcode 10에는 빌드 타임을 계산하는 기능도 있습니다. 빌드할 때 어떤 부분에서 얼마나 걸렸는지 요약해서 보여주는 기능도 있습니다. Product → Perform Action → Build With Timing Summary를 선택하면 빌드 후 요약해서 Xcode에 나타납니다.Build With Timing Summary를 선택하여 빌드하면위 스크린샷처럼 요약해서 보여준다.Xcode 프로그램을 이용해서 빌드 타임을 관리하는 방법도 있고, Swift으로 작성한 소스 코드를 가독성 높은 코드로 바꾸는 방법도 알려줍니다. 또한 Bridging Header로 Objective-C와 Swift를 동시에 개발할 때 도움이 되는 방법도 설명해줍니다. 빌드 타임에 대해 관심을 가질 수 있는 계기가 될 겁니다. 한 번씩 영상을 보길 추천합니다!Labs세션을 듣고 궁금한 점이 생겼다면 Labs(랩스)에서 질문할 수 있습니다. 각 세부 분야별 애플 기술자들이 시간대별로 모여서 개발자의 질문을 받거나 문제점을 해결할 수 있도록 도움을 줍니다.Technology Labstechnology Labs 간판Labs 입구에 있는 부스별 주제짙은 남색 Engineer 티셔츠를 입은 애플 기술자들이 질문을 받고 있다.가장 인기가 많았던 랩스는 Auto Layout and Interface Builder, UIKit and Collection View, Building Your App with Xcode 10 등등이었습니다. 사람이 많아서 줄 서서 기다릴 정도였습니다. 내년에는 랩스 시간이 조금 더 길게 진행됐으면 좋겠다는 생각이 들었습니다.WWDC 기간 중에 랩스에서 시간 보낸 적이 있었습니다. iOS 프로그래밍을 시작한 지 1년도 되지 않아 궁금했던 것들과 새로운 Xcode 10에 대해서 질문했습니다. 아래는 질문했던 내용을 문답형식으로 작성했습니다.애플 기술자와의 문답문: iOS 프로그래밍을 개발한지 얼마 안 된 신입 개발자입니다. 어떻게 하면 프로그래밍 실력을 높일 수 있나요? 답: 앱 하나를 처음부터 끝까지 개발해보면 실력을 늘릴 수 있다. 또한, 애플에서 만든 스위프트 책 보는 걸 추천한다.문: WWDC 기간 동안에 테스팅(testing)에 관심을 가지게 되었습니다. 앞으로 상용하는 앱을 테스트하면서 개발하고 싶은데, 테스트는 어떻게 시작하면 좋을까요?답: 이것에 대한 세션 동영상 을 보는 걸 추천한다. 테스트는 중요한 것이기 때문에 이 동영상을 보면서 테스트에 대해 배우고 난 뒤, 직접 앱을 테스트해보길 권장한다.문: 새로운 Xcode 10에서 앱을 빌드해봤는데 에러가 났습니다. 이런 에러가 나타난 이유는 무엇인가요?답: Xcode 10에 있는 컴파일러 문제다. 소스를 수정하면 앱이 빌드될 것이다. 컴파일러에 대해서 Xcode 팀에게 전달하겠다. (Range 관련된 컴파일러 문제였습니다.)문: 빌드 시간을 줄일 수 있는 방법은 무엇인가요?답: 컴파일하는 소스 코드를 줄이거나 프레임워크를 만들어서 빌드할 때 마다 계속 빌드하지 않도록 하면 시간을 줄일 수 있다. 이와 관련된 세션을 들으면 조금 더 자세한 내용을 확인할 수 있다.Consultation Labs애플 기술자와 일대일 면담식으로 진행하는 랩스도 있었습니다. 예전에는 선착순으로 진행되었는데 올해는 신청을 받고 당첨된 개발자에게만 기회를 주었습니다. 당첨되면 30분 동안 신청한 분야(디자인, 앱 스토어, 마케팅 등)의 전문가와 질의응답을 할 수 있습니다. 가장 인기가 많았던 User Interface Design 랩스를 신청하고 당첨이 되었습니다. 디자인 전문가들과 시간을 보낼 수 있었는데요. 애플 디자이너들이 생각하는 최선의 디자인 가이드라인을 배울 수 있었고, 함께 앱을 관찰하면서 개선되었으면 하는 디자인 요소 등의 팁을 얻었습니다. 아쉽게도 촬영 및 녹음은 불가능했습니다. 시간도 짧게 느껴져서 아쉬웠습니다.Special EventsWWDC 기간 동안에는 세션과 랩스 위주로 진행되지만 중간에 가끔 스페셜 이벤트들도 진행합니다. 점심 시간에 유명 인사들을 초청해서 하는 짧은 강연, 아침 일찍부터 모여서 같이 달리면서 즐길 수 있는 이벤트(WWDC Run with Nike Run Club), 맥주와 함께 음악을 즐기는 이벤트 등 개발 외적인 이벤트들을 많이 진행했습니다. 저는 그 중에서 Bash 이벤트를 소개하고 싶군요.BashBash는 목요일에 진행한 뒤풀이 파티였습니다. WWDC 행사장 근처에 공원을 빌려서 맛있는 음식과 주류를 무료로 제공하고, 초청 가수의 공연도 볼 수 있었습니다. 초청 가수가 공연하기 전에 소개할 때 크레이그 페더리기가 무대에 나왔습니다. 개발로 지친 몸과 머리를 식히고 다른 개발자들과 어울려 놀 수 있는 공간이였습니다. 뒤풀이 파티가 끝나갈 때쯤 진짜로 WWDC가 끝나간다는 느낌이 들어서 괜히 아쉽기도 했었습니다.무대와, 맥주와, bash 입장권한국인 개발자들과 함께 즐긴 뒤풀이 파티초청 가수를 소개하러 무대에 올라온 크레이그 페더러기아름다운 노을!마치며이번 글에서는 WWDC의 세션, 랩스, 스페셜 이벤트를 설명했습니다. WWDC가 한 달 전에 끝났지만 지금 다시 생각하면 두근두근 설레고 또 가고 싶어집니다. 내년 WWDC에 또 갈 수 있을까요? 지금까지 애플 개발자들의 축제였던 WWDC의 Review를 마치겠습니다. 긴 글을 읽어주셔서 감사합니다!글김주희 사원 | R&D 개발1팀kimjh3@brandi.co.kr브랜디, 오직 예쁜 옷만#브랜디 #개발문화 #개발팀 #업무환경 #인사이트 #경험공유 #이벤트참여 #이벤트후기 #미국

지난번 '문돌이가 개발자랑 일할만큼만 프로그래밍 익히기'에 이어 PM 시리즈의 일환으로 이번에는 PM으로서 디자이너 역할을 대신할 수 있는 방법론에 대해 논해보고자 한다. 아 우선 두가지 미리 가드 치고 들어가고 싶은게 있는데 첫째, 여기서 PM이라 함은 Product Manager, 즉 본인이 직접 자식처럼 키우고 가꾸고 있는 프로덕트가 있고 이를 잘 살려나가기 위해 개발자, 디자이너, 마케터 등등 다양한 분야의 전문가들과 함께 일하는 사람들을 의미한다는 것과, 둘째, 이 글의 요지는 '디자이너가 아직 없어서...' PM이 어설프게 디자이너 역할을 대신할 수 있는 방법론이지 'PM이 디자이너 제끼고 디자이너 되는 법'이 아니라는 것이다.가장 이상적인 스타트업 팀은 아마도 3명의 팀원이 개발자1, 디자이너1, 하려는 분야 전문가1 이렇게 이루어진 팀이겠지만 (또는 기술스택이 높은 분야면 개발자2, 디자이너1) 이렇게 이상적으로 디자이너를 품어서 팀 꾸리고 시작할 수 있는 스타트업이 많지 않을거라 생각한다. 특히 웹/모바일 분야의 제품을 구상하고 있는 초기 스타트업이라면 당장 프로토타입이라도 만들어서 런칭하는게 중요하기 때문에 아무래도 정식 디자이너까지 꾸려서 팀빌딩 하는건 많이 부담스러울 것이다.따라서 (내 경우처럼) 높은 확률로 당신의 스타트업에는 개발자(들)와 (디자인 해본적 없는) 기획자만 있게 될 것이고, 이 때 가장 중요하게 터지는 문제가 바로 '개발자가 참고해서 개발할 수 있는 디자인물과 디자인파일들이 없다' 이다. 사실 이런 경우 보통 만렙 개발자들은 본인들이 와이어프레임만 보고도 알아서 웹사이트 돌아다니면서 이미지 앉히고 아이콘들은 폰트어썸 같은 라이브러리에서 그럴싸한거 적용하고 메뉴바나 네비게이션 같은것도 그럴싸한 라이브러리 찾아서 적용해 버림으로써 해결하기 때문에 크게 문제될 것은 없지만, 아마도 속으로는 이렇게 생각하고 있을 가능성이 크다. '아니 도대체 저xx가 하는일은 뭐야?!'당신 개발자가 속으로 이렇게 생각하고 있을수도 있다...자, 이제 본론으로 들어가서, 그러면 아직 디자이너가 없는 팀에서 PM이 디자이너 역할을 대신할 수 있는 방법론에 대해 논의해 보자. 본 방법론은 '모바일 앱'을 디자인하는걸 전제로 작성하였고, 이 방법론이 성공적이기 위해서는 다음의 전제조건들이 필요하다.1. 나는 와이어프레임을 많이 그려봤고, 대략적인 앱의 인터페이스 구성 및 흐름에 대해 어느정도 알고 있다.2. 나는 맥북을 가지고 있다.3. 나는 $99짜리 프로그램 구입할 만한 돈이 있다.Step 1. 와이어프레임 만들지 말고 기능플로우 차트만 만들어서 개발자랑 상의하기웹/모바일쪽 제품 담당하는 PM들이 가장 많이 하는 일들이 아마도 와이어프레임을 아주 멋있게 그려서 파워포인트 (또는 키노트)에 멋드러지게 얹은 다음에 개발자와 디자이너에게 전달하는 일일 것이다. 그런데 사실 자세한 와이어프레임은 1/내가 대규모 조직에 있어서 많은 사람들에게 동일한 정보를 전달해야 하거나 2/누군가에게 컨펌을 받아야 해서 뭔가 보여줄게 있어야 하는경우들이 아니라면 위에 언급한 스타트업에서는 별로 필요하지 않다. 오히려 개발자 앉혀놓고 종이에다가 쓱쓱 그려서 보여주면 10분이면 끝날일을 하루 걸려서 파워포인트에 그리고 있는 시간이 더 아까울 뿐이다. (어차피 개발자들은 핵심만 보기 때문에 저 기능플로우가 종이에 끄적거려져 있던 멋있게 파워포인트에 그려져 있던 아무 차이도 없고 중요하게 생각치도 않는다.)따라서 1분1초가 아까운 스타트업에서 저거에 시간낭비하지 말고 그냥 슬랙이나 에버노트에 대충 기능플로우 차트만 만들어서 개발자랑 바로 상의하고, 기술적으로 된다 안된다 시간낭비다 등등 의견 수렴하고 다시 수정해서 보여주고... 요런 식으로 코어 기능들과 그 흐름을 빠르게 결정하는게 훨씬 효율적이다. 개발자와 상의할 기능플로우 차트에는 보통 다음 내용들이 들어간다.1. 기능 섹션과 해당 섹션의 세부기능들 정의 - 기능 섹션이라 함은 유저가 앱을 사용하는 여정상에 각각 큰 덩어리를 정의해 주는것을 말한다. 예를들면 온보딩, 회원가입, 메인화면, 유저 프로필 등등 큰 덩어리를 정의하고 각 섹션에 필요한 세부 기능들을 나열하는 작업이다. 2. 코어 기능과 추가 기능의 구분 - 프로토타입 단계에서 요 기능이 없으면 우리 앱이 제시하는 핵심가치 제공이 절대로 불가능하다고 생각되는 진짜 꼭 필요한 기능만 골라낸다. 뭐 있으면 좋거나 핵심가치 제공에 도움이 되는 기능들이지만 이게 없다고 해서 앱을 제대로 사용하는게 아예 불가능하다..가 아닌 기능 요건들은 다 쳐내서 서 프로토타입 런칭 이후에 순차적으로 적용시킬 기능들을 나열하고 스케줄링 한다.3. 서비스 플로우 (선택) - 와이어프레임 그리듯이 순차적인 서비스 흐름도를 그리는건데, 개발자와 상의하기 전에 종이에 미리 그려서 가져가도 상관없지만 개인적으로 위에 1, 2번만 잘 정해서 가져가면 어차피 개발자랑 상의하면서 이건되고 이건 안되고 하면서 다 작살이 나기 때문에 3번을 미리 그려갈 필요가 없다... 그냥 1, 2번을 개발자랑 상의해서 컨펌한 후에 3번을 같이 머리 맞대고 (종이에) 그리면 된다 (파워포인트 제발..여기다 그리지 말아줘..).이런 현란한 와이어프레임 그리고 있을 시간에 얼른 개발자랑 기능요건만 정해서 상의하자. Step 2. 디자인 아카이브에서 맘에드는 화면 매칭하기위에서 개발자랑 머리 맞대고 대충 종이에 서비스 플로우 그렸다면 이제 본격적인 디자이너스러운 업무의 시작이다. 각 단계별 화면마다 우리가 벤치마킹 할(이라고 적고 '적당히 베끼기 쉬운'이라고 읽는다) 참고화면들을 디자인 아카이브 사이트들을 열심히 돌아다니면서 수집한다. 디자인 아카이브는 정말 많은데 여기서는 필자가 자주 쓰는 사이트 3군데만 소개하도록 한다.1. CollectUI.com고퀄의 모바일/웹 관련 디자인, 인터렉션들이 각 기능섹션별로 정리된 아카이브 이다.콜렉트UI는 아까 얘기한 각 기능섹션 또는 유저태스크 별로 필요한 화면 디자인이나 인터렉션 디자인들이 잘 정리된 아카이브인데, 그 하나하나 퀄리티가 매우 뛰어나다. 예를들어서 온보딩 관련 디자인을 찾아보고 싶으면 왼쪽 사이드바에서 onboarding을 검색해 보면 해당 메뉴가 나오고 수 많은 앱들의 온보딩 화면들이 모아져 있다. 주로 아이폰 위주이긴 한데 가끔 안드로이드에 최적화된 디자인도 찾을 수 있다.2. Behance의 Interaction Gallery전 세계의 디자이너들이 작업한 코퀄의 앱/웹 디자인 아트워크만 모아놓은 갤러리이다.비핸스는 비전공자들도 많이 찾아보는 유명한 사이트가 되었지만, 이 갤러리를 아는 사람들은 드물거라 생각한다. 원래 옛날에 앱디자인갤러리 (http://www.appdesignserved.co/)라는 사이트가 비핸스에서 저런 고퀄 디자인 아트워크만 묶어서 보여줬었는데 어도비에서 비핸스로 통합시킨 것 같다. 아무튼 전 세계의 잘나가는 디자이너들의 수려한 아트워크를 볼 수 있는 갤러리인데, 여기서 내 앱과 기능요건이 유사하거나 비슷한 분야에 있는 앱 위주로 아트워크를 찾아서 클리핑 한다.3. 핀터레스트 검색핀터레스트는 검색어가 중요하다.핀터레스트를 모르는 사람은 없어도 내 주변에 '핀터레스트 하고 있어'라고 말하는 사람은 한국에서 본 적이 없을 정도로 아직 우리나라 사람들한테는 생소한 사이트 이다. 여기는 사람들이 스크랩 하고 싶은 자료들을 마치 냉장고나 칠판에 핀 꼽아서 수집해 놓듯이 모아놓는 사이트인데 역시 디자이너들이 많이 쓴다. 내가 만일 앱 온보딩 디자인을 여기서 찾고자 하면 Mobile app onboarding라고 치고, 특정 버전의 온보딩만 검색해 보고자 하면 app onboarding iOS, 또는 app onboarding android 이런 식으로 검색하면 된다.Step 3. 스케치 프로그램 구입하기이제부터 가장 중요한 단계다. 내가 디자이너 대타를 하기로 마음 먹었다면, 그리고 당신이 맥북 유저라면 (혹시 맥북 유저가 아니면 포토샵으로 해야 하는데 이건 벡터기반이 아니여서 어렵다.. 그냥 이 기회에 미래를 위해 투자하는셈 치고 맥북 하나 장만하심이 어떨지..) 고민하지 말고 스케치라는 프로그램을 구입하도록 한다. 가격은 A사처럼 치사하게 월별 과금방식이 아닌 쿨하게 한번에 $99이다. (혹시 맥북의 앱스토어에서 구입하면 더 비쌀수도 있다. 애플의 치사한 수수료 때문에.. 꼭 웹사이트 들어가서 구매하길 바람)스케치는 비전공자의 벡터기반 디자인작업을 마법처럼 쉽게 만들어준다. 고민하지 말고 구입하자.보통 디자인 작업은 벡터로 이루어지는데 이는 기기마다 화면 사이즈가 다 제각각인지라 이를 픽셀 기반으로 작업해 버리면 화면 사이즈를 키울때 마다 깨지게 된다. 벡터로 작업하면 적합한 사이즈로 손실 없이 export가 가능하다. 어도비로 이 작업을 하려면 일러스트레이터를 만질 줄 알아야 하는데, 솔직히 우리가 정식 디자이너 될것도 아니고 그냥 임시로 대타 하는건데 저걸 월별로 돈내면서 설치해서 또 겁나 복잡한 인터페이스 공부하면서 낑낑대느니 난 고민하지 말고 스케치를 사용할 것을 추천한다. 스케치는 일단 인터페이스가 웹/모바일 디자인하는데에 특화되어 있고 일러스트레이터는 그래픽 디자인, 아트 디자인, 일러스트 디자인 등등 훨씬 더 복잡한 세계의 디자인까지 커버해야 하는 프로그램이기에 당연히 인터페이스가 스케치보다 10배는 복잡하다.하지만, 역시 우리는 비전공자이기 때문에 스케치가 아무리 쉽다 한들, 여기서 뭘 어떻게 작업을 시작해야할지 생각하면 막막해 질게 뻔하다. 이 방법론은 step 4 부터 자세하게 보여줄테니 겁먹지 말자.Step 4. 컬러 선택 및 심플한 앱 로고 디자인혹시 디자인 전공자가 보기엔 말도 안되는 얘기일수는 있으나... 필자의 개인적인 생각으로 모든 디자인의 시작은 메인 컬러 잡는것 부터라고 생각한다. 즉, 내 앱에서 메인으로 쓸 컬러를 일단 정하고 나면 향후 디자인은 그 한 컬러를 중심으로 통일해서 쓰기만 하면 결과물이 제법 나쁘지 않게 나오기 때문이다. 보통 비전공자들의 디자인이 패망하게되는 대표적인 이유가 메인컬러를 여러개 써서 촌스러워 보이는 건데 사실 본인들은 내 디자인이 왜 촌스러워 보이는지 잘 모른다. 예를 들어 보자. 메인 컬러는 한개만 써야 촌스러워 보이지 않는다.여기 두개의 컬러 조합이 있다. 일단 딱 봐도 1번이 2번에 비해 10배는 깔끔한 느낌이다. 물론 디자인 전공자들은 이를 이론적으로 구분 가능하다. (배색-보색 관계가 어쩌고 저쩌고) 하지만 우리 비전공자는 그런거 모르고 느낌으로 해야 하기 때문에 이런식의 접근이 필요하다.1. 메인컬러라 함은 우리가 보기에 눈에 띄는 컬러를 말한다. - 위의 예시에서 당연히 오렌지 색은 엄청나게 눈에 띄는 색이니까 메인컬러, 2번 디자인의 네이비색도 눈에 띄니까 메인컬러, 역시 2번 디자인의 어설픈 초록색도 눈에 띄니까 메인컬러이다. 하얀색, 회색계열은 눈에 띄긴 하지만 보색관계에 의해 눈에 띄는 거니까 그냥 메인컬러로 아예 생각하지 말자.2. 메인컬러 2개 이상 쓰지 말자. - 2번 디자인처럼 메인컬러를 여러개 써버리면 우리같은 비전공자들이 컬러 배치할 경우 99.9%의 확률로 촌스러워 진다. 나중에 앱 기능이 복잡해 지면 더 점입가경이다. 따라서 메인컬러는 반드시 한개로만 가고 나머지는 메인컬러에서 색을 좀 빼서 색을 만들거나 흰색, 회색 계열로 가는게 제일 안전하다.자, 그러면 메인컬러를 어디서 어떻게 결정하지? 이를 위해 내가 자주 쓰는 컬러 사이트들 2곳을 소개한다.1. ColorHunt.co각 컬러 배색의 윗 줄이 메인 컬러 들이다.컬러헌트는 다양한 색깔 조합을 스펙트럼으로 구성해서 모아논 컬러 아카이브 이다. 여기서 밑 색깔들은 볼거 없이 맨 윗띠의 메인컬러들만 보면서 색깔을 골라서 헥스코드를 기록해 놓는다. (헥스코드는 보통 #2794EB 요런식으로 적혀있는 코드를 말한다) 'hot' 이나 'popular' 탭을 누르면 인기 많은 색들을 볼 수 있다.2. Colovely 스페이스를 눌러가면서 랜덤하게 컬러를 보여준다.여기는 컬러헌트에서 색 찾기도 귀찮거나 잘 모르겠을때 들어가서 그냥 스페이스바를 눌러대면 랜덤하게 컬러를 제안해 주는 사이트 이다. 어떤 알고리즘으로 색을 추천해 주는지는 모르겠지만 그냥 스페이스 계속 눌러대다 보면 제법 끌리는 색깔 많이 보여준다. 맘에드는 색이 있으면 역시 헥스코드를 기록해 놓는다.이렇게 메인 컬러를 결정했으면 다음 단계는 심플한 로고를 만드는건데, 만일 본인이 의기양양하게 로고를 디자인해 보고 싶으면 말리진 않겠으나 로고 디자인의 세계는 정말 심오한 세계이기 때문에 괜히 건들지 말자. 그냥 내가 하는 방법대로 해보도록 한다.1. 그냥 깔끔해 보이는 폰트에 메인컬러를 적용해서 만들기위의 문돌이닷컴의 예를 들어 보자. 당신이 메인컬러를 저 오렌지색으로 결정했다면 가장 무난한 로고 배치는 오렌지색을 백그라운드컬러로, 폰트컬러는 하얀색으로 하는 것이고, 나눔고딕이나 산돌고딕과 같은 무료 폰트를 활용해서 앱 로고를 저런식으로 심플하게 만들어 볼 수 있을 것이다.메인컬러를 배경색으로, 폰트를 흰색으로 배색하는것 만으로도 깔끔한 앱 로고가 나온다.2. Dribbble에서 벤치마킹(이라고 쓰고 베낀다고 읽는다) 하기드리블은 아까 소개한 비헨스같은 디자인 아카이브인데, 주로 그래픽 디자인이 단컷으로 모여있는 아카이브이다. 여기에서 simple logo, 또는 simple app logo라고 치면 참고할만한 디자인이 많이 검색된다. 최대한 타이포크라피 중심의 심플한 디자인을 참고하여 본인의 앱 로고를 디자인 해 보도록 한다.드리블에서 최대한 심플한 앱 로고를 찾아서 벤치마킹 해본다.Step 5. 스케치 디자인 컴포넌트 및 아이콘 아카이브 활용하기자 이제부터 본격적인 앱 스크린 디자인 시작이다. 이제 메인컬러도 선택 했고, 앱 로고도 만들었지만 역시 비전공자 입장에서 어디서부터 시작할지 막막할 것이 뻔하다. 이를 위해 준비한 비장의 무기가 있다. 바로 스케치로 디자인한 파일들을 무료로 쓸 수 있게 해주는 아주 감사한 스케치 디자인 컴포넌트 아카이브들 두 군데를 소개하겠다.1. Sketch App Sources제법 오래된 아카이브로 수 많은 스케치 디자인 파일을 무료로 다운받을 수 있다.2. Sketch Repo생긴지 얼마 안된 사이트이지만 모던하고 세련된 디자인들이 많이 올라온다. 역시 무료.위 2개의 사이트에서 UI kit, app design 등의 검색어를 입력하면 아예 필요한 앱 화면이 미리 디자인 된 무료 UI kit 파일을 다운받을 수 있다. 여기서 중요한건 다음과 같은 기준에 부합하는 파일을 다운받아야 하는 것이다.1. 이미지 배경이 아닌 단색 위주의 배경으로 구성되어 있고 메인컬러를 한개만 쓴 것2. 내가 하려는 앱과 유사한 분야의 UI kit. (예를들면 메신저 앱을 개발할 거면 메신저 킷)3. 메뉴바 구조가 일반적이거나 자연스러운 것내가 다운받은 뉴스피드 관련 앱 UI kit이다. 단색위주의 평이한 메뉴 구조로 디자인 되어 있다.본격적인 디자인을 하기 전에 개발자에게 메인이 되는 스크린 사이즈를 물어보도록 하자. iOS를 예로 들어보면 어떤 개발자는 iPhone 6 plus의 큰 화면 기준으로 디자인해서 컨스트레인을 좁혀나가는 방식을 선호하는 개발자가 있고, 반대로 iPhone 5의 작은 화면 기준으로 스페이스를 넓혀나가는 방식을 선호하는 개발자도 있다. 이에 맞추어 아트보드의 스크린 사이즈를 결정하도록 한다. 스케치는 친절하게도 아트보드를 클릭하면 기기에 맞춘 아트보드 스크린 사이즈가 이미 선택되어 있으니 클릭만 하면 된다.스케치에는 이미 기기별로 아트보드 사이즈가 세팅되어 있어서 선택만 하면 된다.이제부터 마법을 부려보자. 방금 다운받은 UI kit을 우선 위에서 선택한 스크린 사이즈에 맞추어 크기를 바꿔 준다. 이때 주의할 것은 각 스크린의 폴더를 전체를 잡아서 크기를 변경해 주어야 비율대비 변경이 가능하다. (마치 파워포인트에서 각 요소를 그룹으로 묶어서 크기를 변경해 주어야 깨지지 않고 비율대비 변경이 가능한 것과 같은 원리이다.) 위의 킷은 메인컬러를 붉은색 하나만 쓴 것을 알 수 있다. 저 부분을 모두 아까 우리가 정한 오렌지색 계열의 메인컬러로 바꾸고, 불필요한 요소는 삭제하고 컨텐츠를 내가 하려는 컨텐츠로 변경해 준다. 또한 크기를 변경하면서 정렬이 흐트러 진 것도 다시 맞춰준다.메인컬러 하나만 바꿔도 느낌이 확 다르다.위의 UI kit은 iOS라기 보다는 안드로이드에 어울리는 디자인이다. 특히 하단의 탭메뉴바가 지나치게 안드로이드 스럽다. 이를 iOS 스럽게 바꿔보자. 예를들어 저 문돌이닷컴 앱의 3개 메뉴가 '이벤트,' '뉴스,' '채팅' 이런 식으로 구성되어 있다고 가정해 보자. 우선 탭바의 높이를 좀더 높혀주고 (이건 구글링 조금 해보면 아이폰 탭메뉴바 높이가 얼마인지 금방 찾을 수 있다) 아이콘을 다른걸로 교체해 줘야 한다. 여기서 부딪치는 문제가 비록 iOS에 기본 아이콘을 쓰면 괜찮지만 적당한 아이콘이 없을 경우 당신이 직접 디자인해 줘야 하는데, 아이콘 디자인이 어디 쉬운일인가? 걱정할 것 없다. 이를 또한 마법처럼 해결해 주는 사이트가 있다. 바로 Noun Project이다.눈프로젝트 사이트에서 필요한 아이콘을 찾아 SVG 파일로 다운받는다.개발자들이 오픈소스 운동에 열심히 참여하는 것 처럼 여기도 본인의 디자인력을 수 많은 사람들과 공유하는 아주 훌륭한 디자이너들이 올린 수 많은 아이콘들을 png와 svg로 다운받을 수 있다. 뭐 모르는 사람도 있으리라 생각되지만 참고로 png는 픽셀기반, svg는 벡터기반이다. 우리는 스케치에서 벡터기반으로 작업하고 있기 때문에 svg 파일을 다운받도록 한다. 다운받은 아이콘을 스케치로 불러온 후 크기를 조정하고 컬러도 우리의 메인컬러로 변경해서 다음과 같이 적용해 봤다. 덤으로 로딩파일도 한번 만들어 봤다.물론 디자이너가 보면 코웃음 치겠지만 뭐 이정도 디자인이면 프로토타입으로는 나쁘지 않다. Step 6. 제플린에 디자인 가이드 올리고 개발자에게 디자인 파일 넘겨주기드디어 마지막 단계이다. 보통 디자이너들은 개발자에게 디자인파일 넘겨줄때 다음 두개를 준다.1. 디자인 가이드 - 이건 스크린에 각 요소들의 크기가 몇 픽셀이고, 간격을 얼마고 뭐 이런것들을 상세하게 표시해 준 가이드를 말한다.2. 디자인 파일 - 각종 아이콘, 이미지 등등 개발에 필요한 파일들을 다양한 파일 사이즈로 익스포트해서 전달해 준다.우선 디자인 가이드는 역시 우리가 이거 만드려면 엄청난 노가다인데, 이를 마법처럼 쉽게 해주는 프로그램이 또 있다!! (고맙게도 1개 프로젝트까지는 무료이다.) 바로 제플린이라는 프로그램이다.제플린을 사용하면 디자인가이드 만들 필요 없이 알아서 생성해 준다.제플린을 다운받으면 스케치와 자동으로 연동이 되고, 스케치에서 제플린으로 업로드하고 싶은 아트보드를 클릭한후 plugin에서 제플린으로 업로드를 클릭하면 알아서 제플린으로 업로드 된다. 그리고 나서 제플린으로 개발자를 초대하면 끝. 개발자는 여기서 저 버튼들의 크기가 얼마이고 여백을 얼마이고 컬러의 헥스코드는 뭐고 이런 내용들을 쉽게 확인 가능하다.디자인 파일은 사실 제플린에서 개발자가 바로 내려받는게 가능한데, 이것도 조금 노가다일 수 있으니 직접 익스포트해서 깔끔하게 전달해 주자. 스케치에 보면 내가 익스포트하고 싶은 요소를 클릭해서 우측 하단에 보면 어떤 사이즈로 익스포트할지 선택할 수 있는 기능이 있다. 아이폰 개발할때는 보통 기본 스크린 사이즈에서 2배 파일, 3배파일을 같이 줘야한다. 파일명에 @2x가 2배파일, @3x가 3배파일을 의미하고 스케치에서 알아서 파일명까지 형성에서 익스포트 해 준다.2x가 2배파일, 3x가 3배파일이고 서픽스도 알아서 스케치가 생성해 준다.이때 주의할 것은 파일명인데, 개발자들은 보통 나름의 파일명 규칙이 있다. 이건 꼭 개발자에게 물어보고 컨벤션에 맞춰서 파일명을 정하도록 하자. 찾기 쉽게 작성하는게 중요하기 때문에 보통은 이런식으로 작성한다.[종류]_[섹션명]_[이름]예를들면 탭바에 있는 채팅 아이콘을 2배파일로 추출한다고 하면 파일명은 'icon_tapbar_chat@2x.png'가 되는 것이다.여기까지의 사이클을 한 2-3번정도 경험해 보면 이제 어느정도 우리 문돌이가 디자이너 대타 역할을 수행하기에는 어느정도 가능해 질 것이다. 이 외에도 사실 앱 스크린샷, 앱스토어 아이콘 등등 개발자에게 전달해야 할 파일들이 많은데, 이것 역시 위의 레퍼런스 사이트들을 잘 찾아보면 수 많은 무료 양식이 있어서 쉽게 벤치마킹(이라고 쓰고 베낀다라고 읽는다) 할 수 있다.다시한번 강조하지만 이 방법론은 어디까지나 '디자이너가 아직 없어서 문돌이가 디자이너 역할 대신하는 법' 이지 '문돌이가 디자이너 되는 법'이 절대로 아니다. 디자인의 세계는 정말 깊고 심오해서 초보 디자이너 되는게 초보 개발자 되는법 보다 더 어려울 수도 있다. 특히 요즘 많은 사람들이 남발해 대는 UX라는 단어도 심리학에 기반을 둔 매우 심오한 영역인데 사람들은 그냥 'UX = 보기좋은 디자인' 요렇게 생각해 버리는 경향이 있다. 뭐 UX까지 안가더라도 그래픽디자인의 세계 역시 구도, 배치, 컬러 등등 공부해야 할 것이 매우 많은 세계이니 괜히 넘보지 말고 우리는 그냥 기획자 본연의 업무에 충실하도록 하자.다음 글에서는 역시 같은 맥락으로 문돌이 PM이 초기 스타트업에서 마케터의 역할을 대신하기 위한 야매스러운 방법론에 대해 논의해 보고자 한다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기

제품을 선보일 때, 실제 사용자가 어떠한 방식으로 제품을 사용할 것인가에 대해 고민하고, 누구보다 제품을 이해해야 하는 사람들이 있다. 바로 'UX디자이너'다. 이번 기고는 인공지능을 다루는 서비스 분야가 넓어지면서, (인공지능이) 'End-User'와 직접 소통하고 대화할 수 있는 영역으로 확대됨에 따라 역할이 더욱 중요해진 UX디자이너에 대해 알아보고자 한다.많은 사람이 UX 디자인에 대해 오해하고 있다. 뛰어난 UX 디자인이란, 사용자가 느끼기에 가장 편리한 디자인이라고 생각하는 점이다. 실제로 인간은 단순히 편리한 것만 원하지 않는다. 특히, 인공지능을 탑재한 서비스는 유용성에 더 중요한 가치를 제공할 수 있으며, 서비스 성격에 따라 사용자의 감성을 많이 고려한다. 결국 인공지능 기술 기업이라면 사용자 입장에서 유용성, 편리성, 감성 등을 모두 고려한 인간 친화적인 UX 디자인을 무기로 내세워야만 한다.이에 실제 현업에서 매일 고민 하고 있는 스켈터랩스의 성진하 시니어 UX디자이너와 이야기를 나눴다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >UX디자이너가 주로 하고 있는 일은?현재 스켈터랩스에서 대화형 UI에 엔진 및 빌더를 개발하는 프로젝트와 스마트 디바이스 개발 프로젝트에 참여 중이다. 먼저 대화형 UI쪽에 초점을 맞춰보자. 엔진은 소프트웨어 엔지니어가 집중하는 영역이라면, 빌더는 유저랑 만나는 접점이므로 UX디자이너 역할이 중요한 영역이다. 하지만, 빌더도 엔진쪽과 커뮤니케이션하며 개발하기 때문에 중간중간 엔지니어들과 '싱크업'을 해야 하고, 초기 단계이기 때문에 대화형 엔진에서 어떤 기능을 어떻게 제공할지 등을 논의해야 한다. 또한, 개발자 언어를 사용자가 알 수 있는 기능으로 '패키징'하는 일도 담당한다. 예를 들어, 지금은 'Function'이라고 부르는 것이 예전에는 'Fulfillment'라고 했었다. 두가지 다 업계에서 쓰는 용어지만, '업계 표준'이라는 것이 없기 때문에 어떤 용어가 더 적합한지에 대한 판단하고 있다.스마트 기기 같은 경우에는 실제로 사람들이 어떤 기능을 원하는지, 타겟 고객군이 어떤 라이프스타일을 즐기는지 예측하고 검증하는 과정에도 많은 시간을 할애한다. 엔지니어링 입장에서 어떤 'Feature'를 개발할 것이라고 한다면, UX디자이너는 실제 개발 가능성과 사용자 입장에서 접점을 찾아내는 역할을 담당한다.실제로 하고 있는 일 중 일반인들이 알고 있는 것과 가장 큰 차이가 있는 점은?일반적으로 생각하는 '디자인 작업'에 할애하는 시간 자체는 적은 편이다. 포토샵이나 스케치 등으로 하는 작업은 약 20% 정도에 불과하다. UX 디자인은 리서치와 디자인을 오가며 'Iteration(반복)'하는 작업이 대부분이다. 리서치는 벤치마킹이나 사용자 조사 등이 있고, 디자인에도 와이어프레임, 플로우 설계, UX 문구 선정, 애니메이션 등과 같은 다양한 작업들이 있다. 사람들이 생각하기에 디자인은 리서치가 아닌 비주얼 디자인인 경우가 많은데, 아까 말한 것처럼 여기에 할애하는 시간은 실제로 매우 적은 편이다. 고민하고 커뮤니케이션하는 시간이 훨씬 많다. 더구나 인공지능은 새로운 분야이다 보니, 공부하는 시간도 예전보다 늘었다.인공지능 붐이 일어나면서 UX디자이너의 역할은 어떤 점이 달라졌는가?일반적으로 쉽게 생각하는 것이 대화형 UI일텐데, 대화형 UI가 등장하면서 무형의 것을 디자인하는 숙명이 생겼다. 스켈터랩스에 오기 전에도 이런 고민은 많았다. 전 직장인 국내 S 대기업에서는 UI 디자이너들이 하던 고민이다. 대화형 인공지능 경험을 하다보니 생각보다 인문학적인 것에 대한 지식이 많이 필요했다. 실제로 구글은 'Conversation UI Designer'가 있다. 이 사람들 중에는 대화가 무엇인가 자체를 정의하는 사람도 있다. '특정 질문에 대해 사람들은 어떻게 대답할 것인가'라는, 예전에는 생각하지 못했던 고민을 많이 하고 있는 것이 현실이다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >반대로 힘든 점은 무엇인가?요약해서 말하자면, 어렵고 생소해 많이 공부해야 하는 점이다. 특히, 대화형 UI에 대한 업계 표준이라는 것이 없어서 더욱 힘들다. 예를 들자면, 2008년 아이폰3G, 2010년 갤럭시S가 출시한 뒤 터치기반 스마트폰 모바일UX는 어느 정도 표준화 작업이 진행됐다. 이미 화면 사이즈에 맞는 프레임과 아이콘이 있고, 이를 바로 가져다 쓰거나 약간만 수정해 작업할 수 있는 편한 환경이 구축된 것이다.하지만, 대화형 UI는 아직 구축된 것이 적고, 보고 참고할 수 있는 것도 부족한 편이다. 때문에 정말 많은 고민과 공부가 필요하다. 여러 많은 글로벌 기업이 대화형 UI를 개발하고 있지만, 아직 어느 누가 이 분야의 선두 업체라고 할 수 없다. 아직 업계가, 기술이 충분히 무르익지 않았다고 생각한다.다시 모바일 UI의 예를 들어보자. 예전에는 줌인/아웃에 대한 실험도 상당히 많았다. 더블탭도 해보고, 돋보기 버튼도 적용하는 등 여러 과정을 거쳤고, 수 년간 실험을 통해 지금은 사람들이 두 손가락으로 늘리고 줄이는 행동을 당연하게 인식한다. 지금의 대화형 UI는 수년간 실험을 거쳐야 하는 단계라고 생각한다. 이것도 해보고 저것도 해보는 여러가지 시도를 테스트 중이다.국내 대기업에서 오랜 기간 경험을 쌓고 왔는데, 스타트업으로 옮긴 뒤 느낀 가장 큰 차이점은 무엇인가?크게 세가지로 정리할 수 있다.첫번째, 업의 특성이다. 대기업을 톱니바퀴라고 많이 표현하는데, 실제로 세부적인 것을 많이 분석하고, 일도 세분화되어 있는 구조다. 디자인 부서라고 해도 비주얼 디자인, 와이어프레임 디자인, 플로우설계, 애니메이션, UX문구 등 모두 세분화 되어 있다. 이에 반해 스타트업은 개인이 커버해야 하는, 그리고 능력에 따라 커버할 수 있는 영역이 더 넓다.두번째, 업무 환경이다. 대기업은 보안을 중요시하기 때문에 불편한 점이 많다. PC로 접속할 수 없는 사이트도 많았고, 구글 드라이브는 물론, 소식을 확인할 수 있는 해외 뉴스 사이트도 항상 승인 버튼을 눌러야 접속할 수 있다. 심지어 사무실 내에서 스마트폰 카메라 작동은 상상도 할 수 없고, PC를 들고 다니면서 일할 수도 없는 환경이다. 반면, 스켈터랩스는 '스케치', '제플린', '앱스트랙트' 등 여러 툴을 언제 어디서든 내 맥북을 들고 다니면서 사용할 수 있다.세번째, 사람이다. 대기업은 계속 디자이너들 사이에서만 일했다. 하지만, 이 곳은 개발자, 마케팅, PM 등 다양한 직군과 함께 있어 여러모로 배울 점이 많다. 특히, 스켈터랩스는 개발자가 많은 조직이고, 흔히들 말하는 천재형 개발자도 많이 볼 수 있다. 팀 내에서 개발언어로 소통하기 때문에 스스로 (디자인 이외의) 다른 영역을 공부하고 익숙해지는 중이다.UX디자이너로서 앞으로 업계 혹은 회사에서 기대되는 점은 무엇인가?개인적으로 인공지능 분야에 대해 많이 공부할 수 있고, 내 역량에 따라 전문가가 될 수 있는 기회를 잡았다고 생각한다. 한가지 바람은 스켈터랩스가 B2C용 제품을 빨리 출시를 출시하길 원한다. 기술 중심 회사라 많은 사람이 아직 정확하게 스켈터랩스가 어떤 것을 하는지 알기 힘들었는데, 실제 제품을 출시하면 우리가 어떤 업체인지, 어떤 기술을 보유하고 있는지 알릴 수 수 있고, 더불어 'End-user'와 직접 소통할 수 있기에 UX 중요성이 더욱 드러날 것이라고 생각하기 때문이다.성진하, 스켈터랩스 Senior UX Designer삼성전자 모바일 UX디자인 분야에서 오랜 기간 경험을 쌓고, 스켈터랩스로 전향 후 대화형 UI 빌더와 스마트 디바이스 프로젝트에 참여하고 있는 카이스트 출신 UX디자이너#스켈터랩스 #기업문화 #인사이트 #경험공유 #조직문화 #인공지능기업 #기술기업 #UX디자이너 #디자인

이메일 뉴스레터를 발송하다보면 스팸메일함으로 직행하는 경우로 인해 어려움을 겪곤 합니다. 아쉽지만 꼼수는 없습니다. 스팸메일함을 피하기 위해서는 스팸메일이 무엇인지, 스팸 필터가 어떻게 작동하는지에 대한 이해가 필요합니다.스펨메일이란?스팸메일은 수신자가 원하지 않는데도 일방적으로 전송되는 이메일입니다. 발신자가 아무리 유용하다고 생각하는 정보일지라도 수신자의 동의가 없다면 스팸메일이 될 수 있습니다.정보통신망 이용촉진 및 정보보호 등에 관한 법률은 스팸메일과 구분되는 합법적인 광고성 이메일이 지켜야 하는 의무사항으로 수신자의 동의, 발신자 정보 제공, 즉각적인 구독해지 기능 제공 등을 규정하고 있습니다. 이를 지키지 않으면 과태료 부과 및 형사처분의 대상이 될 수 있습니다.하지만 의무사항을 지켜야 하는 이유가 법적 강제성 때문만은 아닙니다. 스팸 필터나 수신자에 의해 스팸메일로 분류되면 장기적으로는 이메일 뉴스레터의 도달률 자체가 나빠지게 됩니다.스팸 필터는 어떻게 작동하나요?스팸 필터란 이메일 서비스 제공자(예: 구글, 네이버, 다음 등)가 정해진 규칙에 의해 스팸메일로 규정한 이메일을 미리 걸러내는 것을 말합니다.스팸 필터를 통과하려면 기술적인 조치가 필요합니다. 예를 들어, 구글은 DKIM 서명, SPF 레코드 게시, DMARC 게시를 통한 이메일 인증을 권장하고 있습니다. 네이버는 이메일 인증 외에도 KISA WHITE DOMAIN에 발신자 등록을 하도록 권장하고 있습니다.스팸 필터는 수신자의 행동을 학습하기도 합니다. 수신자가 어떤 이메일을 스팸으로 분류했다면 스팸 필터는 그 이메일의 특성을 기억하고, 이후에 유사한 이메일 또한 스팸으로 분류합니다.어떻게 하면 스팸 필터를 피할 수 있을까요?기술적 조치들은 대부분 서버 관리자나 이메일 발송 서비스에 의해 이루어집니다. 스팸 필터를 피하기 위해 마케팅 담당자가 할 수 있는 것들은 없을까요?콘텐츠를 제작하고 발송하는 단계에서 주의해야 하는 것들은 다음과 같습니다.스팸메일로 오해할 수 있는 자극적인 표현(예: “무료”, “공짜”, “100%”, “!!!!!” 등)은 사용하지 않습니다.본문을 텍스트 없이 한 장의 큰 이미지로만 구성하지 않습니다. 이미지를 불러오지 못한 스팸 필터가 본문이 비어있다고 인식하고 스팸메일로 분류하게 될 수 있습니다.유효하지 않은 수신자는 발송 대상에서 제외합니다. 이메일 발송을 반복적으로 실패하면 스팸메일로 분류될 수 있습니다.답장을 받을 수 있는 진짜 이메일 주소를 사용합니다.스팸 필터를 통과했다면 그 다음 스팸 여부를 판단하는 것은 수신자입니다. 반대로 어쩌다 스팸 필터로 인해 스팸으로 분류됐더라도 수신자가 스팸이 아니라고 다시 분류(예: ‘스팸해제’, ‘차단해제’ 등)하거나 발신자를 주소록에 등록하면 더 이상 스팸으로 분류되지 않습니다. 나아가 이런 데이터가 쌓이면, 다른 수신자의 편지함에서도 스팸으로 분류될 확률이 줄어듭니다.결국 스팸 필터를 피하는 근본적인 방법은 수신자가 좋아할만한, 신뢰할만한 콘텐츠를 전달하는 것이고, 이는 모든 이메일 뉴스레터의 조건이기도 합니다.참고구글 대량메일 발신자 가이드라인네이버 대량메일 발송 가이드다음 대량메일 발송 가이드Mailchimp, How to Avoid Spam Filters#슬로워크 #스티비 #마케터 #마케팅 #메일링 #꿀팁 #인사이트

설레는 마음으로 출근한 회사 첫 날. 프론트의 안내에 따라 자리에 앉았더니 낯선 두 책자가 놓여있습니다. 게임 회사라 그런지 오자마자 퀘스트* 시작!  입사 퀘스트라고 쓰여 있는 게임회사스러운 작은 종이 뭉치와 입사자를 위한 작은 책이 있습니다. 좀 더 재미있어 보이는 입사 퀘스트를 한장 한장 살펴 봅니다. 드디어 실감이 나네요. 전 게임 회사에 취업을 했군요!!!사무실 곳곳을 투어하고 입사 구비서류를 제출하면 첫번째 퀘스트 완료!때묻은 임시출입카드를 획득할 수 있습니다. 입사 퀘스트는 하나하나 퀘스트를 클리어하면서 회사에 필요한 물건들을 획득해 나가는 과정입니다. 각 퀘스트의 보상을 획득해야 다음 보상으로 넘어갈 수 있습니다. 첫번째 퀘스트, 어렵지 않죠?입사자를 위한 작은 책이 바로 입사 키트 입니다. 처음에 두꺼워 보이는 낯선 이 책을 낭랑한 목소리로 친절하고 자세하게 설명해 주는 영상이 바로 입사 키트 영상입니다.입사 키트에는 에이스프로젝트 소개 및 각 팀 소개, 디테일한 업무가이드, 생활 가이드, 복리후생, 행사, 그리고 중요한 보상까지!! 아주 아주 디테일하고 친절하게 안내되어 있어요.  A부터 Z까지 낯선 에이스프로젝트가 점차 가까이 다가오는게 느껴지시나요?  가이드에 나와 있는 대로 그대로 따라하기만 하면 됩니다 질문이 있으면 언제든 프론트로 와서 물어봐주시면 되구요! 약 40분간의 영상을 듣고 Q&A를 마치면 퀘스트 2번째도 완료!업무 보조 아이템이 가득한 웰컴박스를 받을 수 있습니다. 에이스프로젝트에 꼭 필요한 기본 중의 기본템들! 슬랙, 컨플루언스, 구글 캘린더, 프린터 드라이버를 모두 장착했다면 퀘스트 클리어!기획팀이라면 기획팀 스킬을, 그래픽팀이라면 그래픽팀 스킬이 필요합니다. 각 팀에서 사용하고 있는 툴을 장착해 주세요!기획팀, 프론트 QA팀이라면 마이크로소프트 계정 스킬을, 그래픽팀이라면 포토샵, 일러스트레이터, 에프터이팩트 등의 스킬을 꼭 장착해야 합니다.  스킬을 모두 잘 달았다면 없는 것 빼고 다 있는 에이스 박스 1개를 획득하였습니다. 이제 도착점에 거의 다 와 갑니다.  컴투스프로야구 for 매니저, 9이닝스GM, 직봉총교두를 설치해 봅니다. 에이스프로젝트에서 만든 게임을 잘 안다면, 일도 더 잘 할 수 있겠죠?  본 퀘스트는 모두 완료하였습니다. 그런데 한가지  더! 본 퀘스트보다 더 재미있는 서브 퀘스트가 기다립니다.  본 퀘스트보다 더 재미있는 서브 퀘스트. 사내 엔터테인먼트 시설인 다트, 플스, 오락기, 탁구대를 두루두루 경험하면서 자연스럽게 다른 팀원들과도 즐겁게 얘기할 수 있습니다. 커피 내기에서 이긴다면, 커피는 덤!!!!(하지만 신규입사자에게 자비없는 에이스 다트와 오락기 ㅠㅠ)하나 하나 클리어하는 재미가 있는 입사 퀘스트와 그 안에 들어있는 친절한 입사 키트!자 이제 당신은 진짜 에이스인이 되었습니다.  *퀘스트(Quest): 게임을 원활하게 진행하기 위해 이용자가 수행해야 하는 임무 또는 행동*파밍(Farming): 게임에서 캐릭터의 능력을 상승시키기 위해 아이템 등을 모으는 행위를 농사에 빗대 파밍이라고 부른다.

 버즈빌에서는 전사 차원에서 고민하고 있는 회사의 현안과 전략적 방향성에 대해 모두와 함께 공유하고 의견을 나눈다는 취지 하에 한 달에 한 번 Strategy Talk을 진행하고 있습니다. Strategy Talk의 주제는 매 달의 화두와 고민에 맞게 진행되고 있는데요. 지난 번에 버즈빌 블로그를 통해 소개드렸던 Machine Learning(AI) 부터 프로덕트 로드맵, 시장 동향, 그리고 회사의 비전과 미션 등 다양한 주제로 진행되고 있습니다. 이번 달, Strategy Talk은 ‘버즈빌의 Engineer Hiring Strategy’ 라는 주제로 진행되었습니다. 이번 세션은 버즈빌의 Product side를 총괄하고 있는 Young의 주도하에 진행되었는데요. 세션을 통하여 왜 버즈빌이 더 많은 엔지니어가 필요한지에 대한 배경부터 어떤 방법들을 통해 채용을 해 나갈 것인지, 나아가 버즈빌이 어떤 모습으로 변해갈 것인지에 대한 내용을 공유하고 함께 논의하는 시간을 가졌습니다.새로운 개발자들을 대규모 채용하는 것이 어떤 의미가 있을까요? 기본적으로 새로운 사업을 만들어가며 공격적으로 성장하고 현재 리소스의 한계 때문에 진행하지 못하고 있는 기존 Product의 개선 작업들을 진행 하기 위해서는 당연히 충분한 개발자들이 합류하는 것이 필요합니다. 뿐만아니라 다양한 경험을 가진 더 많은 개발자를 채용하는 것은 ‘버즈빌의 개발문화’와도 큰 연관이 있습니다. 버즈빌은 좋은 개발문화를 가지고 있기로 유명합니다. 수평 / 자율 / 성장 삼박자가 고루 갖추어진 환경이라고 할 수 있는데요. 개발팀의 개발자들 모두가 동등한 Software Engineer로 일하고 있고 그만큼 개발 과정에서 의견 교환이 자유롭게 일어납니다. 누군가의 일방적인 지시가 아닌 모두가 최적이라고 합의할 수 있는 방향으로 개발을 진행해 나가고 있습니다. 뿐만아니라 개발 과정에서 각각의 엔지니어가 본인의 업무를 맡아 주도적으로 처리해 나가며 자신이 맡은 이슈에 대해 주인의식을 가지고 일하고 있습니다. 따라서 특정 개발 방향이 주어져서 틀에 박힌 개발을 해야한다거나 다른 사람의 눈치를 보면서 맞춰가는 개발을 해야하는 건 버즈빌의 개발문화와는 거리가 멀다고 할 수 있습니다. 그리고 개인의 성장을 위해 여러가지 지원을 하고 있는데요. 업무를 진행하는 과정중에 필요하다면 AWS의 다양한 서비스를 포함한 여러가지 툴들을 자유롭게 사용해 볼 수 있습니다. 외부에서 열리는 세미나 / 강연등에 참여하는 것을 독려하며 회사에서 관련비용을 지원하기도 합니다. 이러한 개발문화를 가지고 있기에 버즈빌은 개발자들이 자신의 역량을 100% 발휘할 수 있고 새로운 것들을 배워가며 성장해 나가기에는 최적의 조건을 가지고 있다고 할 수 있습니다. (버즈빌에 개발문화에 대한 보다 자세한 내용은 여기를 참고해 주세요!)이러한 버즈빌의 개발 문화를 유지하고 더 나아가 발전시켜 나가기 위해서도 다양한 경험을 가진 많은 엔지니어들이 합류하는 것이 긍정적인 영향을 미치리라 생각합니다. 지금도 내부적으로 개발자들이 돌아가면서 기술 관련 세미나를 진행하면서 서로의 노하우와 새로운 기술에 대한 논의들을 하고는 있지만 더 많은 개발자들이 합류 하면서 이런 기회 들을 더욱 확장해 나갈 수 있음은 물론 관심사가 맞는 개발자들 끼리 모여 관련 주제로 스터디 모임을 진행한다거나 새로운 사업모델 발굴을 위해서 버즈빌의 자원들을 활용하여 새로운 프로젝트들도 진행해 볼 수 있을 것입니다.

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

안녕하세요, 비투링크 소식을 전하는 미나 입니다 :)우리는 비투링커 세번째 주인공인 "2월의 비투링커" 를 소개 합니다!그 주인공은 누구일까요? (두구 두구 두구)먼저 요즘 대세남 공유 도깨비를 넘어서는비투링크 '방깨비' ver. 추천사를 보시죠! 2017년 2월의 비투링커 추천사 (비투링크 방깨비 Ver.)그 주인공은 바로, 방깨비의 "아마도 예쁜 그녀" 김설님 입니다 :) ♥2월의 비투링커 김설 님 :)그런 설님을 제가 만나봤습니다 :)이하 설님과 저의 일문일답입니다!안녕하세요!저는 비투링크 BSD (Brand Sales Division) 전략팀 파트장을 맡고 있는 김설 입니다 :)제가 하는 일을 간략하게 설명 드리자면, '해외영업 (중국)' 과 '인큐베이팅' 이라고 설명 드릴 수 있습니다. 초기 중국쪽 채널 영업과, 신규 채널 런칭시 프로세스 확장 등을 진행합니다!중국 현지와 직접적으로 업무를 하고 있다보니, 제가 통화하는 모습을 많이 보셨을거에요 ㅎㅎ그래서 중국출장이 잦은 편 입니다!영상을 처음 봤을때, 도깨비 패러디라서 진짜 빵 터졌어요!너무 웃겨서 눈물이 날 정도였어요....ㅋㅋ(배까지 아팠음) 그러다 제가 2월의 비투링커로 선정된 걸보고 엄청 놀랬는데,나가서 얘기하려는데  이미 눈물샘이 열려버려서 그런지 괜히 눈물이 나는 거 있죠?제가 진짜 잘 안울거든요! 업무 때문에 아무리 스트레스를 받아도 운 적이 없는데... 이렇게 제가 우는 모습을 모든 비투링커들이 다 봤네요 ㅋㅋㅋ (부끄럽습니다) ㅋㅋㅋㅋ 제가 워낙 목소리 성량이 커요....  특히, 업무를 할 때, 발로 뛰는 스타일이기도 하구요!사내메신저로 얘기하고도 직접 가서 다시 말을 하는 스타일이다보니, 하루종일 오피스를 왔다갔다 해서 제가 있으면 시끌시끌한가봐요! 또 앉아서 업무를 할 때도 분위기 다운되는 게 싫어서 팀원들에게 장난도 많이 치는 편이에요. 그래서 그런듯? ㅎㅎㅎ ㅋㅋ이 부분은 저도 정말~~공감하는데요!!!설님이 출장가시거나 휴가가셨을때, 딱 알겠더라구요 ㅎㅎ!*~*비투링크 TOP 존재감 *~*!그럼 이제 설님의 개인적인 얘기를 들어볼까용?업무이외에는 여기저기 돌아다니면서 보고 경험하는 걸 좋아합니다!딱 보면 아시겠죠? :) 주말에는 전시회도 가고, 뮤지컬도 보러다니고, 드라이브도 갑니당!근데 주말 외에는 다른 비투링커들과 술 한잔 (똑!) 하는 걸 즐깁니다 :)제가 애주가 이기도 하지만, 좋은 사람들과 함께 마시는 술은 더*~*더~*~ 맛있다죠 :-) 비투링커들과 함께 Cheers :) ♥제 컵이름은 "연희동 킬미힐미" 입니다!'킬미힐미' 라는 드라마 보셨죠? 거기서 지성이 주인공인데, 다중인격자로 나오잖아요 ㅎㅎ(그렇다고해서 제가 다중인격자라는 게 아니구요 ㅋㅋㅋㅋ )팀원들과 업무 외 개인적으로도 친해서 대화를 많이 하는 편 입니다!그러다보니, 제가 개인적으로 기분이 안좋거나 무슨일이 있는지 아는 경우도 많은데요.하지만, 저는 항상 "공과사"를 확실히 구분한다고 해서 지어준 별명입니다 ^_^저는 입사 후 "첫 한 달"이 가장 기억에 남는 거 같아요 :)저에게 비투링크는 첫 직장이었기 때문에, 회사생활에 대한 막연한 상상을 많이 했었어요!근데 막상 입사를 해보니, 상상했던 것과는 많이 달랐죠ㅎㅎ  제가 입사했을 때는, 비투링크가 창업한지 1년도 되지않았던 초기단계였기때문에, 시스템이 많이 잡혀있지 않았거든요.그래서 한 달 동안 인터넷으로 상품이미지 URL과 관련자료를 긁어모으는 작업을 하루종일 했었어요. 근데, 그런 단순작업을 하고, 매일 11시,12시까지 야근하고, 또 아침일찍 출근을 하면서도 그게 즐거웠어요! 왜그랬을까? 라고 돌이켜보면, 함께 일하는 동료 때문이었던 거 같아요.비투링크에 인생의 1/3을 걸 수있을만큼의 열정이 있었다고 해야 할까요?회사와 함께 지난 2년동안 저도 함께 성장하고 있음을 느끼고 있습니다.  저는 저희 제휴 브랜드 중 '딜라잇18' 의 '아이 유 (I.U) 크림을 추천 합니다 :)제가 지금 1년 넘게 꾸준히 사용하고 있는 제품 입니다!여자들의 필수품인 화이트닝 크림이구요, 기초화장 마지막 단계에 바르고 화장을 하면정말 하루종일 얼굴이 화사해보인다고 할까요? 정말 강추합니다 !!!딜라잇18 아이유(I.U)크림 [네이버 블로그]오~ 설님 피부의 비결이 바로 이거였군요! :)저두 당장 써봐야겠다는...저는 올해 꼭 아시아 이외의 나라에 여행을 가보고 싶어요!! 제가 중국쪽 해외영업을 담당하다보니, 중국은 정~~~말 많이 가봤고 앞으로도 가겠죠?(제가 중국인이기도하고...)지금까지 중국, 일본, 홍콩을 여행해봤는데요!올해는 미국여행을 가보고 싶어요 ^_^추천해주세요!!!!비투링크와 함께 성장하는 설님 ♥사랑합니당!!#비투링크 #팀원 #팀원소개 #팀원인터뷰 #조직문화 #기업문화 #팀원자랑