스토리 홈

인터뷰

피드

뉴스

조회수 3081

iOS 아키텍처 패턴(MVC, MVVM, VIPER)

Overview“글 한 번 써보실래요?” 입사하고 일주일이 지나 기술 블로그에 글을 써 보라는 제안을 받았습니다. 여러 고민 끝에, 아이폰 앱(이하 ‘iOS’) 주니어 개발자로서 프로젝트 경험과, 공부한 내용을 바탕으로 글을 쓰기로 했습니다. 적절한 짤이라고 생각하는 중iOS 개발자 사전 준비iOS 개발자의 길에 들어섰다면 이미 앱 개발과 개발 언어에 대해서는 알고 있을 겁니다. 개발 프로그램 Xcode와 프로그램을 지원하는 macOS 환경, 개발 언어 Swift 또는 Objective-C, iOS 앱 프로그래밍 등 iOS 앱을 개발하기 위해 필요한 내용까지도요. 우선 ‘iOS 주니어 개발자라면 꼭 알고 있어야 할 것’들을 아래 목록과 같이 정리했습니다. 글을 읽기 전, 목록 중에서 공부가 더 필요한 것이 있다면 꼭! 검색해보세요. Xcode, macOSApple Developer ProgramSwift or Objective-CCocoa TouchUIKitAuto Layout…iOS Architecture Patterns(아키텍처 패턴)“Viper 패턴 들어보셨어요?” Viper는 단순히 ‘독사’를 의미하는 줄 알았는데, MVC 패턴와 같이 디자인 패턴의 한 종류라는 건 입사하고 나서 알게 됐습니다. MVC와 SingleTon(싱글톤) 패턴은 익숙했지만 Viper 패턴은 생소했습니다. Viper 패턴을 3일 안에 분석하겠다는 저의 부끄러운 과거를 반성합니다... ㅜㅜ검색해보니 다양한 디자인 패턴을 찾을 수 있었습니다. iOS 개발자는 앱 프로젝트를 시작하기 전 또는 이미 진행되고 있는 프로젝트에서 개발을 시작한다면 우선 어떤 패턴으로 설계되어 있는지 파악해야 합니다. 그러므로 오늘은 iOS 개발에 주로 사용되는 패턴인 MVC, MVVM, VIPER를 간단하게 살펴보겠습니다.MVCMVC 패턴Model(모델), View(뷰), Controller(컨트롤러). Model에서는 애플리케이션에서 사용할 데이터들을 관리하고, View는 유저 인터페이스를 표현 및 관리합니다. Controller는 View와 Model의 다리 역할을 해 View의 입력을 Model이 반영하고, Model의 변화를 View에 갱신하는 역할을 합니다. 하지만, 애플의 MVC 패턴은 기존 MVC 패턴과 다릅니다. View와 Controller가 강하게 연결되어 있어 View Controller가 거의 모든 일을 합니다.1) 애플 MVC 패턴MVVMMVVM 패턴Model(모델), View(뷰), ViewModel(뷰모델). Controller를 빼고 ViewModel을 추가한 패턴입니다. 여기서 View Controller가 View가 되고, ViewModel이 중간 역할을 합니다. View와 ViewModel 사이에 Binding(바인딩-연결고리)가 있습니다. ViewModel은 Model에 변화를 주고, ViewModel을 업데이트하는데 이 바인딩으로 인해 View도 업데이트됩니다. ViewModel은 View에 대해 아무것도 모르기 때문에 테스트가 쉽고 바인딩으로 인해 코드 양이 많이 줄어듭니다.import Foundation // ViewModel var gameScore: Int? var gameScoreLabel: UILabel func updateGameScoreLabel() {   var text = ""   if let gameScore = gameScore, gameScore == 100 {       text = "Excellent!!"   } else if let gameScore = gameScore, gameScore >= 90 && gameScore < 100>       text = "Great Job!"   } else if let gameScore = gameScore, gameScore < 90>       text = "Not Bad~"   }   gameScoreLabel.text = text } // View Controller gameScoreLabel.text = viewModel.updateGameScoreLabel간단한 예를 들면, 게임 점수에 따라서 textView에 보여줄 내용을 담당하는 함수 등, View에서 변화가 일어나는 함수들이 View Controller에 정의되어 사용하는 경우가 많을 겁니다. 이런 함수들이 점점 많아지면 View Controller가 Massive, 많은 코드를 담게 됩니다. 그래서 이런 함수들을 ViewModel에 옮기고, 값들을 미리 세팅한 다음에 view controller에서 viewModel을 선언하고 viewModel의 함수를 불러오는 식으로 사용하면 됩니다. 매우 간단한 예제이기 때문에 대략 viewModel과 view controller에서 어떻게 사용하는지만 보시면 될 것 같습니다. 이 패턴은 주로 Reactive programming(ReactiveCocoa, RxSwift 등)을 할 때 많이 사용하는 패턴이어서 다음에 설명하겠습니다.VIPERVIPER 패턴View(뷰), Interactor(인터렉터), Presenter(프리젠터), Entities(엔티티), Router(라우터). MV(X) 패턴과 다른 패턴으로 MVC 패턴을 대체하기 위해 만들어진 패턴입니다. 먼저 Entity는 그저 모델 객체입니다. 단순하게 어떤 모델의 속성들만 있는, Dumb Model이라고 부를 수 있습니다. 이 모델 객체를 조작하는 것이 바로 Interactor입니다. 어떤 행동(behavior or use case)에 따라서 모델 객체를 조작하는 로직이 담겨 있습니다. 작업이 완료되어도 View에 아무런 영향 없이 오로지 데이터 작업만 합니다.Presenter는 데이터를 Interactor에서 가져오고, 언제 View에 보여줄지 결정합니다. View에 보여주기 전 내용을 준비하는 로직을 담당한다고 생각하면 됩니다. View는 Presenter에서 어떻게 보여줘야 할지 요청대로 디스플레이하고, 사용자의 입력을 받으면 다시 Presenter로 넘깁니다. Presenter는 View/ViewController, Interactor, Router와 상호작용합니다. Interactor로부터 조작된 데이터를 가져오고, 디스플레이하기 위해 데이터들을 준비한 다음 View/ViewController에 보냅니다.Router 또는 Wireframe은 화면 전환(navigation information)을 담당합니다. Presenter가 “언제” 화면을 전환해야 하는지 안다면, Router는 화면 전환을 “어떻게” 하는지 알고 있습니다. Router는 화면 전환 애니메이션을 구현하고, View Controller를 생성하여 Presenter와 연결합니다.항목내용ViewPresenter의 요청대로 디스플레이하고, 사용자 입력을 Presenter로 보내는 작업을 합니다.InteractorUse case에 따라서 Entity 모델 객체를 조작하는 로직을 담고 있습니다.PresenterInteractor로부터 데이터를 가져오고, View로 보내기 위해 데이터를 준비하여 “언제” View에 보여줄지를 결정합니다.Entity모델 객체. Dumb Model.Router(Wireframe)화면 전환(navigation information)을 담당하며, Presenter가 “언제” 화면 전환해야하는지를 안다면, Wireframe은 화면 전환을 “어떻게” 하는지를 알고 있습니다.하...지금까지 설명한 내용들은 막상 프로젝트 만들어 소스를 작성하려고 하면 막막해집니다. 역할이 잘 분할되어 있기에 앱의 기능을 하나 정하여 interactor, entity, presenter, view, router 만들고, 또 앱의 기능에 따라서 다시 interactor, entity,…. 고민을 많이 해야 해서 다시 MVC 패턴으로 돌아가고 싶은 마음이 생깁니다.크게 보면 Add Module와 List Module, 그리고 공통적인 모델(데이터)을 잘 분리한 앱 구조Conclusion도대체 우리는 왜 다양한 앱 디자인 패턴을 알아야 할까요? 그 이유는 바로 앱의 특성에 따라 적합한 설계를 가지고 작업해야 하기 때문입니다. 간단한 앱 프로젝트는 쉽게 개발하고 적용할 수 있는 MVC 패턴이 더 적합합니다. 반대로 MVVM 패턴이나 VIPER 패턴을 적용하면 점점 커지는 앱 프로젝트에 잘 대응할 수 있습니다. 또는 어떤 디자인 패턴이 적용된 앱 프로젝트에 참여하면, 그 디자인 패턴에 대해 알아야 앱 구조를 이해하고 기능을 추가하거나 수정할 수 있고, 작업하는 시간을 줄일 수 있을 겁니다.가장 좋은 패턴은 사람마다 차이가 있습니다. 패턴마다 장단점도 있습니다. 다만 어떤 패턴이든지 간에 구조화되고 정리된 코드는 쉽고, 직관적입니다. 이 글 하나만으로 앱 패턴을 완벽하게 마스터할 수는 없어도 패턴의 종류와 특징을 알게 되었다면 본전입니다. 다음 편도 기대해주세요! :-) 도움말 1) View Controller에서는 Controller가 View의 life cycle(라이프 사이클)에 관여하기 때문에 View와 Controller를 분리하기 어렵습니다. 개발자들 사이에서는 Massive View Controllers라고도 불립니다. 앱을 테스트할 때, Model은 따로 분리되어 테스트를 할 수 있어도 View와 Controller는 강하게 연결되어 있기 때문에 각각 테스트하기 어렵습니다. 참고문헌 iOS Architecture Patterns: Demystifying MVC, MVP, MVVM and VIPER글김주희 사원 | R&D 개발1팀[email protected]브랜디, 오직 예쁜 옷만#브랜디 #개발문화 #개발팀 #업무환경 #인사이트 #경험공유 #iOS
조회수 2261

[과거 스타트업 경험]주문 폭주로 인한 2주동안의 CS 느낀점

필자가 다니고 있는 회사 brich는 패션 O2O커머스에서 굉장히 빠른 성장을 하고 있는 스타트업이다.각 트렌드 거리에 있는 (가로수길,삼청동,한남동,홍대 등) 오프라인 샵들을 모바일로 모아서 보여주고 고객들의 쇼핑 경험을 최적화시키는 것에 집중하고 있다.거리를 플랫폼으로 만들어 그 안에 여러 오프라인 매장들/디자이너들/브랜드들을 분류하고 위치 기반으로 나의 위치에 가까이 있는 샵/상품들을 검색,큐레이션 받을 수 있으며 궁극적으로 거리를 브랜딩하여 소비자들의 네비게이션 역할을 해주고 있다. "거리를 좁히다."이것이 우리의 미션이다.최근 오픈마켓 (지마켓,11번가)에 최초 입점을 통해 주문 폭주가 있었다. 단순한 입점의 형태가 아니라 긴밀한 협업의 형태였기 때문에 많은 트래픽을 우리쪽에 모으고 다양한 샵들이 집중적으로 노출될 수 있었다.지마켓,11번가는 패션쪽 카테고리를 강화하면서 수익의 볼륨을 높일 것이다.(아마존도 패션 마진율이 굉장히 높아 이 카테고리가 주력이다.그래서 자체 브랜드까지 런칭한다.) (어쩌면 지마켓,11번가의 제휴 제안은 수익의 볼륨보다도 우리를 테스트 베드로하여 자체 브랜드 런칭,혹은 독자적으로 O2O 패션 진행하고자 하는 실험일 수도 있다.)우리 브리치 입장에서는 좋은 샵과 좋은 상품들을 가지고 있기 때문에 유통 채널 다각화와 트래픽을 많이 모으면 된다.오픈 마켓에 좋은 노출 구좌들을 우리가 확보하고 그 트래픽을 활용하여 매출로 전환하면 서로 윈윈일 수 있다.지금 인터파크 사내 벤처였던 지마켓도 옥션에 입점을 통해 카테고리 하나씩 키우면서 설현이 나오는 오픈 마켓이 됬다.우리는 스타일 윈도우와 직접적인 경쟁을 하기보다 좋은 트래픽을 가지고 있는 지마켓이나 11번가와 긴밀한 제휴를 통해 같이 O2O시장을 크게 만들어나가면 된다.보통 좋은 샵을 발굴해서 그들을 성공시키는 것에 초점이 맞추어져 있는 나의 role을 잠시 쉬어두고 CS팀을 도왔다.그리고 그 과정에서 내가 느꼈던 점들을 공유하고 다시 한번 중요한 점들을 상기시켜보려 한다. 감정은 언어로 표현되지 않으면 죽으니깐 말이다.1.배송은 커머스의 생명이다. 특히 모바일 플랫폼 시대는 더더욱 그렇다.클릭 한번으로 음식이 배달되고 택시가 오고 스타일리스트를 부를 수 있는 시대이기 때문이다. 즉 클릭 한번으로 즉각적인 회사의 서비스를 경험할 수 있는 시대이고 우리는 온디맨드 경제(on demand economics) 흐름속에 살고 있다. 쿠팡이 물류센터를 직접 구축하고 로켓 배송을 하고 유니클로는 편의점과 전략적 제휴를 통해 배송에 스피드를 높힌다.그러나 스타트업이 이것들을 해내기에는 자금도 부족이며 인력도 부족이다.그렇기 때문에 배송이 빠르게 가능한 것들을 위주로 상품들을 준비하고 재고에 대한 준비가 필수다.그리고 배송 사고가 났을 때 어떻게 이것을 대처할지, 거기에 대한 발생 시나리오는 무엇 무엇이 있고 각각에 어떤 대응들이 가능한지를 생각하고 즉각 대응이 들어갈 수 있어야 한다.그리고 지마켓/11번가의 제휴에서 우리가 판매자지만 실질적으로 판매자는 재고를 가지고 있는 샵들이며, 이 샵들에게 재고에 대한,배송에 대한 약속을 지키지 못할 때에는 어떻게 할 것인가에 대한 패널티도 사실 협의를 해놓는 것이 맞다고 생각한다.책임소재를 명확하게 하는 것이 중요하기 때문이다.2.배송이 늦는 것은 일단 고객들의 불평 요소가 된다. 그러나 실질적으로 그 불평의 이유를 좀 더 깊게 들여다보면 늦는 그 자체에 있지는 않다.즉, 배송이 늦을 만한 합당한 이유가 있었냐 없었냐가 가장 중요한 문제이고 (대표적인 예로 수입 상품이라, 상품 준비가 오래 걸린다든지) 미리 늦는 것에 대한 공지가 있었냐 없었냐가 더욱 본질적인 요소이다.오픈 마켓의 셀러들은 보통 가송장을 발행하고 물건을 출고안하는 경우가 있는데, 큰 딜의 경우가 일어날 때 이렇게 가송장으로 처리하면 나중에 CS에 엄청난 타격이 온다.(그리고 판매자들은 패널티를 먹는 확률이 상승한다.지마켓 - 슈퍼딜 / 11번가 - 쇼킹딜 같은 경우는 판매자들이 3일내에 (72시간) 출고 원칙을 하는 것으로 한다.그리고 30개를 수량으로 판다면 30개가 필요한게 아니라 40개 정도(?)는 확보해놓아야 한다. 교환/반품/배송지연에 대비해서 말이다.보통 가송장에 대한 CS 클레임으로는 "왜 송장번호는 찍혀있는데 조회가 안되냐, 왜 배송은 안하냐, 배송은 안해놓고 왜 송장찍었냐"등등이 있다. (심한 경우는 지금 사기치냐 ㅠㅠ)그렇기 때문에 가송장으로 급한 불을 끄고 나중에 처리한다는 방식보다는 미리 배송지연에 대한 알림을 공지할 수 있는 대책을 마련하고 고객님들에게 지연이 되고 있다는 이유를 차근차근 설득시켜나가는 것이 중요하다.3.CS는 궂은 일을 하는 부서가 절대 아니다.고객의 최전선에서 고객 감동을 줄 수 있는 최적의 포지션이다. 그렇기 때문에 커머스를 운영하는 회사가 좋은 샵들만 소싱하고 비즈니스를 전개하고 있다는 것이 전제라면 고객의 재구매율은 바로 CS팀에게 달린 것이다.(예전 패션관련된 중국 담당자에게 듣기로는 중국에는 MD팀이 따로 없고 대표-CS 두 축으로 나누어져서 CS가 곧 MD이며 MD가 곧 CS라고) 따라서 커머스에서는 CS는 단순히 응대/게시판 관리 같은 것이 아니고 마케팅의 최전선 부서이고 그로스 해커들이다.따라서 CS를 담당하는 사람들은 고객의 불만 사항들을(배송지연/반품,교환처리 등) 데이터로 축적해 나가야되고 고객들의 main pain point를 파악할 수 있어야 된다.그래서 매달 그래프 변화율을 보면서 그것들을 개선시켜나갈 수 있어야 하며 상시 고객 관련된 데이터를 전사적으로 공유할 수 있는 문화를 만들어 나가고 토론해야된다.CS를 굉장히 잘하는 회사로는 자포스가 있고 훌륭한 CS를 통해 기업가치를 상당히 높혔다고 생각한다.자포스에 대해(기업문화) 자세히 설명되어있는 책(딜리버링 해피니스) 을 사놓고 읽어보지는 못했는데 꼭 읽어봐야겠다.(CS뿐만 아니라 재고/배송 관련된 영감도 많이 얻을 수 있을거라고 생각한다.아마존이 인수한 것도 결국 자포스의 문화를 산 것이 지배적인 의견이라, 회사의 문화를 공부하는 것도 많은 도움이 될 것 같다.)4.끝으로, CS의 동기부여가 굉장히 중요하다. 만약 이 동기부여가 고객 만족에 있지 않고 그냥 하는 일이고, 그냥 회사가 처리해야되는 그런 일거리에 그친다면 고객한테 일거리를 미루기 마련이고, 제대로 처리하지 않는 일이 발생한다.내가 그 고객의 입장이면 어떤 일처리 방식이 고객에게 행복을 줄 수 있을까를 끊임없이 고민해야한다. 회사의 프로세스를 너무 강조해서는 안된다. 상황에 따라서 고객의 감동과 행복이 극대화될 수 있는 의사결정에 집중해야된다.그리고 중요한 CS건들은 전사적으로, CEO와 공유될 수 있어야 된다.아마존 같은 경우에도 [email protected] (정확한 이메일 주소가 이것인지는 모르겠다.) 으로 베조스가 cs건을 공유받아 직접 처리할 것에 대한 대응을 하기도, 자기 생각을 말해주기도 한다고 한다.마치며CS에 2주동안 투입되면서 들었던 얕은 생각일 수도 있지만, 이 2주 동안에 우리가 이 사업을 왜 해야되는가, 나는 이 일을 왜 해야되는가, 나는 일의 동기부여로 어떤 것을 선택하고 있는가 많은 생각들이 들었다.CS는 고객 만족을 위해, 고객의 행복을 극대화시킬 수 있는 아이디어를 고민하는 사람과 동시에 행동하는 사람이다. 그러나 비단 CS뿐만이 그런가? 모든 스타트업 조직의 구성원들이 그런 마음가짐과 동기부여로 일을 한다면 우리는 스타트업을 통해 더 나은 세상을 만들고 더 좋은 세상으로 변화시킬 수 있지 않을까.- 이 글은 과거 필자의 스타트업 경험담 입니다.#페오펫 #peopet #스타트업 #창업 #경험담 #인사이트 #경험공유
조회수 2850

생명정보학 엔지니어 vs. 생명정보학 과학자

생명정보학 엔지니어 vs. 생명정보학 과학자학교, 연구소, 스타트업 창업, 회사 등 나름 다양한 환경을 겪어오면서 느낀 점. '생명정보학 인력'에 대한 정의와 기대 수준은 정말 천차만별 이라는 점.  오늘 이 혼란을 좀 정리해 보고자 한다. 크게 '생명정보학 인력'은 생명정보학 과학자와 생명정보학 엔지니어로 구분해 볼 수 있을 것 같다. 간략하게 정리해 보면, 아래와 같다. ( 각각의 기준에서의 최소 요건 )생명정보학 과학자( Bioinformatics scientist )생명과학을 연구하는 과학자. wet-lab 보다는 large scale data 를 기반으로 한 dry-lab work을 중심으로 연구를 진행 매우 광범위한 topic 을 포괄. 전통 생명과학, 의약학 전분야순수 Computer science나 Statistics 연구이나 topic 만 생명과학인 경우도 포함될 수 있음엔지니어가 아님과학자로서 discovery 가 가장 중요. 막코딩 ok, 일회용 프로그램 ok. 알고리즘 몰라도 ok심지어 코딩 능력이 없어도 ok. 남들이 만든 소프트웨어를 써도 discovery 하고 publish 할 수 있으면 ok.최소 기준 : 생명정보학 User ( 만들어진 각종 소프트웨어를 활용하기만 해서 생명과학을 연구하는 과학자)가 이 생명정보학 과학자로서 최소 기준. 권장 기준 : 아래 생명정보학 엔지니어로서 역량생명정보학 엔지니어( Bioinformatics engineer ) Large scale 생명과학 big data 를 활용한 '제품 개발자' 시스템 개발, 웹 개발, 데이터 과학 등 제품 개발에 필요한 모든 분야를 포괄할 수 있음. 일상적인 task는 IT 개발자와 거의 일치과학자가 아닐 수도 있음 생명정보학 과학자는 효율 보다는 과학자로서 discovery 가 훨씬 중요하지만, 생명정보학 엔지니어는 효율적인 시스템과 알고리즘을 바탕으로 고품질의 제품을 만들어 내는 것이 중요논문 안 써도 ok. 막코딩 no, 일회용 프로그램 no알고리즘 필수 알고리즘은 시간과 메모리의 함수, '좋은 아이디어' 내기 경쟁이 아님.모르면 효율적인 시스템에 대한 개념 자체를 가질 수 없음.생명정보학 기반 제품의 quality 를 결정.생명정보학 엔지니어로서 역량의 필요성 학자로 생명 현상에 대한 연구를 하는 생명정보학 과학자라면 생명정보학 엔지니어로서 역량을 갖추지 못해도 괜찮다. 하지만,  시스템을 구축하고, 제품을 개발하는 역할이라면 생명정보학 엔지니어로서 역량이 필수적이다. 즉, 학교를 떠나 산업계에 종사하게 되는 순간, '생명정보학 엔지니어'로서 역량은 필수가 된다. 생명과학 계열 학과에서 급조한 생명정보학 프로그램이나 생명과학 연구랩에 소속되어 large scale data를 생산해 소프트웨어를 다루며 연구를 수행한 '생명정보학 user' 수준의 생명정보학자는 산업계에서 요구하는 생명정보학 엔지니어로서 역량을 충분히 갖추지 못했기 때문에, job 을 구하는데 있어 문제를 겪을 공산이 크다. 현재 속한 회사에서 생명정보학 인력 채용에 코딩테스트를 도입해 진행하고 있는데, 알고리즘 풀이도 아닌 수학으로 치자면 더하기 빼기 수준의  파일 입출력, 문자열에서 패턴 개수 세기 등의 문제 몇문제에 대한 통과율은 20% 정도. 생명정보학 석박사 학위를 받은 분들의 결과다.  개인적으로 회사에서 생명정보학 관련된 그룹의 관리자 급 이라면, '생명정보학 엔지니어'로서 역량을 충분히 갖추어야 한다고 본다. 관리자 급은 시스템 구축에서 부터 결정 권한을 가지는데  시스템에 대한 이해, 알고리즘에 대한 이해가 없이는 어떤 컴퓨터를 어떤 사양으로 ( 특히 메모리, HDD) 갖추어야 하는지에서 부터 그저 '비싸고 좋은 것'을 선택하는 수준을 벗어나지 못한다.  DB를 구축해서 쓸 시스템이라면, 전체 DB의 구조를 고려하고, 일상적인 query 의 time complexity를 고려할 수 있어야 하고, 이에 기반한 계산을 통해 용량과 cpu power 를 결정해야 효율적인 시스템을 구축할 수 있다. Genome analysis pipeline을 구축했다면, 각 단계에서 time complexity를 꾸준히 개선해 내는 작업을 해야 한다. 그렇게 꾸준히 효율적인 시스템으로 update 하면서, 제품의 성능이 올라가고 경쟁력이 생긴다. 마치, 구글이 초기 pagerank 알고리즘을 cloud 기반의 거대 시스템으로 확장하며 효율을 올린 것 처럼. 그렇게 해서 어떻게 품질이 올라가느냐? 구글 검색 속도가 빨라지고, 검색 정확도가 높아졌고, 결과로 구글은 검색에서 경쟁력을 더욱 공고히 다질 수 있었다. O(n2) 에 만족하지 않고 O(n), O(logN) 으로 개선하려는 노력을 꾸준히 해 나가야 한다. 그런 엔지니어가 생명정보학 연구/개발 팀 리더가 되어야 한다. 나는 생명정보학 과학자일까 생명정보학 엔지니어일까?아래 항목들 중 yes 가 5-6 개 이상이라면 생명정보학 엔지니어 능력을 갖추었다고 할 수 있을 것 같다. 산업계에서 생명정보학 연구개발팀 리더라면 적어도 10개 이상은 yes 가 되어야 한다고 본다.( 학교/연구소에서 생명정보학 연구 그룹 리더 마찬가지  )Git / Github 로 코드 관리를 한다. Amazon AWS( or MS azure ) 를 능숙하게 쓴다.DB 에서 indexing 을 걸어 쓰는 이유를 time complexity로 설명할 수 있다.재귀와 다이내믹 프로그래밍의 차이를 설명할 수 있다. 웹서버를 구현해 본 경험이 있다.data API 서비스를 구현해 본 경험이 있다.기타 누군가가 사용하는 소프트웨어/웹서비스를 구축해 본 경험이 있다. Pairwise alignment 를 구현하고, time complexity와 메모리 사용량을 계산할 수 있다.반복되는 function들은  모듈을 구축해 활용한다. ( 동료에게 자신있게 권할 수 있는 자신이 구축한  library가 있다 )"불규칙한 시간에 특정 서버에 data file 이 꾸준히 생성되고, 이 파일을 서버에서 원격으로 가져와 처리를 한 후 다시 특정 서버로 전송한 후, 이를 해당 서버의 DB에 저장한다" => 이 일을 완전히 자동화 할 수 있다확률 Distribution을 2개 이상 수식과 함께 설명할 수 있다Rare disease에 대한 유전자 검사를 고위험군에서만 해야 하는 이유를 확률적으로 설명할 수 있다.Multiple testing 문제를 설명할 수 있고, 문제를 해결하는 방법을 설명할 수 있다. 적어도 하나의 Machine learning 방법론과 이 방법론의 성능 측정 방법을 설명할 수 있다. Linear regression과 logstic regression 을 각각 어떤 상황에서 사용하는지 설명할 수 있다. P.S. 사실 생명정보학자나 엔지니어를 구분하지 않고 위의 요건들을 갖춘 사람을 '생명정보학 인력'으로 보는 것이 맞다고 생각함. 다만 국내에서  생명정보학 인력에 대한 기대 수준이 천차만별이다 보니, 최소 요건을 구분해 정리를 해 보고 싶어 '생명정보학 user'( 만들어진 소프트웨어를 활용해 생명과학 연구를 하는 연구자)를 생명정보학자로서 최소 기준으로 정리를 해 본 것. 원칙적으로 생명정보학에 몸담고 있는 사람이라면 위의 요건들은 '최소자격요건' 수준으로 보는 것이 맞다고 봄. #3billion #운영 #인사이트 #스타트업 #마인드셋 #조언 #경험공유
조회수 1040

Top Five Games Made in Seoul

 Based in a country seeing huge growth in its video game sector, Korean game studios have been releasing big hits in the past few years. As seen in our previous post, the Top Ten Things to do in Seoul for Gamers, Koreans of all ages have been diving headfirst into gaming culture. Mostly focused on digital gaming like mobile and PC, the gaming industry has been growing at an annual rate of 4.3% (Statista). Although the most popular games by far are MMORPGs, we tried to diversify the list for all types of players to enjoy.  MapleStory  MapleStory - Source: maplestory.nexon.net  MapleStory has been around for years and only continues to be a huge favorite in Korea and around the world. An extremely social game, it sees players work to improve their own character’s skills while chatting, looting and even getting married to others. The 2D element gives the game an almost retro vibe, even though it has been updated many times, including the release of a sequel. Create your avatar, choose your class and find out how to fulfill your quest by defeating the Black Mage.   Ragnarok Online  Ragnark Online - Source: mmoculture.com  You guessed it, another tried and true MMORPG. Based on a comic of the same name by Lee Myung-jin, this 3D game features a constantly changing timeline that players must interact and adapt with within the specific world. The key part of the game is choosing the “job” of your character. With that choice come make-or-break strengths and weaknesses that can determine the gameplay for you. Starting at 13 but growing to 50 classes, the choice is daunting but crucial as your job can change as well. Whether you want to try out the newest sequel, the mobile version, or even watch the animated TV series, Ragnarok Online is definitely one to check out.   Blade & Soul  Blade and Soul - Source: www.bladeandsoul.com  Developed by one of the most notable studios in Korea, NCSOFT, this fantasy martial arts game was only released in Western countries 2 years ago, but had been out in Korea and Japan since 2012. A super renowned character customization system gives the game an update from the more traditional fighting style games. There are four playable races that reference the four Chinese Symbols of Azure Dragon, Vermillion Bird, Black Tortoise and White Tiger. Definitely a must for fans of combat-driven games.   ANIPANG  ANIPENG - Source: anipang-for-kakao.en.softonic.com  Finally a change of pace! ANIPANG is a mobile puzzle game, and also the first Korean game to reach 20 million downloads. Filled to the brim with squishy animal faces, this match-3 style game can be enjoyed alone or by competing with friends. Whether it’s killing time waiting for the bus or just wanting to beat that one tricky level, ANIPANG can be played anywhere at any time.   Lineage  Linage - Source: mmogames.com  Rounding out this list is Lineage, a video game series released in the 90s and still receiving sequels and spin-offs to this day. Taking you back to medieval times, this game is one of the most successful MMORPGs to date. The realistic siege warfare and constant lore updates makes it a fun and addictive way to pass the time. The mobile release of the game broke records and had fans eager to play, so don’t miss out. 
조회수 341

엔젤투자란 무엇인가요?

엔젤투자란 무엇인가요? 날개 없는 천사, 엔젤투자자 엔젤투자란, 아이디어 혹은 기술력이 있으나 자금이 부족한 예비창업자나 초창기 창업기업에 투자하고 기업을 성장시킨 후에 이익을 회수하는 투자를 지칭하며, 이러한 엔젤투자를 진행하는 투자자를 엔젤투자자라 합니다. 투자한 기업이 성공적으로 성장하여 기업가치가 올라가면 큰 이득을 얻을 수 있으나 실패할 경우에는 투자액의 대부분을 손실로 입게 됩니다. 스타트업 입장에서는 ‘죽음의 계곡’이라 불리우는 창업 초기 단계를 이겨낼 수 있도록 도와주는 천사같은 투자자라 하여 엔젤 투자자라는 이름이 붙여지게 되었습니다. 자금 지원부터 경영 자문까지, 스타트업의 구원자  일반적으로 개인, 또는 자금력이 있는 개인들이 모인 투자클럽(엔젤클럽)이 투자 주체가 되어 스타트업의 미래 가능성을 보고 투자를 하게 되는데 자금 지원뿐만 아니라 투자자 자신의 전문 지식을 토대로 한 경영 자문을 통하여 스타트업이 성장할 수 있도록 도와주고, 이를 통해 기업 가치가 상승하였을 때 지분을 매각하는 방식으로 수익을 실현합니다. 엔젤투자자는 기업을 성공적으로 매각한 경험이 있는 기업인, 기업 M&A나 IPO를 통해 돈을 번 사람, 대기업 경영진 출신 들이 주류를 이루고 있으며 개인의 자금을 활용하여 투자하기 때문에 통상적으로 기업 당 5천만원 내외의 투자를 진행하곤 합니다.최근 관련 기관의 통계에 따르면 엔젤투자자의 개인 평균 투자금액은 약 4천만원, 기업 평균 피투자금액은 1.5억정도로 이루어지고 있으며, 투자를 받는 기업의 평균적인 업력은 1.2년인 것으로 조사되었습니다. 이는 초기 스타트업에 투자하는 엔젤투자의 보편적인 형태를 잘 드러낸다고 볼 수 있겠습니다. 꼭꼭 숨은 엔젤투자자? 엔젤투자자의 개념은 알겠는데 도대체 ‘누가 엔젤투자자라는 것인지, 주변에는 좀처럼 찾아볼 수 없는 것 같은데’라며 긴가민가한 분들도 있을 것입니다. 물론 묵묵히 은둔 고수처럼 활동하고 있는 여러 엔젤투자자가 있겠지만, 그중 대표적으로 공인된 전문엔젤투자자 두 분을 소개해드리려 합니다. [‘다음’의 공동창업자에서 액셀러레이터까지] 대한민국에서 인터넷을 사용하는 사람이라면 누구나 알고 있는 다음커뮤니케이션의 공동창업자였던 이택경 대표는 현재 ICT분야 액셀러레이터인 매쉬업엔젤스의 대표로 활약하고 있습니다. 벤처인 1세대로서 인터넷 시대를 연 이택경 대표는 국내 1호 액셀러레이터인 프라미어의 공동대표를 거쳐 현재 매쉬업엔젤스 대표 파트너로서 후배 벤처인 양성에 힘쓰고 있습니다. 전문엔젤투자자 1호이기도 한 이택경 대표는 본인의 창업시절 겪었던 착오를 후배들이 겪지 않을 수 있도록 금전적인 투자자는 물론 실질적인 도움을 주며 말그대로 ‘천사’ 투자자의 역할을 하고 있습니다.  [미래를 위한 회사를 만들다] 서울과학고등학교, 카이스트 박사, 인텔 상무라는 탄탄대로를 걷고도 차세대 테크 스타트업을 돕기 위해 퓨처플레이를 창업한 류중희 대표는 위의 이택경 대표와 같은 1호 전문엔젤투자자입니다. 25세 때 처음으로 창업 전선에 뛰어든 류중희 대표는 두번째로 창업한 사물/인물인식기술 회사 올라웍스를 350억원에 인텔에 매각한 경험이 있습니다. 인수 후 2년 간 인텔에서 상무로 근무한 류중희 대표는 본인의 경험을 살려 테크 전문 액셀레러이터 퓨처플레이를 설립하고 현재는 AI, 사물인터넷(IoT), 뇌과학, 빅데이터 분야 스타트업을 집중적으로 지원하고 있습니다. 위의 사례에서 보듯 엔젤투자자란 금전적인 투자와 그 회수만을 목적으로 하는 단순 투자자가 아니라, 본인의 경험과 노하우를 살려 이제 막 성장을 시작한 스타트업을 다방면으로 지원하고 기업을 함께 만들어 나가는 진정한 멘토라고 볼 수 있겠습니다. 활력을 더해가는 엔젤투자 엔젤투자는 최근 수년간 그 규모가 지속적으로 성장하고 있습니다. 현재 공식적으로 등록된 전문엔젤투자자는 약 130여명이며 이 수치는 정부의 등록 요건 완화 및 시장 활성화 방안을 통해 크게 늘어날 전망입니다. 엔젤클럽은 215개로, 연말까지도 꾸준히 신규 설립되며 벤처열풍이 거셌던 2003년 이후 최대를 기록할 전망입니다. 개인 투자자들의 투자금액도 지속적으로 증대되고 있음을 확인할 수 있는데요, 소득공제를 신청한 투자금액을 바탕으로 추산한 엔젤투자 규모는 2016년 약 2,100억원, 2017년 약 2,800억원에서 2018년에는 약 4,000억원으로 큰 폭의 증가세를 보이고 있습니다. (자료 : 엔젤투자지원센터) 이렇게 엔젤투자는 정부의 적극적인 규제 완화, 세제 지원과 투자 지원 사업으로 인해 점점 활기를 띠고 있습니다. 여러가지 엔젤투자 활성화 정책 중에서도 투자자들이 주목하고 꼭 챙겨야할 부분이 있는데요, 바로 소득공제와 엔젤투자매칭펀드입니다. 다음 포스팅을 통해 두가지 혜택에 대하여 좀더 자세하게 설명을 드리도록 하겠습니다.  
조회수 839

당신의 마케팅에는 고객경험을 고려한 시나리오가 있는가

작은 부탁의 힘가끔 마트의 장난감 진열대 앞에서 아이와 곤란한 줄다리기를 하고 있는 젊은 부부들을 볼 때가 있다. 평소 사고 싶던 장난감 앞에서 한 꼬마는 엄마에게 이렇게 물어본다.  “엄마, 저게 뭐예요?” (가끔, 저렇게 놀랍도록 뻔뻔한 질문을 하는 아이들을 보면 역시, 아이들에게 배울 것이 많다는 생각을 한다. )  그럼, 엄마는 이렇게 이야기 한다.  “아빠가 빨리 오래”  상황 파악이 된 아이는 그 자리에 풀썩 주저 앉더니 보채기 시작한다. 그리고 마법의 주문을 외우기 시작한다.  “엄마! 이번 한 번 만요!” 늘 이런 패턴을 알고 있는 부모지만 이 ‘한번만’이라는 마법같은 단어에 못 이긴 듯 결국, 장난감을 사주고 만다.  그런데 이런 대화는 비단, 아이와 부모 사이에서만 일어나는 것이 아니다. 영업이나 설득의 기술에 탁월한 이들을 보면, 애초에 부탁하고자 하는 것보다 더 어렵거나 들어주기 힘든 부탁을 전략적으로 건네곤 한다. 그리고 상대가 거절하게 되면 기다렸다는 듯이 부탁의 수준을 낮춰 작은 부탁을 제안한다. 그럼, 절반 이상은 거절할 수 없게 되는 것이다. 사실, 그 부탁이 원래 목적의 부탁인지도 모른 채 말이다.  그런데 더 놀라운 것은 이렇게 작은 부탁을 들어준 친구는 어느샌가 처음에 제시했던 큰 부탁도 크게 어렵지 않게 들어 줄 가능성이 크다는 것이다.  맥락에서 오는 실행력과 설득력마치 저것이 거절의 미안함을 스스로 없애기 위한 자기만족의 선택이라고 느껴지는가? 그렇지 않다. 고전에서도 많이 다뤄지고 있는 설득 법칙 중의 하나다. 바로, 자신이 한 행동의 방향성을 그대로 유지 시키고 싶은 관성의 법칙이기도 하다.  즉, 원인과 결과, 그리고 그 결과는 다른 행동의 원인이라는 이 맥락의 흐름을 파악하게 되면 어떻게 우리가 얻고자 하는 결과의 앞 단에 어떤 원인이 있어야 하는 지 알게 될 것이다. 더 나아가 원하는 결과를 얻기 위해 필요한 원인을 디자인하고 적절한 곳에 배치 시킬 수도 있을 것이다.  이런 모든 흐름들을 원인과 결과라는 맥락의 단위로 쪼개다 보면, 각 단계로의 진전에 자연스럽게 실행력과 설득력이 생기게 된다. 정말 쉬운 예를 들어보면 어떨까? 일찍 일어나고 싶다. > 일찍 잔다. 운동을 하고 싶다. > 운동을 하러 간다.  혹시 피식 웃는 이가 있을 지 모르겠다. 누가 이것을 모르나라고 할 수 있을 것이다. 혹시 알면서도 못 하는 것이라고 이야기 한다면, 한 번 더 원인을 만들어 보자. 그럼, 자연스럽게 ‘실행력’까지 생기게 될 것이다.  일찍 일어나고 싶다. > 일찍 잔다. > 무조건 7시 전에는 업무를 마치고 8시까지는 식사와 샤워를 마치고 9시 전에는 침대에 눕는다.  운동을 하고 싶다. > 운동을 하러 간다. > 정해진 시간에 친구와 헬스장에서 만나기로 한다.  물론, 원하는 결과를 얻을 수 없을 때도 있다. 운동을 하기로 한 친구의 연락을 차단하면 모든 것은 수포로 돌아간다. 다만, 저 원인들이 있다면, 운동을 할 가능성은 커진다.  고객이 행동을 맥락으로 바라보는 관점이런 맥락의 흐름을 마케팅의 관점으로 바라보면 어떨까? 쇼핑몰의 한 예를 들어보자. 구매를 하기 직전, 원하는 제품에 찜을 해두거나 장바구니에 담아두는 행동을 유도해보는 것은 어떨까. 그런 이전의 행동들을 해 본 유저는 구매까지 가는 과정이 어렵게 느껴지지 않을 것이다.  어느 오프라인 교육프로그램을 예를 들어보자. 오프라인 마케팅 과정이 있다면, 그 전에 pre-seminar를 진행하기도 하고 프로그램을 안내하는 웹사이트 페이지에 교육의 일부를 촬영하여 미리 보여줄 수도 있을 것이다. 해당 프로그램에 흥미를 느끼는 이들은 pre-semina에 참여하거나 영상을 보게 되며, 이런 행동은 본 프로그램 참여까지 관성 작용을 일으키게 될 가능성이 커진다.  이렇게 관성을 이용한 설득의 법칙을 페이스북과 같이 full-funnel 마케팅이 가능한 매체를 활용하면 그 효과가 더욱 커질 수 있다. 10초 정도의 짧은 영상으로 관심을 유발하고, 이에 반응했던 유저를 대상으로 캠페인의 full 영상을 보여준다. 긴 영상에도 일정 시간 시청하며 반응한 유저에게는 세일즈 전환 메시지를 다시 보여줌으로써 전환을 유도하게 된다. 아마 당신도 이런 full-funnel 마케팅에 반응한 경험이 꽤 많을 것이다.  고객은 어떠한 경험을 하는가 이런 맥락을 더 잘 활용하려면 어떻게 해야 할까? 당신의 고객이 특정 니즈를 가진 순간부터 최종 구매 완료를 하는 순간까지 어떤 경험을 하게 되는 지를 모두 관찰 할 필요가 있다. 그리고 그 과정을 작은 단위로 쪼개어 정의 할 필요가 있다. 작은 단위로 고객의 경험을 쪼개어 보면 어느 부분의 고객 경험을 향상 시켜야 할 지, 그 솔루션이 보이게 된다. 즉, 이런 과정의 연속이 마케팅 실행력을 성장 시키게 된다.  가령, 쇼핑몰의 메인 페이지에서 제품의 상세 페이지를 경험하는 과정에 고객이 있다고 하자. 마케터 입장으로는 메인 페이지에만 고객이 머물다가 사이트를 나가면 무의미하다. 단 한명이라도 더 제품, 서비스의 상세 페이지를 보게 만들어야 한다. 이 때, 상세페이지 확인이 가능한 썸네일 이미지 클릭이나, 배너 클릭이 이루어져야만 다음 단계로 갈 수 있다. 이 때, 해당 이미지나 배너는 고객이 클릭할 수 있는 요소들을 갖추고 있어야 한다. 단순 제품 이미지를 싣는 방법도 있을 테고, 직접 해당 제품을 사용하는 모습의 이미지가 들어갈 수도 있다. 사실, 어떤 이미지가 고객의 클릭율을 높일 수 있을지는 모른다. 다만, 해당 이미지나 배너는 클릭하고 싶게끔 만들어야 상세 페이지뷰가 많아진다는 것은 누구나 안다.  이런 생각의 흐름으로 쪼개진 고객 경험의 모든 구간에서 전환율 상승에 도움되는 모든 전략을 구성해 볼 수 있다.  고객의 경험에 따라 우린 어떤 메시지를 적절하게 줄 수 있는가 만약, 제품의 상세페이지에 유입된 고객이 후기 텝을 눌러 후기를 3가지 정도 읽어보고 구매 없이 나간 데이터가 많다고 생각해보자. 이들은 구매에 대한 의사결정으로 무엇을 주로 본다고 할 수 있는가. 두말 할 나위 없이 바로 후기다. 구매를 실패한 유저 외에 구매를 한 유저도 사전에 후기 콘텐츠 소비가 많다고 판단되면 고객에게 구매 전, 후기 확인이 매우 중요한 구매결정우선순위라고 이야기 할 수 있다.  그럼, 이 데이터를 기반으로 무엇을 해야만 하는가. 바로 구매는 실패했지만 유의미한 행동(후기 소비)을 했던 유저를 다시 사이트에 불러 올 필요가 있다. 바로, 리타겟팅이다. 바로, 이때 우린 어떤 메시지로 이들을 데려와야 할까? 바로, 후기다. 그들의 구매결정우선순위에 맞는 후기 콘텐츠를 통해 그들의 흥미를 다시 끌어야 하는 것이다.  고객을 다시 데리고 올 때, 혹은 신규 고객을 더 많이 유입 시키고자 할 때, 적절한 메시지는 바로 웹사이트에서 목표 전환 전, 유저가 가장 많이 해본 행동이나 소비한 콘텐츠의 내용이 된다. 흥미를 유발하는 콘텐츠는 이미 사이트 유입 전, 한 참 전에 사용되었어야 한다.  우리가 처음에 이야기했던 작은 행동으로부터의 힘은 바로 이렇게 연결된다. 작은 부탁이라도, 작은 행동이라도 그것을 실행하게 되면 관성의 법칙이 생긴다. 즉, 그 다음 요구되는 액션을 할 가능성이 높아지는 것이다. 마트의 시식코너나 화장품의 테스터는 이런 전략의 아주 기초적인 사례라 할 수 있다. 웹사이트에서 찜 버튼을 누른 이는 장바구니 버튼의 클릭을 더 잘 할 것이며, 장바구니 버튼 클릭 유저는 구매를 더 잘 할 것이다. 그래서, 더 작은 것부터 우린 제안해야 한다. 그리고 그 제안을 받아 들인 유저가 물 흐르 듯 흘러 갈 수 있게 그 다음 단계가 잘 준비되어 있어야 한다.  즉, 구매고객들의 구매결정우선순위에 맞춰, 작은 행동부터 요구하라. 이 작은 행동이나 부탁을 들어 줄 가능성은 당신의 본 제품이나 서비스를 구매 할 가능성보다 크다. 이렇게 처음부터 끝까지 고객 행동경험을 디자인하고 이 경험을 웹사이트 내부, 외부에서 모두 디자인하는 것을 시나리오 마케팅이라고 부른다. 자, 당신의 마케팅에는 시나리오가 있는가. 지금부터 한 번 고객의 경험을 A to Z, 모두 설계 해 볼 수 있길 바란다.  
조회수 1075

효율보다 큰 가치/ 원팀 원스피릿

블랭크코퍼레이션의 반려동물 라이프 스타일 브랜드 '아르르(arrr)'가 국내에서 제일 큰 반려동물 용품 박람회인 "2018 케이펫페어" 부스에 참가했다. 지난 11월 23일(금)부터 25일(일)까지 사흘간 부스를 운영하며 다양한 고객을 만나고, 현장 판매를 진행했다.2018케이펫페어 "아르르" 부스'아르르'는 그동안 소셜미디어 상의 콘텐츠와 자사몰 운영으로 브랜드와 제품을 알렸다. 반려견의 시각에서 바라본 반려동물 라이프스타일, 반려동물의 삶의 질을 높이는 상품, 'UFO 넥카라', '아르르 덴탈츄' 등 소위 SNS 대란템으로 반려인들과 소통했다. 하지만 이렇게 오프라인 박람회를 통해 브랜드와 고객 접점을 만든 것은 처음이다. 즉, 내부 구성원들도 이러한 경험이 처음일 수 있다.나는 블랭크의 커뮤니케이션 기획자다. 당연 우리 브랜드가 국내 최대규모 행사에 출품하는 것은 이슈다. 현장취재를 위해 케이펫페어 오픈 첫날 일산 킨텍스를 찾았다.도착해 처음 부스풍경을 접한 후 약 30여 분간 아무것도 하지 않았다. 그저 감상에 젖어있었다.나는 수십여개의 박람회, 컨퍼런스, 유저행사, 팝업행사, 페스티벌 등등 Beyond The Line 캠페인을 경험했다. 그중에는 국내 역대급 최대규모의 박람회 출품도 있고, 업계 최대 규모의 컨퍼런스도 있었다. 모두 TFT의 일원이자 PM을 도맡았었다.최대 규모부스의 박람회 당시 감상에 젖은 시간은 약 10여 분, 그 위용과 장엄함에 감탄하는 것까지였다. 프로젝트가 떨어지면 돌입하기 전까지 수차례 전시 시안과 프로그램, 콘텐츠를 들여다봤기에, 현장의 모습은 이미 머릿속에 있는 그림이 실제로 펼쳐지는 '장관'의 뿌듯함까지였다. 그리고 모든 것을 마치면 잠시의 뿌듯함과 보람, 그리고 빠르게 잊혀지는 허무함이 대부분의 감정이었다.그런데 이번에는 이상했다.아르르의 케이펫페어 부스는 4부스 규모다. 가로 12미터 정도의 아주 소규모 구성이다. 하지만 400부스 출품때보다 감상에 젖은 시간은 3배 이상이었다.감상 포인트는 3가지였던 것 같다.먼저, 디지털 환경에서 접하던 우리 브랜드가 물성을 지닌 매개체의 모습을 띄고, 브랜드 아이덴티티를 잘 살린 정갈하고 소박한 모습으로 서있었다.예전에는 항상 전시 및 컨퍼런스 환경에 맞춰 키비주얼과 슬로건을 새로 제작하면서 꽤 간지는 나지만 뭔지 모를 이질감을 항상 느껴왔다면,,,,이번에는 담백하고 간결한 맛이 느껴졌다. 소박해도 딱 내 것 같았다.둘째, 부스에서 유니폼을 입고 분주하게 움직이는 사람들이, 내가 매일 보는 우리 블랭크 피플들이다.규모감있는 행사에서는 주로 에이전시와 협업했고 운영의 전문성을 살리면서 효율을 높이고자, 행사담당요원들은 모두 외부 분들이었는데,,,,이번엔 3일내내 판촉부터 동선, 물자운반, 포스담당, 상담 모두가 블랭크 피플이다.이들은 운영전문가가 아니다! 하지만 '아르르'라는 브랜드를 항상 체감하며 깊은 이해도를 가지고 있다. 브랜드를 이해하는 구성원들이 현장에서 직접 뛴다. 이들은 처음이지만 진정성이 느껴진다.셋째, 생각해보니,,,부스에서 각자 맡은 역할에 따라 척척 손발을 맞추는 사람들은, 각자 전문 분야가 따로 있다.먼저, 부스 운영 전반을 챙기는 아리따운 여인은 아르르 브랜드 디렉터 정현지 프로다.UFO 넥카라 시착과 포토존을 운영하는 육지혜 프로는 유생물(유통생산물류)유닛 소속 유통 프로모션을 담당하는 마케터다.덴탈츄와 쮸르를 판매하면서 친절한 웃음으로 고객을 응대하는 손수민 프로는 상품기획유닛 소속 디자이너다. 그 옆에 같은 웃음 다른 목소리의 김수진 프로는 비케이리테일 브랜드 담당자다.펫프레시와 푸푸스프레이를 판매하면서 수출, 제휴 등 B2B 상담도 해내는 안한솔 프로는 유생물 유닛 소속 MD다. 그 옆에서 안내하는 정주리 프로는 바디럽 브랜드 디렉터다.포스를 담당하는 이승정 프로는 공백0100 브랜드 디렉터이고, 이현중 프로는 아이카 브랜드 디렉터다. 창고에서 부스까지 물자를 나르고 재고를 지원하는 종현 프로와 운찬 프로는 유생물 유닛 소속 혁신물류센터 물류전문가들이다.각자 눈 앞에 첨예한 업무들이 있을텐데 어떻게 이들이 이렇게 모였을까....모였는데 이질감이 전혀 없다. 예전 각기 다른 직무의 TF인원들이 모였을때의 어색함과 서뭇머뭇거림이 전혀없다. 더 신기한 것은 행사 초반 기획부터 함께 한 것이 아닌 발룬티어다.여지껏 경험했던 모든 행사들을 압도하는 사뭇다른 감정이었다. 아기자기하다. 하지만 너, 나 할 것 없이 움직이고 있다.사실, 나는 아르르가 케이펫페어에 출품하는 소식을 아주 일찍이 접했다. 부스 참가신청 직후다. 그때 아르르 브랜드 디렉터인 정현지 프로와 심도 깊게 이야기를 나눈 바 있다.출품에 대한 노하우와 정보가 탄탄하게 구축되어 있기에, 행사의 대중과 흐름, 효율적인 운영에 대해 이야기했다. 그러면서, 사흘간의 빈틈없는 운영까지 겸비하기 위해서는 "에이전시(마케팅 전문회사)"와 협업은 필수라고 강조했다. 일부 에이전시로부터 부스 시공 및 익스-인테리어, 운영스탭, 부자재 등 총 견적도 받아 보았고, 리소스 대비 효율성을 강조했다. 또한 전문성도 강조했다.정현지 프로와 깊게 고민했다. 하지만 어디까지나 조언일뿐 행사PM에 달렸다. 현지님은 "부스 디자인과 키비주얼 작업을 하는 디자이너 수민님이 너무 열정적으로 임해주고 있다"고 했다. 또, "나는 이번에 우리가 직접 부딪혀보고 잡다한 AtoZ 모든 부분부터 현장에 상주하면서 직접 판매까지 다해보면서 재미와 성취감을 느끼고 싶다"고 말했다.나는 속으로 생각했다. '인력은 어떻게 하려고,,,'그러자 현지님은 인력은 내부에서 자원-지원자를 받을 수 있으니, 스탭은 한 3명 정도면 충분할 것 같다고 말했다. 나는 또 속으로 생각했다. '현지님은 동화 속에 살고 있구나...'내가 강조했던 부분은 철저한 내부 리소스 절감과 완벽함, 효율성이었다면, 정현지 프로의 강조점은 순수함, 성취감, 보람 그리고 협동이었던 것 같다. 현지님을 존중했다. 무엇보다 그녀의 명확한 생각과 그 생각이 추진되는 공기에서 스타트업의 정신과 에너지를 느끼기도 했다.그리고 행사를 겪으면서, 나는 효율보다 더 큰 가치를 실제로 마주했다. 그리고 더 큰 가치가 주는 교훈을 깨달았다. 빠른 길을 자동차를 타고 지나가는 것보다, 굽이굽이 돌아가는 길을 걸을때 볼 수 있는 풍경이 더 많을 수 있다.노동과 활동에 대한 순수한 접근은 브랜드 아르르의 진정성이다. 또한 성취감과 보람은 블랭크 피플의 경험자산이다. 그리고 협동은 블랭크코퍼레이션의 원동력과 조직문화를 내포하는 가치다.특히, 적극과 자발의 원동력이 모든 것을 이뤘다.블랭크코퍼레이션 피플들의 원동력은 원팀이라는 구심점에서 시작됐다.'팀'이라는 단어가 가질 수 밖에 없는 어쩔 수 없는 배타성(팔이 안으로 굽는)을 인지하고, 애초에 이 단어를 새롭게 확장 규정했다.블랭크에서 팀은 하나다 '팀블랭크(메일링주소 team)'. 블랭크 전체가 하나의 팀이다.블랭크 산하의 마케팅, 상품기획, 콘텐츠, 유통 등 조직의 단위는 '유닛'이다.'유닛'에 소속된 여러 직무의 전문성을 높이고자, 직무 별로 조직된 단위는 '트라이브'다상당히 고도화되고 어려운 조직구조!하지만 각 역할의 가치를 드높이고, 양질의 업무를 할 수 있는 유기적인 구조!이 구조에서, 수평적이고 유연한 조직문화가 발현됐다! 구성원마다 자발적이고 적극적인 에너지를 낸다. 블랭크의 원동력이 설명된다.이러이러한 상품을 기획하려고 합니다.이제 막 허들을 넘었어요.어때? 같이 해볼래요?소프트웨어 개발 측면이 아닌 상품기획, 마케팅, 콘텐츠 등 여러분야 업무에서도 '애자일(Agile)'함이 보여진다.이번 반려동물교감 브랜드 '아르르'의 출품은 하나의 이벤트이자 사건이지만, 다양하게 쌓으며 실험해온 조직문화를 충분히 설명할 수 있는 하나의 씬(scene)이었다. 그리고 분명하게 느낀다.  꽤 괜찮은 조직문화를꽤 괜찮은 사람들이 모여계속해서 가꾸어나갈 수 있다는 점을 말이다.'아르르(arrr)'부스의 주역들"기억에 오래남을 11월 끝자락, 깊은 소회를 다룰 수 있음에 감사드립니다"아르르, '케이펫페어'에서 인기… 첫날부터 일부 제품 완판(서울=뉴스1) 최서윤 기자 = 블랭크코퍼레이션(대표 남대광)의 반려동물교감브랜드 아르르(arrr)가 처음으로 참석한 반려동물 박람회에서 일부 제품을 완판하는 등 인기몰이를 하고 있다. 아르르는 지난 23일 일산 킨.. Jason KH커뮤니케이션    기획자
조회수 6568

비트맵 방식과 벡터 방식

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 저는 스포카 기술 블로그에서 그래픽 디자인에 대한 기본적인 내용을을 다루어 볼까 합니다.앞으로 저는 컴퓨터 그래픽 디자인의 기초적인 용어 정리 및 개념 설명부터 실무에 바로 도움이 되는 디자인의 기본 상식 및 방법론까지 스포카 기술 블로그를 통해 설명해 보고자 합니다. 일단 오늘은 컴퓨터를 이용한 그래픽 디자인의 정말 기본이 되는 이미지 형식에 대해 다루어 보겠습니다.비트맵Bitmap 방식과 벡터Vector 방식일단 컴퓨터 그래픽은 크게 비트맵Bitmap과 벡터Vector방식으로 구분됩니다. 비트맵Bitmap은 ‘비트의 지도map of bits‘란 듯으로, 각 픽셀에 저장된 일련의 비트 정보 집합이라고 보시면 됩니다. 디스플레이는 픽셀들의 배열로 구성되어 있습니다. 픽셀들의 배열 방식, 픽셀들의 총 숫자나 가로 세로의 비율이 그 디스플레이의 해상도를 결정짓습니다. 예를들어 1920 x 1080의 해상도를 가진 디스플레이는 가로 1920개, 세로 1080개의 픽셀들을 가진 다는 것을 의미합니다. 가로와 세로의 값을 곱하면 그 디스플레이가 가진 총 픽셀 수가 됩니다.하나의 픽셀은 R빨강, G초록, B파랑의 세 가지의 서브 픽셀subpixel로 이루어져 있습니다, 서브 픽셀의 배열 방식은 디스플레이의 특성에 따라 모두 다릅니다. 서브 픽셀의 배열 방식의 차이는 너무 깊은 얘기이니 본편에서는 다루지 않기로 하겠습니다. 참고로 보편적으로 가장 많이 쓰이고 있는 LCD 방식은 그림에서와 같이 RGB가 하나의 픽셀을 이루어 전체 디스플레이에 배열이 연속됩니다.각 픽셀의 R, G, B는 0~255까지의 값을 가지고 있는데, 이 셋의 조합 (R,G,B)이 그 픽셀의 색상을 정의하게 됩니다. 그리고 그 정의된 색상들의 픽셀이 모여 지도map를 만들게 되고, 하나의 이미지 파일을 만들게 됩니다. (참고로 RGB로 색을 표현하는 방식인 RGB 가산혼합의 메커니즘은 다음 문서 http://ko.wikipedia.org/wiki/RGB 를 참조하시길 바랍니다.)비트맵bitmap은 다른 표현으로 픽스맵pixmap이나 래스터raster 이미지로도 불립니다. 포토샵에서 벡터 기반의 레이어 오브젝트 - 예를 들면 벡터 오브젝트나 편집 가능한 상태의 글자 - 를 비트맵화 시키는 메뉴 이름이 ‘Rasterize Layer’인데, 아마 여기에서 많이 보셨을 단어일 겁니다.벡터Vector 방식은 비트맵과는 반대로 표현되는 그래픽의 형태shape들이 수학적 공식으로 이루어져 있습니다. 다시말해 벡터 방식의 그래픽은 고정된 비트맵을 가지고 있는 것이 아니라, 수학적 공식으로 이루어진 오브젝트들이 그때그때 디스플레이에 비트맵화 되어 스크린에 표시됩니다. 여기에서 좀 더 높은 퀄리티의 이미지를 만들기 위해 안티-앨리어싱anti-aliasing이라는 기술이 사용되는데, 이 부분은 추후에 더 다루기로 하겠습니다.벡터 방식의 그래픽은 다음과 같은 메커니즘으로 구성됩니다. 일단 두 개의 점point이 연결되면 하나의 선path이 됩니다. 그리고 그 선path이 세 개 이상이 되면 면을 만들 수 있습니다. 그리고 각각의 선은 두께 값과 색상 값, 곡률 값을, 면은 색상 값을 가질 수 있습니다. 이렇게 점과 선, 면의 기본적 벡터 그래픽 요소들이 모여 다양하고 복잡한 벡터 그래픽을 만들 수 있게 됩니다.비트맵 방식의 장단점비트맵은 최하위의 레벨에서 렌더링 된 고정된 형식의 이미지 포맷으로, 컴퓨터에서 해당 형식의 파일을 연산하는데 많은 효율성을 지니고 있습니다. 같은 형태의 벡터 포맷 그래픽이라면 컴퓨터에서 더 많은 연산을 수행하게 되어 하드웨어에 부담을 줍니다. 그래서 대부분의 웹사이트와 어플리케이션에서는 비트맵 이미지 기반으로 구성되어 있습니다. 하지만 최근 하드웨어의 발전으로 부담이 적어져 몇몇 사이트에서는 벡터 포맷의 이미지를 실험적으로 사용하기도 합니다.http://www.cambridgeincolour.com/tutorials/image-interpolation.htm비트맵은 최종적으로 렌더링 된 상태의 포맷이기 때문에 이미지 편집이 자유롭지 못 합니다. 그리고 해상도가 고정되어 있기에 업-스케일up-scale을 하면 퀄리티에 큰 훼손이 가며, 다운-스케일down-scale이나 회전 등의 변형 시에도 안티-앨리어싱 작업이 중복으로 적용되게 되어 이미지 퀄리티에 큰 손상이 갑니다.비트맵 이미지의 편집 툴로는 대표적으로 Adobe Photoshop이 쓰이고 있습니다. Photoshop은 현재 GUI 작업에 가장 많이 쓰이고 있습니다. Photoshop은 Drop Shadow나 Inner Shadow, Emboss 등의 Effect 효과의 퀄리티가 가장 좋기 때문에 애플과 같은 스큐어모프skeuomorph한 장식적인 GUI를 제작하기에 가장 효과적인 툴입니다. 스큐어모프skeuomorph (http://en.wikipedia.org/wiki/Skeuomorph)라는 개념은 나중에 한 번 기회를 내서 소개해 드리겠습니다.하지만 Photoshop은 많은 단점을 가지고 있습니다. 일단 레이어 기반의 이미지 편집 툴이기 때문에 작업하는 그래픽 오브젝트가 많아지면 레이어 관리가 정말 어려워집니다. 물론 레이어 네이밍과 컬러 태그 등을 통한 체계적인 레이어 관리로 어느정도 보완을 할 수 는 있지만, 이를 지키기는 정말 어렵습니다. 그리고 레이어를 관리하거나 찾고 편집하는 과정이 비직관적이어서 벡터 기반의 툴인 Illustrator에 비해 많은 노동 비용이 소모됩니다.또한 Photoshop은 Adobe의 프로그램 설계 의도가 그래픽 디자인 툴이 아닌 사진 편집 툴이기에 메트릭 체계를 다루기가 상대적으로 좋지 않습니다. 그래서 좌표나 크기dimension 기반의 디자인 작업을 하기에 비직관적인 면이 있습니다. 또한 Photoshop은 가이드의 기능이 부실하여 그래픽 디자인의 기본이라 할 수 있는 그리드 시스템을 운용하는데 있어서도 Illustrator에 비해 많은 단점을 가지고 있습니다.벡터 방식의 장단점벡터 포맷의 그래픽 편집 툴의 장점은 우선적으로 작업의 용이성을 들 수 있습니다. 벡터 그래픽은 점과, 점으로 이루어진 선, 면으로 모든 그래픽 요소들이 이루어져 있기에, 간단하게 점과 선을 수정하는 과정으로 그래픽 작업을 유지 관리하기가 정말 좋습니다. 즉, 벡터 포맷의 작업 파일이 보존되는 한 자유로운 수정이 가능합니다. 또한 작업된 벡터 그래픽을 바탕으로 언제든지 다양한 방식, 그리고 원하는 해상도의 비트맵 포맷으로 산출이 가능합니다.벡터 방식의 그래픽 편집 툴은 Adobe Illustrator와 InDesign이 많이 쓰이고 있습니다. 전자는 보통의 그래픽 디자인 작업이 목적일 때, 후자는 문서 편집과 간단한 프레젠테이션이 목적일 때 주로 많이 쓰이고 있습니다. 여기서는 GUI 디자인과 그래픽 디자인에 자주 쓰이는 Illustrator의 장단점에 좀 더 집중해 보겠습니다.Illustrator는 위에서 얘기한 벡터 포맷의 그래픽 편집 툴이 기본적으로 가지고 있는 장점 외에도 여러가지 추가적인 장점이 있습니다. 첫째로 Illustrator는 객체 지향의 편집 툴이라 복잡한 레이어 관리가 필요 없습니다. 디스플레이에 표시되는 오브젝트를 보이는 대로 선택하고 바로 편집을 할 수 있습니다. 그리고 오브젝트의 위계 관리는 포토샵의 레이어 판넬처럼 리스트 상에서 전역적으로 관리하기 보다는 오브젝트의 Arrange 기능을 이용해 상대적으로 위계를 손쉽게 관리할 수 있습니다. 또 Lock 기능과 Group 기능을 활용하여 가려져서 보여지지 않는 오브젝트를 적은 과정을 통해 효율적으로 관리할 수 있습니다.둘째로 밀리미터 및 픽셀기반의 좌표 체계를 기반으로 작업하기가 정말 편합니다. Illustrator는 포토샵과 달리 오브젝트를 선택하면 해당 오브젝트의 좌표와 크기dimension가 모두 바로 표시됩니다. 이러한 특성들은 디자인을 코드로 구현할 때 오브젝트를 선택하기만 해도 모든 정보가 나오기 때문에 개발 작업 시 매우 용이합니다.셋째로 가이드guide 기능을 통해 효과적으로 그리드 시스템을 운용할 수 있습니다. 기본적으로 Illustrator에서의 가이드는 오브젝트와 동일 취급이 됩니다. 그렇기 때문에 가이드를 쉽게 복제 및 이동하여 다른 캔버스 및 파일로 이동하여 사용할 수 있습니다. 또한 정확하게 가이드의 위치 좌표 값을 설정 가능하기에 보다 확실하게 그리드 시스템을 운용할 수 있습니다.Photoshop vs IllustratorPhotoshop과 Illustrator에는 각각의 장단점이 있습니다. 포토샵은 퀄리티가 높은 장식예술을 하기에 좋은 도구고, 일러스트레이터는 좀 더 본격적인 의미의 ‘디자인’을 하는데에 어울리는 도구입니다. 결국 디자인 과정에 있어 각 태스크의 성격에 맞는 적절한 툴을 그때그때 골라 쓰는게 가장 현명하다고 볼 수 있습니다.#스포카 #디자인 #디자이너 #포토샵 #Photoshop #일러스트레이터 #Illustrator #인사이트
조회수 1609

코인원 마이페이지가 더욱 더 새로워졌습니다 :) - 유저플로우셀 팀터뷰

웹서비스에서 나만의 서비스 이용내역과 개인정보를 확인할 수 있는 공간을 ‘마이페이지'라고 하죠. 유저들은 마이페이지를 통해 나의 상태를 체크하며 해당 서비스에 좀 더 애착을 갖기도 합니다. 이번에 코인원 마이페이지도 더욱 더 새로워지면서 애정이 가득해졌다는 유저들의 제보가 속속 들어오고 있어요!오늘은 코인원 마이페이지를 새롭게 탄생시킨 유저플로우셀 예은님, 정유님, 현진님, 종헌님과 함께 마이페이지의 모든 것을 파헤쳐보겠습니다.코인원 유저플로우셀은 트레이딩 영역을 제외한 전반적인 서비스 영역을 담당하고 있습니다. 각 서비스에 대한 유저 경로 동선을 만들고 서비스를 제공하며, 누구나 거래를 하고 싶은 코인원을 만들고 있답니다. :-)Q. 안녕하세요, 유저플로우셀 여러분. 자기소개와 함께 현재 업무를 소개해주세요!예은 : 유저플로우셀에서 서비스 기획자로 일하고 있는 지예은입니다. 저는 코인원 유저들이 겪는 문제상황과 UX트렌드 분석을 통해 기존의 서비스를 개선하고 고도화하고 있어요.정유 : 프로덕트 디자이너로 일하고 있는 이정유입니다. 유저플로우셀은 유저와 거래소를 이어주는 모든 페이지를 담당하고 있어요. 저는 기획자들과 함께 유저의 니즈를 페이지에 UI(User Interface)적으로 어떻게 반영할지 고민하고, 이를 디자인 시스템에 녹여 시각적 일관성을 전달합니다.  현진 : 프론트엔드 개발자로 불철주야 개발 중인 박현진입니다. 프론트엔드는 한마디로 코인원 프로덕트에서 실제로 유저들에게 보여지는 웹화면이에요. 저는 유저들에게 보이는 영역을 책임지며 프로그래밍하고 있습니다.종헌 : 웹 API를 담당하고 있는 백엔드 개발자 김종헌입니다. 프론트엔드가 유저에게 보이는 영역을 담당한다면, 저는 보이지 않는 곳인 백엔드에서 입출금 서비스, 거래기록, 개인정보 등 코인원의 다양한 서비스와 유저를 연결하고 있어요.Q. 이번에 마이페이지 개선이 대대적으로 진행되었습니다. 어떤 계기와 방향성으로 개선하게 되었나요?예은 :  마이페이지 개선은 유저의 고충을 파악하기 위한 코인원 고객센터 인터뷰에서 시작되었습니다. 거래소 이용에 필요한 인증, 계정 보안에 대한 관리가 익숙하지 않은 유저들의 ‘페인 포인트(Pain Point)’를 발견했거든요. 서비스 기획자, 디자이너, 개발자가 함께 모여 UI나 정보로 사용자에게 도움을 주고 CS비용을 최소화 할 수 있는 방법을 고민하기 시작했습니다. 우선, ‘마이페이지'는 코인원 서비스를 이용하는 유저 개개인을 챙겨주는 공간이라고 생각합니다. 이번 개선 과정에서 가장 중점을 둔 부분도 ‘고객을 챙겨주는 마이페이지' 경험을 전달하는 것이었어요. 이렇게 설정된 방향성에 따라 유저들의 상태별로 필요한 상황을 안내하도록 구성했습니다. 한마디로 ‘유저 맞춤형 마이페이지’로 진화한겁니다!▲ 더욱 더 새로워진 코인원 마이페이지정유 : 이전의 마이페이지는 엉켜있는 플로우로 인해, 유저가 어떤 상태인지, 어떤 인증과정을 거치고 있는지 인지하기가 힘들었습니다. 목적을 달성하기 위해 마이페이지에 접속했지만 목적 달성을 끝마칠 수 없었죠. 먼저 흩어져 있는 기능, 정보, 구조들을 그룹핑하며 플로우를 개선하는 작업을 시작했어요. 아이데이션 과정을 거치면서 마이페이지를 ‘내 서랍, 내 방' 등 나만의 정체성을 확인할 수 있는 키워드로 정의했습니다. 그리고 키워드를 확장시켜 ‘나의 데이터'를 한 눈에 관리할 수 있는 대시보드 형태의 디자인을 지향하게 되었어요. 결과적으로 현재 마이페이지에는 나의활동, 개인정보관리, 인증단계 총 3 개의 탭으로 위계를 설정했습니다. :D▲ 코인원 거래소 인증단계가 훨씬 간편해졌습니다!Q. 기술적으로는 어떤 변화가 있었을까요?현진 : 마이페이지를 포함해서 코인원 웹 프로덕트에 기술부채(Technical Debt)가 조금씩 쌓여 있었어요. 이 부분을 덜어내기 위해 마이페이지를 개선하면서 ‘기획/디자인/개발’ 삼박자로 변화를 주는 리빌딩(Re-building)을 진행했습니다. 덕분에 기술적으로 관리 포인트가 많이 줄었어요. 이제는 웹 유지/보수가 좀 더 용이하게 되었답니다.종헌 : 그 동안 코인원 웹은 하나의 비대한 서비스로 운영되었습니다. 하나의 서비스가 덩치가 점점 커지다 보니 개발자가 서비스 로직을 온전히 이해하기 어려웠어요. 웹을 유지하고 보수하거나, 새로운 기능을 추가하는 것도 쉽지 않았습니다. 그래서 하나의 비대한 서비스를 여러 개의 작은 서비스로 나누는 작업인 리빌딩을 진행했어요. 여러 작은 서비스로 분리하고 책임 영역을 나누면서 서비스 로직에 대해 제대로 이해하고 체계적으로 코드를 작성할 수 있게 되었습니다.    Q. 마이페이지 개선 전과 후, 달라진 점을 말씀해주세요.예은 : 코인원 마이페이지는 이전보다 유저들에게 더욱 친근하게 다가가고 있습니다. 마이페이지의 콘텐츠가 유저의 상태에 맞춰 변화하며, 유저마다 다음 인증 과정이나 활동 내역을 다르게 안내합니다. 유저가 기능을 먼저 찾지 않아도, 마이페이지가 길을 찾아주는 가이드의 형태를 띄고 있어요.또한 인증단계 별로 수수료나 회원등급이 달라지는데, 유저들이 하나하나 가이드를 보며 찾아볼 수는 없다고 생각해요. 한눈에 자신의 상태를 파악할 수 있도록 UI를 활용하는 것이 중요한 부분이죠. 마이페이지의 개선된 UI로 유저가 코인원의 서비스 정책을 한층 더 깊게 이해하는데 도움이 되었으면 해요.정유 : 유저가 코인원 프로덕트와의 관계성을 인지할 수 있는 디테일들이 추가되었습니다. 가장 대표적인 예시로는 ‘코인원과 함께한 지 000일째 입니다.’라는 문구가 있겠네요. 코인원 유저들에게 ‘챙겨준다'라는 느낌을 전달하기 위해 정말 많은 회의와 아이데이션을 거쳤습니다. 그 과정 중 나왔던 아이디어인데 이번에 반영하게 되었어요. ‘제품’보다는 ‘서비스'로서 느껴질 수 있도록, 대화하는 느낌을 잘 살려주는 포인트이기에 매우 뿌듯했죠.▲ 심...심쿵....!!!!!현진 : 개발자 입장에서 바라봤을 때, 페이지 애니메이션이 가장 좋았어요. 페이지 애니메이션은 웹페이지가 다른 웹페이지로 이동할 때 발생하는 애니메이션을 말합니다. ‘툭' 하고 넘어가는 것이 아니라 ‘sha~(?)’ 하게 넘어가는 느낌이라고 할까요. 페이지와 페이지 사이가 하나의 관계성을 가지고 넘어가게 됩니다. 유저들은 ‘암호화폐 거래소에서 마이페이지에 이런 디테일한 부분까지 신경쓰고 있구나’를 느낄 수 있을거에요. 또한 에러메시지, 경고메시지와 같은 피드백 인터랙션도 정교해졌어요. 사용자와 교감할 수 있는 쪽에 코인원만의 감성이 잘 버무려졌습니다.종헌 : 이전의 코인원 프로필 서비스는 사용빈도가 높지는 않았어요. 그라바타(Gravatar)라는 외부서비스를 사용했는데, 이것을 사용하지 않는 유저들에게 친숙하지 않았거든요. 이제는 코인원에서 프로필 이미지를 정해두고 원하는 이미지로 클릭해서 쉽게 변경할 수 있게 설정했어요. 참고로 프로필 이미지를 설정하는 것이 보안측면에서도 좋습니다. 예를 들어, 은행에서는 프로필 이미지를 설정하면 바로 내가 사용하는 계정인지 아닌지를 알 수 있어요. 코인원에서도 프로필 이미지를 설정하면 내가 가입한 계정인지 아닌지 식별이 가능합니다.▲ 프로필 사진 설정 기능도 많이 이용해주세요 :)Q. 마이페이지의 개선 작업 과정에서 많은 고민이 있으셨을 것 같아요. 가장 중점적으로 생각했던 부분이 있었나요?정유 : 가장 중점이 되었던 부분은 서비스를 이용하는 유저 개개인의 상태를 반영하는거였어요. 유저별로 동일한 정보가 아닌 맞춤형 정보를 제공하기 때문에 한 페이지 안에 들어가는 정보의 위계가 상태값에 따라 계속 변하는 것이 관건이었습니다. 예를 들어, 마이페이지에는 나의 정보를 업데이트하기 위한 많은 버튼들이 들어갑니다. 그럼 유저 케이스별로 중요한 정보를 바꿔보면서 어떤 버튼이 가장 위계가 높은지 고민하고 계산해요. 이러한 과정을 거치면서 유저의 상태값을 쉽게 알려주고 변경할 수 있는 디자인이 완성되었습니다. 예은 : 기존부터 유저 인터뷰를 진행하며 ①신규 유저 ②타사 이용 유저 ③거래소 이용에 문제를 겪고 있는 유저 ④코인원을 오래 이용해준 고마운 유저 케이스까지 다양한 상황에 놓여있는 유저들에게 만족스러운 UX 경험을 드리기 위해 고민해왔습니다. 특히 운영지원셀과 코인원 고객센터 CS로 인입되는 주요 인터뷰들을 중점적으로 수집하여 인증과정에 문제가 되는 것들을 모아서 개선회의를 해왔어요. 이외에 마케팅, 프로덕트쪽도 함께 서비스를 제공하는 공급자 입장에서의 니즈도 취합해 마이페이지에 반영할 수 있었습니다.▲ (절대 설정샷 아니에요) 훈훈하게 회의중인 유저플로우셀!Q. 혹시 개선된 마이페이지를 이용한 코인원 고객들의 후기도 있었나요?예은 : 개선된 마이페이지로 바뀐 지 얼마되지 않아, 유저의 피드백을 직접적으로 접하지는 못했어요. 대신 정량적인 부분에서 여러 수치들이 올라간 것을 확인할 수 있었습니다. 대략적으로 재방문자의 UV(Unique Visitor)수가 개선 전과 대비해서 약 70%정도 크게 증가했습니다. 이전에는 회원가입을 끝마치고 인증과정 중에 페이지를 이탈한 유저도 보였지만, 개선된 후에는 마이페이지 탭 이용빈도가 크게 올라갔습니다. 마이페이지가 좀 더 원활한 거래소 서비스 이용을 위한 가이드 역할을 해주길 기대하면서, 지속적으로 니즈를 관찰하고 개선해 나갈 예정입니다.Q. 마이페이지 이외에도 기억에 남는 유저플로우셀의 프로젝트가 있나요?예은 : 코인원의 수익현황을 한 눈에 볼 수 있는 자산탭이 기억에 남아요. 그 동안 코인원 유저들이 수익률을 확인할 수 있는 기능을 많이 요청했었는데, 팀원들이 함께 고민하여 새로 개편한 기능이라서 그 의미가 컸어요.정유 : 저는 실질적으로 프로젝트에 돌입하기 전에 진행했던 코인원 유저 인터뷰가 가장 기억에 남아요. 인터뷰 내용이 개선점으로 가득찰 줄 알았는데, 응원의 목소리를 전달해주셨거든요. 더 열심히 UI 디자인을 해야겠다는 의욕을 불타오르게 해주었어요!현진 : 코인원 웹프로덕트를 사용하시는 분들이 눈치 채셨는지 모르겠지만, 마이페이지 이전부터 진행해왔던 리빌딩 프로젝트(랜딩, 거래소, 프로차트, 코인원 톡 등)들이 기억에 남아요. 사실 마이페이지 이전 리빌딩 프로젝트들은 기술적으로만 접근하다보니 우여곡절이 많았어요. 그래도 마이페이지 리빌딩은 업무적으로도 많이 배우고, 기술 뿐만 아니라 전체적으로 변화한 것이 보여 저 또한 성장하는 시간이었습니다.종헌 : 이외에도 유저플로우셀은 UX개선을 여러 프로젝트와 함께 진행하고 있습니다. 정신없긴 하지만 개발요소도 새롭고 다이나믹한 것이 많아서 즐겁게 하고 있습니다!▲ 화기애애하게 UI 시안을 보고 있는(?) 유저플로우셀Q. 코인원에서 디자이너 그리고 개발자로 일하는 큰 장점은 무엇인가요?예은 : 코인원에선 셀마다 다른 직무의 인원들이 빠르게 소통하여 의사결정하는 목적조직 형태로 일합니다. 중간중간 기획리뷰, 디자인리뷰 과정을 거치면서 더 꼼꼼하게 일하고, 다른 직무에 계신 분들의 작업도 공유하고 있어요. 거래소에서 일어날 수 있는 다양한 문제 상황을 긴밀하게 대응하고 있죠.정유 : 현재 코인원은 ‘셀(Cell)’이라는 목적조직 형태입니다. PM, 개발자, 디자이너가 한 조직에 속하다보니 Output 나오는 속도가 매우 좋아졌습니다. 또한 여러 직군이 함께 팀웍을 맞추다보니 서비스를 다양한 각도에서 바라볼 수 있고, 이는 디자이너로서 서비스 이해도를 높이는데 굉장히 좋은 환경이라고 생각해요.  종헌 : 코인원은 개발자도 기획 단계부터 적극적으로 참여하여 프로젝트를 설계하고 있습니다. 이로 인해 개발을 하다 예기치 않은 변수가 생기는 일이 거의 발생하지 않아요. 또한 정기적으로 회고를 하며 프로세스의 문제점을 도출해내고, 개선을 위해 다양한 시도를 해볼 수 있다는 것도 장점입니다. 현진 : 현재 코인원 기술본부는 트렌디한 기술을 곳곳에 사용하고 있어요. 기술에 민감하게 반응하는 프론트엔드 개발자분이 코인원에 온다면 기술적으로 매우 만족하실거에요. Q. 앞으로 이루고 싶은 목표는 무엇인가요?예은 : 암호화폐 거래소는 UX를 기획하기에 매우 도전적인 분야입니다. 블록체인 기술이 곳곳에서 화제가 되고 있지만, 아직 업계의 워딩이나 사용에서의 유저 친화적 성숙도가 높지 않은것 같아요. 앞으로의 목표는 누구나 쉽게 거래할 수 있는 암호화폐 거래소를 만드는 것입니다. 점점 더 발전하는 코인원의 모습을 많이 기대해주세요!정유 : 코인원 UI에는 아직 블록체인 공급자적 시선이 많이 담겨있어요. 예를들어, 개발자가 아니면 이해하기 어려운 용어나 UI가 남아있는 부분이 있거든요. 이를 디자인적으로 해소하고 싶습니다. 유저가 갖고 있는 암호화폐 거래 장벽을 낮추고, 코인원의 가치가 잘 반영된 프로덕트를 만드는 것이 목표에요. 종헌 : 코인원에서는 트레이딩 이외에도 여러가지 서비스들을 유저에게 제공하는 다양한 시도를 하고 있어요. 저는 다양한 서비스들을 연결하면서 서비스의 안전장치를 견고하게 쌓아올리고 싶네요. 장애 발생에도 끄떡없는 안정적인 코인원을 유저에게 선보이고 싶습니다.현진 : 대한민국에서 적어도 사용성 1위 암호화폐 거래소를 만들거에요. 유저플로우셀에서 마이페이지 이후에도 많은 프로젝트를 준비하고 있거든요. 매주(?) UX가 점차적으로 개선되는 코인원 거래소의 모습을 확인할 수 있을 거에요. 마지막으로 꼭 하고싶은 말이 있는데, 코인원에 많은 개발자분들이 지원해주셨으면 좋겠어요. 아직 업계에 부정적인 인식이 강하지만, 블록체인이 발전하는 과정을 보며 점차 해소될거라고 믿어요. 기술적으로 발전할 가능성이 무궁무진한 곳이니 기술적인 욕심을 채우고 싶은 분들, 함께 성장하고 싶으신 분들 코인원으로 오세요!▲ 코인원 유저플로우셀 많이 기대해주세요!무엇보다도 긍정적인 에너지로 가득찼던 유저플로우셀의 인터뷰를 들어봤어요.코인원 마이페이지에 큰 변화를 가져온 활기찬 에너지, 다들 느끼셨나요?마이페이지 이후에도 다양한 프로젝트를 준비하고 있는 유저플로우셀. 곧 코인원 웹 거래소를 사용하면서 UX적으로 편리한 사용성을 경험할 수 있을겁니다.끝으로, 특별한 문화를 경험할 기회! 코인원 채용에 함께하는 것도 잊지 마세요 :-)
조회수 3149

14. 어니스트펀드 로고 제작 스토리

얼마 전 ‘어.바.시’에서 어니스트 팀에게 어니스트펀드 로고 제작 스토리와 디자이너의 프로젝트 진행과정에 대해서 들려드렸다. 디자인에 관심이 많은 몇몇 팀원에게는 어니스트펀드 로고의 의미에 대해서 알려드린 적이 있지만, 팀 전체에게 설명할 기회가 없었다. 그래서 이번 어.바.시를 통해 로고의 정확한 의미를 설명하고 우리의 본질이 무엇인지 한 번 더 되짚어보는 시간을 가졌다.‘어.바.시’는 한국형 TED라고 불리는 ‘세.바.시(세상을 바꾸는 시간)’에서 따온 이름이다. 하지만 나는 어.바.시를 ‘어니스트하게 바뀌는 시간’으로 새롭게 풀어내고 나의 생각을 정직하게 이야기할 수 있는 자리로 만들었다. 어.바.시에 대한 설명을 간단하게 덧붙이자면 ‘개인과 팀의 성장을 위해 개인이 알고 있는 지식을 공유하는 자리’로, 짧게는 매주에 한 번 씩 팀원들이 돌아가며 어.바.시를 빛내주고 있다.<어니스트펀드의 가장 핫한 공간 agora에서 열린 어.바.시>어니스트펀드가 세상에 나타나기 전, 우리는 무수히 많은 고민을 하고 또 했다.“우리가 만들고 싶은 브랜드는 어떤 모습일까?”“우리가 가장 잘할 수 있는 본질에 집중하자!”그렇게 브랜드의 본질이 되는 ‘정직’이라는 키워드가 수면 위로 올라왔고, 우리는 ‘어니스트펀드’라는 본질에 집중하지 않을래야 않을 수 없는 브랜드 네이밍으로 출발선 너머에 발을 내딛었다.내딛은 첫 발이 브랜드 네이밍이라면 다음으로 내딛을 발은 브랜드의 얼굴인 로고 디자인일 터.<루피가 염원하는 프라다(좌)와 우버(우)의 이미지>“프라다같이 고급스럽고 세련된 느낌이면서 동시에 우버처럼 모던하고 간결한 이미지가 좋겠다!” 루피(서상훈 대표 영어 이름)는 정직(Honest)이라는 키워드 하나만으로 로고 디자인이 어려울까 봐 어마어마한 도움(?)말을 건네 왔다.바를 정(正)자를 고급스럽고 세련되게 획을 그어 모던하고 간결한 이미지의 로고를 디자인하려다가 참았다.난감했다. 정직이라는 추상의 끝판 키워드와 어니스트펀드(HonestFund)의 짧지 않은 브랜드명을 어떻게 하면 잘 풀어낼 수 있을까…1. 활용도를 고려하다멋진 로고를 기대하며 나를 바라보던 팀원들의 눈빛이 아직도 선하다. 그 눈빛들을 저버릴 수 없기에 나는 고민하고 또 고민했다.우선 어니스트펀드라는 브랜드가 어떻게 운영될지 생각해보았다. P2P금융의 핵심은 ‘온라인 플랫폼’이다. 거품 없는 효율적인 금융시스템을 만들기 위해서는 온라인 플랫폼이 정답이다. 그렇다면 고객들과의 소통이 대부분 온라인상에서 이뤄질 텐데, 각기 다른 온라인 환경(ex. 브런치, 페이스북, 자사 웹사이트 등)에 적용할 수 있는 로고가 필요하겠다는 생각이 들었다.그리고 어니스트펀드는  두세 글자의 간편한 브랜드명이 아니기에 한눈에 어니스트펀드를 전달할 수 있는 상징적인 무언가가 필요했다. 그래서 시의적절하게 사용 가능함과 동시에 상징적인 의미를 담을 수 있는 심볼을 가진 시그니처 타입(Signature Type)을 선택했다.<심볼과 로고타입, 시그니처 타입에 대한 설명>2. 심볼(Symbol)에 의미를 담다HonestFund의 약자인 HF를 활용해 심볼을 디자인했다. 앞서 말했던 것처럼 우리의 본질이 너무 추상적이어서 이미지화시키기 쉽지 않을뿐더러, 비교적 긴 브랜드명(대부분의 게임에서도 여섯 글자까지 ID길이를 제한하지 않던가…!)이기에 줄여서 표현할 수 있는 약자가 필요했다. HF도 H와 F의 대소문자 조합을 어떻게 하느냐에 따라 각기 다른 스토리로 심볼을 풀어낼 수 있다.<핀터레스트에 HF logo를 검색했을 뿐인데… 이렇게 다양한 로고가 존재하다니…!>HF, hf, Hf 정도로 추려내고 어떤 스토리를 심볼에 담을까 고민했다. 우리가 하고 싶은 이야기는 무궁무진했지만 간결하고 직관적인 스토리로 압축해야 했다. 가령 우리가 무슨 일을 하려는 지 1분 내의 짧고 굵은 설명이 필요한 것처럼 말이다. 새로운 중・저금리 시장, 대출자와 투자자의 효과적인 연결, 혁신적인 기술 바탕의 플랫폼… 이것들을 정직이라는 본질로 이뤄내는 것이 우리 스토리 핵심이다.2-1. 크리에이티브한 여정HF, hf, Hf를 그리고 또 그렸다. 스케치를 보자니 이것들이 알파벳인지 외계어인지 알아볼 수 없을 정도로 춤을 추고 있었다.필자는 극심한 창조활동을 하거나 철야를 하면 방언이 터지는 버릇이 있다. 이 상황을 즐기지 않으면 답이 없다는 것을 본능적으로 느끼는 것인지, 체력적으로는 고되지만 이 순간을 즐기려고 노력하는 아우성인 듯하다. 마치 어린아이들에게 그림을 그리며 설명하듯 hf를 그리며 우리의 브랜드 스토리를 중얼거렸다.< 아 지난 날 의식의 흐름이여… Adios…!>그러다가 거짓말처럼 뇌리에 스쳐 지나간 스케치가 있었는데 그게 바로 지금 로고의 초안이 되리라고 상상이나 했겠는가…2-2. Story Visualizationhf에 새로운 중저금리 시장에 혁신적인 기술을 바탕으로 대출자와 투자자를 효과적으로 연결해준다는 스토리가 담긴다면 어떨 것 같은가? 저 가늘고 작은 소문자 2개에 묵직한 스토리를 담아낸 다는 자체가 과해 보일 수 있지만, 너무나 완벽하고 깔끔하게 맞아떨어졌다. 중얼거리며 한 낙서(?)가 로고의 결정적인 키 비주얼(Key visual)을 안겨준 셈이다.2-3. hf심볼에 담긴 의미h의 세로획은 대출시장 범위를 상징한다. 위로 올라갈수록 고금리 시장을 의미하며 밑으로 내려올수록 저금리 시장을 의미한다. 어니스트펀드는 대출시장의 거품을 제거하여 중・저금리시장을 선도하기 위한 서비스이기에 비교적 밑에 포지셔닝된다.정직한 중・저금리시장을 만들기 위해서는 우량 대출자 모집부터가 시작이다. 대출자를 의미하는 ‘하단의 점’은 곧 어니스트펀드 서비스의 출발점을 의미한다. ‘상단의 점’은 투자자를 의미하는데, 하단의 점이 상단의 점까지 이어지면서 ‘대출자에게는 더 낮은 금리(Low point)를, 투자자에게는 더 높은 수익률(High point)을 제공’한다는 스토리를 그려낸다.f의 가로획은 대출자와 투자자가 연결되는 스토리 위에 위치하는데 이것이 바로 ‘어니스트펀드 플랫폼’을 의미한다.대출자와 투자자를 연결하고 금리의 거품을 제거하기 위해서는 비즈니스 모델이 필요하다. 어니스트펀드는 혁신적인 기술력을 바탕으로 금융시스템을 변화시켜 나갈 금융 플랫폼이다.3. 보도니(Bodoni)로 쓴 HonestFund< 보도니 서체는 ‘보그(VOGUE)’ 잡지 타이틀 서체로도 유명하다. >보도니 서체는 학부시절 디자인사 수업시간에 처음 알게 됐다. 보도니는 대표적인 모던 스타일 서체로 ‘가로 획과 세로획의 대비가 뚜렷한 매력적인 서체’라는 정도만 기억하고 있었다. (‘보도니’는 영어 서체의 이름이다. 흔히 알고 있는 맑은고딕, 나눔고딕처럼 ‘맑은’, ‘나눔’과 같은 서체의 이름이다.)< 수직선과 수평선의 조화가 아름다운 보도니로 쓴 어니스트펀드 >HonestFund 로고타입(위 그림에서 설명했듯이 로고 구성에 있어서 hf가 심볼이라 한다면, HonestFund는 로고타입이라고 한다.)에 쓰일 서체는 어떤 것이 좋을까 고민하다가, 수평・수직의 조화가 어니스트펀드의 ‘정직함’을 함의할 수 있지 않을까 하여 보도니 서체에 대해 조금 더 자세히 알아보았다.3-1. 보도니와 디돈양식(Didone Style)보도니 서체에 대해 설명할 때 크게 강조되는 부분이 두 가지가 있다. 하나는 앞에서 간단하게 언급한 ‘모던스타일’, 그리고 다른 하나는 ‘디돈양식’이다. 모던스타일(Modern Style)은 가로・세로 획의 선 굵기가 강한 대비를 이루고, 기존의 펜글씨와 명확한 차이점을 나타내는 현대적 서체 양식을 말한다.< 보도니와 흡사한 디도(Didot) 서체(좌), 그리고 활자를 찍어내는 모습(우) >디돈양식(Didone Style)은 대표 서체인 디도(Didot)와 보도니를 결합한 이름이다. 18세기 수학적 형태와 비례미를 반영하여 완성한 ‘킹스로만체(King’s Roman)’를 기본으로 삼은 양식으로, 기존의 서체들보다 기하학적이고 수학적 원리를 훨씬 더 끌어낸 서체가 바로 보도니다. 이것이 가능했던 이유는 질 좋은 종이 개발과 활자 조각기의 정교화, 인쇄용 잉크의 고급화 등 인쇄술 발달로 얻어낸 결과이기 때문이다.3-2. 보도니가 가진 역사와 정신을 취하다< 글자 획 끝의 유무를 가지고 산 세리프체(위)와 세리프체(아래)를 구분한다. >보도니 서체를 알아가면서 우리가 추구하는 브랜드 방향성과 맞닿아있는 부분이 많다는 것을 느낄 수 있었다.세리프체(명조체)의 클래식한 아름다움과 산세리프체(고딕체)의 군더더기 없는 깔끔함이 동시에 느껴지는 서체로 유명한 보도니는 기존 금융권들이 가지고 있는 묵직함과 핀테크 기업의 심플한 매력을 동시에 담기에 충분한 서체다. 수학적 원리로 그려지는 보도니가 보여주는 정교한 이미지 또한 우리가 취해야 하는 정직과 맞닿아 있었다.< 수학적 원리를 바탕으로 그려지는 보도니 서체와 나란히 쓰일 수 있도록 심볼 디자인 역시 논리적으로 그려내기 위해 좋은 비율을 철저하게 구상했다. >보도니는 발전시킨 인쇄술로 타이포그래피 역사의 큰 획을 그었고, 어니스트펀드는 혁신적인 기술력을 바탕으로 금융시스템을 변화시킬 것이다. 어니스트펀드도 보도니처럼 혁신적인 기술로 금융계에 큰 획을 그을 것이다.4. 맺으며어니스트펀드는 혁신적인 플랫폼을 지향하기에 급변하는 ‘대 온라인시대’의 물살을 잘 타야 한다. 구글이 아이덴티티를 리뉴얼하여 발전시키 듯, 우리도 시의적절하게 브랜드를 조금씩 발전시켜 나갈 것이다. 훗날 로고의 형태에서는 초심으로 머릿속에 그려낸 어니스트펀드의 큰 그림이 보이지 않을지도 모르겠다.브랜드를 반으로 나눈다면  ‘변해도 되는 것’과 ‘변하지 말아야 할 것’으로 나눌 수 있다. 로고 디자인은 그 시대 사정에 맞게 변할 순 있지만, 우리가 만들고자 했던 새로운 중・저금리 시장, 그것을 혁신적인 기술로 선도하는 모습, 그리고 누구나 정직하고 싶지만 아무나 정직할 수 없다는 것을 알기에  우리가 직접 만들고자 한 ‘정직한 금융’은 변하지 말아야 할 모습이다.금융과 IT를 결합하여 기존의 대출·투자 경험을 혁신하는 P2P금융 스타트업, 어니스트펀드의 이야기가 연재될 팀 브런치에 많은 관심 부탁드립니다.어니스트펀드에 대해 더 알고 싶으시다면, 어니스트펀드 홈페이지를 방문해보세요.#어니스트펀드 #디자인 #로고 #로고디자인 #인사이트 #디자이너 #CI #CI제작 #성장 #후기
조회수 959

마케터가 알아야할 Amazon Go가 몰고올 변화

https://www.youtube.com/watch?v=NrmMk1Myrxc<iframe width="700.000000" height="394.000000" src="//www.youtube.com/embed/NrmMk1Myrxc" frameborder="0" allowfullscreen="">어제 밤부터 오늘 오전 내내 아마존고 출시 소식으로 전 세계가 떠들석 했다. 이로인해 몰고올 엄청난 파장이나, 기술적 백그라운드에 대한 글들이 쏟아졌다. 이번 글에서는 마케터의 관점에서 아마존고가 몰고올 변화를 주목해 보고자 한다. 이 글은 정근호님의 브런치 글과 함께 읽어보면 더 재밌을 것이다.1. In-Store Analytics 리서치 분야의 변혁옛날 유명했던 책이 하나 있다. 바로 파코언더힐의 쇼핑의 과학 (Science of Shopping). 1999년에 출간된 이 책으로 인해 리테일 업계에서는 In-Store Analytics가 일대 유행을 하기도 했다 (사실 그 전부터 존재하던 분야였지만 이 책으로 인해 수많은 마케팅 관리자들의 관심을 불러일으켰기 때문으로 봐야겠죠). 이 분야는 빅데이터와 센서, 페이스 디텍팅, 입자분석, 심리조사 등등 기술스텍이 매우 높은 전문분야에 해당하는데, 이미 IBM, 아마존 등에서는 솔루션화해서 컨설팅하고 있는 분야이다.아마존고에 사용된 기술은 이 방대한 영역의 리서치 툴이 무색해질 정도로 간단하게 저 In-Store Analytics가 가능해 질 것이다. 예를들면 다음과 같은 형태의 실시간 트래킹이 가능해 지는 것이다.1) 소비자 동선중에 선반에 손이 가는 지점2) 각 매대의 소비자 funnel (유동인구 대비 환기율, 환기대비 픽업율, 픽업대비 구매고려율, 최종구매율 등등) 분석3) 소비자 타겟별 행동 분석 (인구통계적으로 인기있는 품목이나 컨버젼 높은 상품들)4) 매대전환율 분석 (어떤 제품들이 빨리빨리 빠져나가는지, 객단가별로 컨버젼은 어떻게 나오는지 등등)본인이 저 분야에는 지식이 미천해서 저것밖에는 나열을 못했지만 예상하기로 수십가지의 초 고난이도의 In-Store Analytics가 아마존고에서는 초 심플하게 행해질 것이다. 이게 가능한 이유는 바로 1) 소비자가 이미 앱에 가입되어있는 아마존 프라임 멤버이기 때문에 매장 진입순간부터 그 사람이 누구인지 마크가 가능하고, 2) 소비자가 이동하는 동선이 실내측위법과 앱 데이터로 트래킹 가능할 것이며, 3) 스마트폰 센서로 소비자가 현재 어떤 행동을 하는지 (빠르게 이동중, 천천히 이동중, 멈춤, 턴, 되돌아가기 등등)가 측정 가능하며, 4) 제품이 픽업되고 카트에 담겼다가 구매 전에 취소되고, 구매 후에 취소되고, 구매가 완료되는 등등의 결과값들이 계정별로 쌓이는 구조이기 때문이다.2. 인스토어 마케팅의 자동화현재 매장 내 주요 마케팅 툴들은 다음과 같다.1) 1+1이나 가격할인, 묶음할인 등의 할인제품 태깅2) 상설 할인매대 운영3) 매대 엔드존 운영 (할인행사, 강조제품 등)4) 각종 디스플레이 광고5) 시식 등의 사람이 직접하는 세일즈 프로모션위와 같은 마케팅 툴이 소비자 반응에 의해 자동으로 변경, 최적화, 연장, 축소등등이 가능해지는 매장을 상상해 보자. 예를들면 각 제품별 전자디스플레이에 소비자 반응 및 컨버젼에 따라 할인행사가 변칙적으로 적용되고, (우리나라는 시식때문에 사람이 꼭 필요하지만 미국에는 시식행사 별로 못본것 같아요) 사람이 필요 없이 앱과 디스플레이를 통해 실시간 타임세일이나 묶음 세일등을 운영하는 등의 인스토어 마케팅 자동화를 통해서 엄청난 비용을 절감하고 소비자 반응에 맞춰 빠르게 마케팅 툴을 적용할 수 있게 되는거다. 매장을 운영해보신 분들은 알겠지만, 매장에서 행사 하나 진행하는게 얼마나 까다로운지, 스토어 VMD가 마케팅 계획에 따라 얼마나 번거롭게 적용되는지 아실거다. 이런 부분에 일대 혁신이 가능해 지지 않을까.3. 옴니채널의 유의미한 발전이건 위에 언급한 정근호님 글에도 나와있듯이, 아마존고의 시도는 옴니채널 분야에 유의미한 발전을 가져올 거다. 사실 옴니채널이 화두가 된지 벌써 5년이 넘었지만 그간 유의미하게 발전됐다 싶을 사건은 크게 많지 않았다. 대부분이 그저 오프라인 체험과 온라인 구매 사이를 연결하는데에만 초점을 맞춰오거나, 홈플러스 등과 같은 리테일러들은 재고를 모바일 쇼핑 채널과 연동시켜서 모바일 세일즈와 오프라인 세일즈를 적절히 융합시키는 정도에 그쳤었다. (물론 이게 낮은 수준의 변화라고 얘기하는건 절대로 아닙니다. 세간에 화두가 된 것에 비해 실제로 리테일 분야는 보수적이고 고난이도의 영역이라서 실용적 접근이 어려웠다는걸 얘기하는거죠)아마존고 스토어에서는 진정한 옴니채널의 발전을 가져올 다음과 같은 변화가 예상된다.1) 아마존고의 오프라인과 아마존대시의 온라인이 융합하여, 소비자는 정기상품들을 기존대로 아마존대시에 태깅해놓고 정기구독할 것이고, 퇴근길에 잠시 아마존고를 들러서 신선식품 등 아마존대시가 커버 불가능한 영역의 쇼핑을 해결할 것이며, 아마존고에서 중복 구입한 상품들은 자동적으로 정기주문건에서 정산되어 굳이 소비자가 복잡하게 온/오프라인 카트를 직접 관리하지 않아도 되는게 가능해 진다.2) 아마존고에서 측정되는 오프라인 행태와 온라인데이터가 결합하여 드디어 한 개인의 온/오프라인 연결 데이터 분석이 가능해 진다. 이 연결데이터로 지금까지와는 다른 전혀 새로운 형태의 옴니채널 마케팅 기법이 개발될텐데, 구체적으로 어떤 모습의 마케팅 기법이 될지는 좀더 고민해 봐야 겠지만, 포인트는 지금처럼 단순히 1+1, 제품할인 등에 머무르는 세일즈 프로모션은 아닐거라는거다.3) 만일 아마존고가 데이터를 오픈하거나 솔루션화해서 거래할 경우, 브랜드 및 제조사들은 기존에 리테일러를 거치지 않고서는 얻기 힘들었던 고객 접점 데이터를 쉽게, 실시간으로 접근 가능해지기 때문에 그들의 제품전략, 마케팅전략 역시 옴니채널에 기반해서 움직일 것이다. 이 부분은 솔직히 내공이 부족해서 어떤 그림일지 구체적으로 묘사는 힘들어서, 다른 분들의 다양한 의견 부탁드린다^^;;지금까지 아마존고가 불러올 다양한 변화에 대해 마케터의 관점에서 하나씩 풀어봤다. 쓰고나니 소설같은 이야기들도 많아보이지만, 어디까지나 한 개인의 의견일 뿐이니 잘 수렴해서 읽어주시고, 중요한건 아마존의 이 담대한 실험은 비단 테크업계의 일이 아니라 오히려 마케터들에게 더 직결되는 변화를 가져올거라는게 내 생각이다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기
조회수 1691

개발자 커리어 전환기1| 하드웨어 개발자, 소프트웨어 개발자가 되기로 마음먹다.

개발자는 도대체 어떻게 되는 거고 누가 되는 거야?코드스테이츠가 가장 많이 받아온 질문 중 하나입니다. 그래서 준비한 특급 연재! 개발자 커리어 전환기! 매주 Immersive를 수강하고 있는 수강생 한 분과 인터뷰해서 어떻게 개발을 시작하게 되었는지, 또 현재 무엇을 배우고 있는지에 대한 인터뷰를 포스팅하려고 합니다.아무것도 모르는 비전공자 출신 분들이(물론 전공자 분도 계십니다!) 개발자가 되어가는 과정을 생생하게 보실 수 있습니다. 그럼, 첫 번째 포스팅의 주인공 이야기를 시작하겠습니다.코드스테이츠 코딩 부트 캠프, Immersive 6기 과정이 시작되었습니다. 지난 5기 데모데이를 들뜬 마음으로 지켜보던 Pre-course 수강생들이 어느덧 새로운 Immersive 과정의 주인공이 되었는데요.오늘은 하드웨어 개발자 출신으로서 커리어 전환을 위해 코드스테이츠를 찾아온 6기의 전한길님을 만나봤습니다. Q) 한길님 반갑습니다. Precourse 수료를 축하드리며 간단한 자기소개 부탁드려요.- 안녕하세요! 전한길입니다.Q) 정말 간단하네요! 보통은 인터뷰어를 위해 좀 더 길게 합니다만...- 아... 전 대학에서 전자공학을 전공했고요. 어쩌다 보니 전자회로 설계일을 하게 되었어요. 원래는 소프트웨어 쪽에 관심이 있었는데 하드웨어 쪽으로 일을 했습니다. 사실, 당시에는 집 가까운 회사를 찾다보니..(웃음) 어쨌든! 커리어 전환을 위해 코드스테이츠에 오게 되었습니다.Q) 원래 이쪽에 관심이 있으셔서 소프트웨어 엔지니어로 커리어 전환을 하시는 건가요?- 자신만의 기술을 가질 수 있다는 점이 좋아서 소프트웨어 엔지니어를 하기로 결심했어요. 저는 회사생활을 6년 동안 했는데요. 하루하루 똑같은 업무와 일상이 지루하더라구요. 직급이 올라간다고 해서 더 나아질 거 같지도 않았고...사실 깊이 생각하는 성격이 아니에요. 무작정 회사를 나와서 고민했죠. 그러다가 "나만의 기술을 가질 수 있는 매력적인 직업을 갖자"는 저만의 원칙을 고수한 끝에 소프트웨어 엔지니어가 되기로 결심했어요.Q) 그러면 특별히 코드스테이츠를 선택하신 이유가 무엇인가요?- 처음에는 국비지원과정도 알아봤어요. 국비지원과정에서 공부를 할까 하다가 우연히 친구 소개로 코드스테이츠를 알게 되었죠.'자기 주도적 학습'이라는 단어에 끌렸어요. 전 코딩이 언어랑 비슷하다고 생각하거든요. 문법을 잘 안다고 영어를 잘하는 건 아니잖아요. 아는 것도 중요하지만 습관이 중요하다고 생각해요. 지름길을 가면서 스스로 코딩을 많이 해볼 수 있을 거 같아서 코드스테이츠를 선택하게 되었죠.코딩은, 아는 것도 중요하지만 습관이 중요하다고 생각해요Q) 이건 개인적으로 매우(?) 긴장되는 질문인데, 실제로 Pre-course는 어땠나요?- 코드스테이츠 학습 방식 자체가 강의식이 아니다 보니 생각한 대로 '자기 주도적 학습 위주'고, 특히 실제로 코딩을 많이 해봐서 좋았어요.그리고 위에서 얘기한 것처럼 저는 지름길이 필요했는데요. 방향을 잘 잡아주셔서 좋았어요. 단계별로 공부할 수 있는 내용이 잘 정리되어있더라구요. 시간을 효율적으로 쓸 수 있었습니다.Q) 담당자로서 매우 뿌듯한 답변이네요. :) 특히 어떤 프로젝트가 가장 기억에 남나요?- *twittler 를 만들었을 때가 가장 기뻤어요. 뭐라고 말로 표현하기는 어려운 감정인데, 실제로 눈에 보이는 걸 만들었을 때 성취감이 크더라구요. 그 성취감이 동기부여가 되어서 더 열심히 했던 거 같습니다.*twittler: 코드스테이츠 Pre-course과정에서 수행하는 프로젝트로, 트위터의 일부 기능을 구현한 프로그램한길님이 구현한 twittlerQ) 이제 막 Immersive 과정이 시작되었는데요. 과정에서는 어떤 걸 기대하나요?- 코드스테이츠의 체계적인 커리큘럼과... 웹 개발자로 취업하는 거??Q) 교과서 같은 답변이네요.^^ 3개월 뒤면 웹 개발자가 되어있을 거라고 믿습니다. 그렇다면 어떤 개발자가 되고 싶나요?- 기술을 잘 아는 개발자가 되고 싶어요. 개인적으로 호기심이 많아요. 블록체인부터 빅데이터까지.. 새로운 기술과 관련된 단어들을 들으면 호기심이 생기죠. 이렇게 호기심이 생겼을 때 그 기술에 대해 이해하고 실제로 기술을 잘 구현하는 개발자가 되고 싶어요. 소위 말하는 백엔드 쪽에 더 관심이 있는 거 같아요. 앞으로도 이 방향으로 나아가고 싶구요.음.. 그리고 하나만 덧붙이면, 제 생활도 잘 지킬 수 있는 개발자가 되고 싶어요. 일도 일이지만.!Q) 마지막으로 코드스테이츠를 다른 사람에게 추천한다면?소프트웨어 엔지니어가 되고 싶으신 분들에게 꼭 추천하고 싶어요. 독학을 해도 좋은 점이 있겠지만.. 체계적인 커리큘럼을 따라가면서 방향성 있는 공부를 하면 효율적일 거 같아요. 시간을 아낄 수 있죠. 커리어 전환을 고민하시는 분들에게도 적합하구요.그리고 무엇보다 같은 길을 가는 사람들과 커뮤니티를 형성하고 함께 공부할 수 있다는 점이 코드스테이츠의 가장 큰 장점이라고 생각합니다.

기업문화 엿볼 때, 더팀스

로그인

/