위어드섹터 공식 블로그

최근 프로젝트를 진행하면서 Flutter iOS 앱으로 통해 사용자가 어떤 버튼을 클릭했는지 확인하기 위해 Facebook SDK 설치 후 테스트를 진행했습니다. 기업 입장에서는 사용자가 어떤 버튼을 많이 클릭했고, 어느 분야를 좋아하는지 알고 싶지만 기본 기능으로는 확인할 수 없기 때문에 Facebook SDK를 활용해서 그 방법을 적어보려고 합니다. 페이스북 SDK iOS 가이드 같은 경우 네이티브 기준이기 때문에 외부 플러그인을 사용해야 합니다. 사용자가 어떤 버튼을 클릭했는지 확인하기 위해서는 페이스북 SDK 플러그인과 페이스북 개발자 계정이 있어야 합니다. facebook_app_events 플러그인 : (https://pub.dev/packages/facebook_app_events) Meta..

데이터너겟은 그로스해킹 방법론에 기인해서 만든 통합 데이터분석 관리 툴 입니다. ( ** 현재 베타버전 회원가입 하시면 서비스를 무료로 이용해보실 수 있습니다. ) 데이터, 중요하다고 하는데 여러분은 데이터를 잘 활용하고 계신가요? [ 혹시 이런 경험 있지 않으신가요? 🤔] 데이터 로그 분석 툴을 접해 보았는데 보는 법을 몰라서 막막했다. 데이터 수집을 시작했으나 잦은 개발이슈로 사용할 수 있는 데이터가 없다. 데이터에 근거한 인사이트를 내는 것보다 데이터를 해석하는데 시간을 다 써버렸다. 그로스해킹이라고 말하고 광고만 돌리는 것 같다. 진짜 중요한 일에 시간을 써야 하는데 책상 정리만 하다가 정작 중요한 것을 보지 못하는 경우도 많았습니다. 여러분의 소중한 시간을 지키고 싶습니다. [ Nugget에서는..

진행 중인 데이터너겟 프로젝트에서 d3를 활용한 곡선 그래프를 구현해야 했습니다. canvas 안에서는 html 코드를 삽입할 수 없어서 d3의 rect 를 이용하여 구현해보려고 시도해보았습니다. 하지만 두 가지 난관에 부딪혔습니다. 첫번째는 디자인과 똑같이 한쪽의 border-radius를 만드는 과정이었습니다. 그 이유가 양쪽의 border-radius는 속성 값으로 쉽게 변경할 수 있는데, 한쪽만 주는 경우는 svg의 path로 직접 좌표로 그려주어야 했기 때문입니다. 그 예시가 다음과 같습니다. function rightRoundedRect(x, y, width, height, radius) { return "M" + x + "," + y + "h" + (width - radius) + "a" +..

진행 중인 프로젝트에서 cohort 그래프의 tooptip의 위치를 마우스의 위치에 따라 변하게 하는 작업을 진행했습니다. 이때 다음과 같은 2가지 문제를 직면하게 되었습니다. 1. 화면 사이즈에 따라 cohort 분석 그래프의 크기가 변하면서 tooptip이 보여지는 위치가 상대적으로 다르게 보이는 문제가 발생했습니다. 2. 특정 사이즈가 되면 cohort 분석 그래프의 레이아웃이 변하면서 그래프의 크기가 커졌습니다. 이때 tooptip 의 위치를 전에 세팅해놓은 값으로 하였을 때 tooltip의 위치가 다르게 보이는 문제가 발생했습니다. 1번 문제에 대한 시도는 tooltip이 보여지는 위치가 cohort 그래프의 크기에 비례하게 거리를 조정하는 방안으로 문제를 해결했습니다. 아래는 그 코드 예시입니..

얼마 전 웹사이트 ‘래빗’의 신규 추가 페이지를 맡아 기획하게 되었습니다. 매일 소비자 입장에서 사용만 했던 웹사이트를 생산자 입장에서 구상하고 만들어 보는 것은 신기하고도 흥미로운 일이었습니다. 하지만 처음 맡는 일이다 보니 시행착오도 있었습니다. 하지만 이 시행착오들을 통해 배운 점이 많다고 생각합니다. 이렇게 배운 내용들을 기록으로 남겨두기 위해 이곳에 몇 자 적어보겠습니다. 보다 이해가 쉽도록 순서대로 나열했습니다. 1. 사용자 입장에서 플로우를 그려보자 플로우 차트란 을 말합니다. 레이아웃만 먼저 추가하다 보면 세세하지만 꼭 필요한 페이지나 기능들을 빼먹기 쉽습니다. 그래서 유저의 입장에서 사이트의 처음 입장부터의 행동 흐름을 상상하며 따라가 봅니다. 이것을 한눈에 보기 쉽게 정리한 순서도가 플..

새로운 서비스가 어느 정도 완성되고, 이제 이 서비스를 알려야 하는데.. 홍보하는 일만 남았을 때. 어디서부터 시작해야할지 생각이 많아졌습니다. 그렇게 해서 제가 스터디한 한정된 예산과 불안한 눈빛을 뒤로하고 광고 효율 극대화를 이루는 방법! 주어진 예산은 한정적입니다. 그래서 이 예산을 어떻게 ‘잘’ 쪼개써야 할지 계획이 필요합니다. 그 방법들을 제가 스터디한 내용을 합쳐 정리해 보았습니다. 1. Consumer Decision Journey (이하 CDJ) 설계 일반적인 고객의 구매 여정을 아래와 같이 정리해 보았습니다. 인지 -> 인식 -> 고려 -> 구매 -> 재구매 2. CDJ와 우리 브랜드 연결 다음 질문들을 던져보고 답을 생각해봅니다. (1) 우리 브랜드의 타겟층은 CDJ중 주로 어느 단계에..

많은 온라인 플랫폼에서 ‘그로스 해킹’을 솔루션으로 채택하고 있고 그 수는 증가하고 있습니다. 하지만 온라인 플랫폼의 서비스 제공 형태는 매우 다양하기에 이런 질문이 떠오릅니다. ‘그로스 해킹이 만능열쇠처럼 모든 비즈니스에 딱 맞는 해결책이 될 수 있을까?’ 결론부터 말하면 ‘그로스 해킹이라는 열쇠가 딱 들어맞는 서비스는 따로 있다’고 말할 수 있습니다. 그로스 해킹은 모든 서비스에 솔루션으로 적용이 가능하지만, 이 솔루션이 비교적 미미한 효과가 나타날지도 혹은 간단한 방법이었지만 굉장한 효과를 발휘할 수도 있다는 이야기죠! 온라인 서비스는 명확하게 칼로 자르듯 종류를 나눌 수는 없지만, 사용자 경험 측면에서 봤을 때 ‘(1) 주요한 사용자 경험이 오프라인에서 이뤄지는 서비스’ 와 ‘(2) 주요한 사용자..