브리의 성장기

Mar-Tech란? on-site marketing, 즉 기업이 가지고 관리하는 채널을 이용한 마케팅과 그 기술을 지칭하는 단어. 이를테면 기업의 자사 공식 사이트나 SNS 계정 등을 통해 관계를 맺고 있는 고객 대상의 마케팅이므로, adtech에서의 주된 활동인 광고 인벤토리의 판매와 구매와는 구별된다. 1st party cookie와 기업이 이미 보유한 이메일, 전화번호 등 PII (Personally Identifiable Information)을 주로 활용한다는 특징이 있다. 이 때문에 넓은 범위의 고객에게 도달하는 것보다는 구체적이고, 이미 인지된 고객을 상대로 마케팅 활동을 벌이는 것에 초점이 있다. 이를테면 고객 여정 customer journey 상의 고객을 다음 스텝으로 이동시키는 활동이..

얼마 전 서비스 구현 회의에서, OAuth 로그인 이라는 단어가 나왔다. 나에게 생소한 단어라 궁금해져 알아보았는데, 전혀 낯선 기능은 아니었다. 이에 대해 조금 더 자세히 알아보았다. : ) 💡 OAuth 란? 구글, 페이스북, 트위터와 같은 다양한 플랫폼의 특정한 사용자 데이터에 접근하기 위해 third_party application 예써 사용자의 접근 권한을 위임(Delegated Authorization)받을 수 있는 표준 프로토콜이다. 쉽게 풀어서 얘기하면, third-party 서비스에서도 인증을 가능하게 하고 그 서비스의 API를 이용하게 해주는 것. 이것을 바로 OAuth라고 한다. 예) 외부 웹 어플리케이션에 Google로 로그인하면 API를 통해 연동된 계정의 Google Calend..

애자일(Agile)한 방법으로 제품을 개발하기 위해 Product Requirement Document, PRD(제품 요구사항 문서)를 활용한다. PRD는 만들고자 하는 제품의 기능이 고객의 어떤 문제를 해결하는지를 정리한 문서다. 기업은 PRD를 통해 고객이 제품을 통해 얻는 경험과 이로움이 무엇인지 총체적으로 확인할 수 있다. 즉, PRD는 제품 개발의 시작점! 💡 PRD 작성 전 고민해야 하는 지점 1. 우리가 만들고자 하는 것은 무엇인가? 2. 왜 이 제품을 만들어야 하는가? 3. 제품 개발을 통해 달성하고자 하는 목표는 무엇인가? 4. 목표 달성을 위한 검증 지표는 무엇인가? 💡 PRD 작성 법 ' 작성법은 기업이나 PM 재량에 따라 상이할 수 있다 ' 1. 개요 제품을 개발해야 하는 근거를 제..

BCG 매트릭스(BCG Matrix) BCG는 기업이 사업에 대한 전략을 결정할 때 '시장점유율'(Market Share)과 '사업의 성장률'(Growth)을 고려한다고 가정했다. 이 두가지 요소를 기준으로 사업을 네가지 요소로 분류했다 스타(Star) 사업 성장률과 시장점유율이 높아서 계속 투자를 하게 되는 유망한 사업이다. (육성사업) 현금젖소(Cash cow) 사업 점유율이 높아서 이윤이나 현금흐름은 양호하지만 앞으로 성장하기 어려운 사업이다. (합리화사업) 물음표(Question Mark) 사업 신규사업. 상대적으로 낮은 시장점유율과 높은 성장률을 가진 사업으로 기업의 행동에 따라서는 차후 스타(star)사업이 되거나, 도그(dog)사업으로 전락할 수 있는 위치에 있다. 일단 투자하기로 결정한다면..

약 3주간 진행되는 웹개발 토이 프로젝트에 참여하게 되었습니다. 짧은 아이스브레이킹 타임으로 편안한 분위기 조성되자 본격적인 브레인 스토밍이 시작되었습니다. '어떤 아이템을 구현해보면 좋을까?' 우선 관심사 부터 시작했습니다. 요즘 카페에서 맥북 켜고 공부하는 것에 푹 빠진 상태라, 공부하기 좋은 카페 추천 커뮤니티가 있으면 좋겠다는 생각이 들었습니다. 생각하기 무섭게 필요한 기능들이 여럿 떠올랐습니다. 모든 사람들이 익명으로 카페를 추천할 수 있었으면 좋겠어. 카페명, 위치, 가격, 분위기, 사진 등 정보를 함께 입력해야 겠다. 업로드 된 카페를 다른 유저들이 추천할 수 있는 기능도 있으면 좋겠고,유저들은 카페를 지역별로 필터링할 수 있어야 겠네 그 밑에 댓글을 작성할 수 있는 칸을 마련하는건 어떨까...

카카오톡이나 인스타그램으로 특정 링크를 공유할 때가 있다. 아래와 같이 네이버 날씨를 공유했을 때, 링크에 대한 일종의 미리보기 화면이 생성된다. 이를 OG(open graph) 라고 한다. 오픈 그래프란 무엇이며 이는 어떻게 설정할 수 있고 왜 사용하는지 알아보자. 💡 OG(open graph)란 메타정보에 해당하는 제목, 설명, 이미지 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이다. OG태그를 통해 웹사이트를 마크업하여 콘텐츠가 표시되는 방식을 관리할 수 있고 마케팅 효과를 불러올 수 있다. OG데이터는 메타데이터(meta태그)에 오픈그래프(OG)로 지정되어 있는 제목, 설명, 이미지 등의 정보를 긁어와 표시한다. 작동원리의 이해를 돕기 위해 브라우저에 네이버 날씨..

회사의 주요사업에 대한 웹 소개 페이지를 모바일로 리뉴얼하는 프로젝트를 진행하고 있다. 화면 구성이나 전체적인 무드는 이미 윗선에서 결정되었기 때문에, 나는 구상된 것이 실현되게 관리하는 역할을 맡았다. 작은 PM 이 된 것이다. 나, 개발자, 디자이너 세명의 단톡방이 파지고 다양한 의견을 주고 받으며 프로젝트는 잘 끝나가는 듯 했다. 대략적인 사이트 구현이 완료되었다는 메신저를 받고, 개발자가 건네준 테스트 URL 에 들어간 브리는 깜짝 놀랐다. 디자이너가 작업한 아이콘과 텍스트가 모두 번져보이는 것. 무언가 흐리멍덩하고 깨져보이는 현상이 생겼는데, 이를 어떻게 고쳐달라고 말해야 할지 몰라 디자이너에게 가서 쩔쩔맸다. "제 폰으로 확인했을때는 약간 번져 보이는데... 약간 깨진 것 같기도 하고요. 좀 ..

회사에서 사이트 리뉴얼 업무를 맡게 되었다. 크몽으로 웹디자이너를 선정하여 외주 디자이너와 첫 협업을 했다. 파일 내엔 여러 웹 관련 용어가 가득 들어있었다. 😅 앞으로 기획 업무에 참고할겸 네이게이션 클래스 명에 대해 정리해봤다. (얼마전 정보처리기사 강의를 수강한 N잡 홈페이지를 참고했다.) 1. GNB (Global Navigation Bar) 사이트 전체에 동일하게 적용되는 최상위 공통 네비게이션 메인메뉴, 대분류메뉴 등 전체 사이트에서 사용되는 공통 메뉴바를 뜻한다. 2. LNB (Local Navigation Bar) GNB 메뉴의 서브 메뉴형식으로 나오는 네비게이션. 서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 특정 페이지로 가는 네비게이션 바를 뜻한다. 3. SNB (Side Navi..