-
Notifications
You must be signed in to change notification settings - Fork 0
/
product-community-study-cases.html
472 lines (351 loc) · 36.5 KB
/
product-community-study-cases.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
<!DOCTYPE html>
<html lang="ko"><head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E4YBHG63E3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-E4YBHG63E3');
</script>
<!-- Meta Tag for Basic Setting -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="locale" content="ko_KR">
<meta name="google-site-verification" content="Q1Gkv54gFGh2MxaT7ehKmua6BROtBIJR_ki_z_1_EwE" />
<meta name="naver-site-verification" content="d9a8213816d39cd0b58123c579fb50704ab632a8"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#ffffff">
<meta name="mobile-web-app-capable" content="yes">
<meta name="referrer" content="always"><meta property="og:title" content="노션, 피그마, 오늘의집 커뮤니티 전략 분석 | 매거진 입맛">
<meta property="og:url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="og:type" content="article">
<meta property="og:site_name" content="매거진 입맛">
<meta property="og:description" content="제품의 만능 성장 동력, 커뮤니티. 실제 제품에서는 어떻게 활용되고 있을까요? 3가지 제품의 커뮤니티 전략을 분석합니다.">
<meta property="og:image" content='https://dewberry9.github.io/assets/images/design/product-community-study-cases/00.jpg'>
<meta name="by" content="이준환"><meta name="twitter:title" content="노션, 피그마, 오늘의집 커뮤니티 전략 분석 | 매거진 입맛">
<meta name="twitter:description" content="제품의 만능 성장 동력, 커뮤니티. 실제 제품에서는 어떻게 활용되고 있을까요? 3가지 제품의 커뮤니티 전략을 분석합니다.">
<meta name="twitter:image" content='https://dewberry9.github.io/assets/images/design/product-community-study-cases/00.jpg'>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://dewberry9.github.io/product-community-study-cases">
<meta name="twitter:site" content="매거진 입맛">
<meta name="twitter:label1" content="Category">
<meta name="twitter:data1" content="">
<meta name="twitter:label2" content="Topic">
<meta name="twitter:data2" content="프로덕트">
<!-- Other Basic Meta Tag -->
<meta name="title" content="노션, 피그마, 오늘의집 커뮤니티 전략 분석 | 매거진 입맛">
<meta name="description" content="제품의 만능 성장 동력, 커뮤니티. 실제 제품에서는 어떻게 활용되고 있을까요? 3가지 제품의 커뮤니티 전략을 분석합니다.">
<meta name="author" content="이준환">
<meta name="article:media_name" content="매거진 입맛">
<meta property="article:mobile_url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="article:pc_url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="article:mobile_view_url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="article:pc_view_url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="article:talk_channel_view_url" content="https://dewberry9.github.io/product-community-study-cases">
<meta property="article:pc_service_home" content="https://dewberry9.github.io">
<meta property="article:mobile_service_home" content="https://dewberry9.github.io">
<!-- Post Date Tag -->
<meta property="article:published_time" content="2021-11-28T00:00:00+09:00">
<meta property="article:modified_time" content="2021-11-28T00:00:00+09:00">
<meta property="og:regDate" content="20211128000000">
<script type="application/ld+json">
{
"@context":"https://schema.org/",
"@type":"BlogPosting",
"mainEntityOfPage":{
"@id":"https://dewberry9.github.io/product-community-study-cases"
},
"url":"https://dewberry9.github.io/product-community-study-cases",
"headline":"노션, 피그마, 오늘의집 커뮤니티 전략 분석 | 매거진 입맛",
"description":"제품의 만능 성장 동력, 커뮤니티. 실제 제품에서는 어떻게 활용되고 있을까요? 3가지 제품의 커뮤니티 전략을 분석합니다.",
"author":{
"@type":"Person",
"name":"이준환",
"url":"https://dewberry9.github.io",
"email":"[email protected]"
},
"publisher":{
"@type":"Organization",
"name":"매거진 입맛",
"logo":{
"@type":"ImageObject",
"url":"https://dewberry9.github.io/assets/images/logo.png"
},
"url":"https://dewberry9.github.io",
"email":"[email protected]"
},
"image":{
"@type":"ImageObject",
"url":"https://dewberry9.github.io/assets/images/design/product-community-study-cases/00.jpg"
},
"datePublished":"2021-11-28T00:00:00+09:00",
"dateModified":"2021-11-28T00:00:00+09:00"
}
</script><!-- Fonts -->
<link rel="stylesheet preload prefetch" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.css" />
<link rel="stylesheet preload prefetch" type='text/css' as="style" crossorigin href='/assets/fonts/stylesheet.css'>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href='/assets/favicons/apple-touch-icon.png'>
<link rel="icon" type="image/png" sizes="32x32" href='/assets/favicons/favicon-32x32.png'>
<link rel="icon" type="image/png" sizes="16x16" href='/assets/favicons/favicon-16x16.png'>
<link rel="mask-icon" href='/assets/favicons/safari-pinned-tab.svg' color="#363059">
<link rel="manifest" href="/manifest.json">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="msapplication-TileColor" content="#da532c">
<link rel="stylesheet preload prefetch" as="style" type="text/css" href='/assets/post.css'>
<link rel="dns-prefetch" href="https://res.cloudinary.com"><!-- ETC -->
<link rel="canonical" href="https://dewberry9.github.io/product-community-study-cases">
<link rel="alternate" href="https://dewberry9.github.io/feed.xml" type="application/atom+xml" title="Atom 0.3">
<title>노션, 피그마, 오늘의집 커뮤니티 전략 분석 | 매거진 입맛</title>
<script data-ad-client="ca-pub-7525347021497850" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head><body>
<header class="top-nav" id="nav">
<nav>
<a href="/" title="Magazine Epmat" class="logo">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.655 0h-1.31v9.557L6.567 1.28l-1.134.655 4.779 8.277-8.277-4.779-.655 1.134 8.277 4.778H0v1.31h9.557L1.28 17.433l.655 1.134 8.277-4.779-4.779 8.277 1.134.655 4.778-8.277V24h1.31v-9.557l4.778 8.277 1.134-.655-4.779-8.277 8.277 4.779.655-1.134-8.277-4.778H24v-1.31h-9.557l8.277-4.778-.655-1.134-8.277 4.779 4.779-8.277-1.134-.655-4.778 8.277V0Z" fill="#816CF8"/>
</svg>
<span class="nosvg">매거진 입맛</span>
</a>
<div class="dynamic-nav">
<ul>
<li>
<a id="btn-article" href="/article" title="매거진 입맛 • 프로덕트 디자인" class="op75">프로덕트 디자인</a>
</li>
<li>
<a id="btn-review" href="/review" title="매거진 입맛 • 마시다" class="op75">마시다</a>
</li>
<li>
<a id="btn-read" href="/read" title="매거진 입맛 • 읽다" class="op75">읽다</a>
</li>
<!-- <li>
<a href="https://shouk.today?utm_source=mag_epmat" target="_blank" class="op75"><span class="mobile-disappear">인사이트 커뮤니티</span> 슉</a>
</li> -->
</ul>
</div>
</nav>
</header>
<div id="content">
<script>
document.getElementById('nav').classList.add('show')
</script>
<section class="post-content-container space-container">
<div class="space-left">
<div class="post-content-side-container">
<h3 class="post-share-title rise-target">매거진 입맛, 자유롭게 공유하세요.</h3>
<p class="post-share-description rise-target">개인 블로그, 메모, 사내 래퍼런스 공유 채널, 어디든지 좋습니다.
인사이트는
나눌 수록 커지니까요.
</p>
<button id="post-share" class="rise-target copy">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="currentColor" class="bi bi-subtract"><path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/></svg>이 글의 공유 링크 복사
</button>
<a rel="noreferrer" class="outerlink-container rise-target" target="_blank" href="https://forms.gle/wvj73q8MWBv2j44h7" title="매거진 입맛 뉴스레터 구독 신청">
<h3>뉴스레터 구독 신청</h3>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="currentColor" class="bi bi-arrow-right-short"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>
</a>
<a rel="noreferrer" class="outerlink-container rise-target" target="_blank" href="https://forms.gle/26d5yuzwQB3D44zm7" title="콘텐츠 주제 제안">
<h3>콘텐츠 주제 제안</h3>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="currentColor" class="bi bi-arrow-right-short"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>
</a>
</div>
</div>
<!-- 본문 -->
<div class="space-right">
<div class="post-content">
<h1 class="post-title">노션, 피그마, 오늘의집 커뮤니티 전략 분석</h1>
<p class="infor"><strong>만능 성장 동력 제품 커뮤니티 시리즈</strong><br />
1부 - <a title="매거진 입맛 - 전환율, 피드백, 고객지원까지. 어떻게 제품 커뮤니티를 만능 성장 동력으로 만들까?" href="/product-community-as-a-growth-engine" rel="noopener">전환율, 피드백, 고객지원까지. 어떻게 제품 커뮤니티를 만능 성장 동력으로 만들까?</a><br />
2부 - <a title="매거진 입맛 - 데이터로 대답할 수 없는 커뮤니티는 밑 빠진 독이다. 커뮤니티 성과 측정 지표" href="/product-community-metrics" rel="noopener">데이터로 대답할 수 없는 커뮤니티는 밑 빠진 독이다. 커뮤니티 성과 측정 지표</a><br />
3부 - 노션, 피그마, 오늘의집 커뮤니티 전략 분석</p>
<p><a title="매거진 입맛 - 전환율, 피드백, 고객지원까지. 어떻게 제품 커뮤니티를 만능 성장 동력으로 만들까?" href="/product-community-as-a-growth-engine" rel="noopener">1부</a>에서 제품 커뮤니티가 제품 성장 동력이 되는 방식을, <a title="매거진 입맛 - 데이터로 대답할 수 없는 커뮤니티는 밑 빠진 독이다. 커뮤니티 성과 측정 지표" href="/product-community-metrics" rel="noopener">2부</a>에서 커뮤니티 업무에 성과 측정이 필요한 까닭과 지표 설정을 도와주는 SPACES 모델에 관해 이야기했습니다.</p>
<p>이번 글에서는 실제 제품의 커뮤니티 성공 사례에서 SPACES 모델이 제시하는 6가지 비즈니스 가치 유형(고객 지원, 피드백, 고객 획득·전환, 사용자 생성 콘텐츠, 커뮤니티 참여, 고객 성공)이 어떻게 나타나는지 살펴보겠습니다.</p>
<h2 id="노션notion">노션(Notion)</h2>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/01.jpg" alt="Notion" title="Notion" loading="lazy" /></p>
<p>노션은 ‘올인원 워크스페이스’를 표방하는 생산성 툴입니다. 높은 유연성을 바탕으로 메모, 스프레드시트, 프로젝트 일정 관리 업무 등을 한 곳에서 쉽고 깔끔하게 관리하도록 해줍니다. 고객은 텍스트, 표는 물론 구글 독스(Google Docx), 피그마(Figma), 스케치(Sketch) 등 500개 이상의 제품을 레고처럼 조립할 수 있습니다.</p>
<p>기업 가치가 100억 달러(한화 약 11조 원)가 넘는 노션의 성장세는 엄청납니다. 2019년 100만 명, 2020년에는 400만 명, 2021년에는 5배 늘어난 2천만 명의 고객이 노션을 사용 중입니다. 이 성장은 노션의 적극적인 커뮤니티 지원 정책의 영향이 큽니다. 5만 명이 넘는 페이스북 그룹 멤버, 1만 명이 넘는 디스코드(Discord) 채널 참가자, 레딧(Reddit)의 노션 서브레딧(레딧 내의 그룹)에는 16만 명이 참여하고 있습니다.</p>
<p><strong>노션 앰배서더 - 피드백, 커뮤니티 참여</strong></p>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/02.jpg" alt="Notion Ambassador" title="Notion Ambassador" loading="lazy" /></p>
<p>노션 매출 80%는 28개국 이상의 미국 외 지역 고객에게서 나옵니다. 노션은 거대한 규모와 다양성을 지닌, 세계 이곳저곳에 퍼져있는 노션 커뮤니티의 관리직에 직원을 앉히지 않았습니다. 대신 소수의 커뮤니리 관리자를 선발하여 지원했습니다.</p>
<p>노션 앰배서더(구 노션 프로)는 노션 커뮤니티와 이벤트를 조직하고 교육 콘텐츠를 제작하여, 사람들에게 노션을 알리고 커뮤니티에서 활동하도록 돕는 자발적 봉사자입니다. 수 백명의 지원자 중 월 20명만이 1년 만기의 앰배서더 자격을 얻을 수 있습니다. 노션은 앰배서더에게 제품 활용·사용자 교육·커뮤니티 구축에 대한 학습 리소스를 제공하는 등 활동을 지원합니다.</p>
<p>인상적인 점은 노션이 앰배서더를 커뮤니티 관리뿐만 아니라 피드백을 효과적으로 수집·적용하는 데도 활용한다는 것입니다. Notion의 마케팅 책임자 카밀 리케츠(Camile Ricketts)는 <a title="forget the funnel - How Notion Leverages Customer Segmentation and the Power of Community to Fuel Growth" href="https://forgetthefunnel.com/resources/customer-segmentation-camille-ricketts?refer=mag_epmat" target="_blank" rel="noopener">인터뷰</a>에서 앰배서더 프로그램이 커뮤니티 상호 작용의 핵심이라고 강조합니다. 앰배서더는 노션 직원과 함께 비공개 Slack 그룹에서 소통할 수 있습니다. 또한 앰배서더는 기능을 제안하거나 커뮤니티의 피드백을 전달하며, 중요도를 투표합니다. 이렇게 산정된 우선순위는 실제 제품 개발 일정에 영향을 줍니다. 앰배서더의 투표는 아이디어의 검증이자 제품 개발에 필요한 자세한 맥락을 받아볼 수 있는 좋은 방법입니다.</p>
<p><strong>노션 컨설턴트 - 고객 지원, 고객 성공</strong><br />
위에서 설명했듯이 노션의 고객은 다양한 국적을 가지고 있습니다. 이러한 국제성은 직원이 200여 명에 불과한 노션과 같은 조직에 큰 기회이자 도전입니다. SaaS의 제품 주도 성장 전략을 다루는 뉴스레터 Top of the Lyne은 제품이 많은 나라의 <a title="Arjun Rakesh & Ruchin Kulkarni(Top of the Lyne), 2021 - Notion: the all-in-one productivity tool" href="https://www.topofthelyne.co/p/notion-the-all-in-one-productivity?refer=mag_epmat" target="_blank" rel="noopener">고객을 지원할 때 발생하는 문제</a>를 다음과 같이 요약합니다.</p>
<ol>
<li>제품을 현지 언어로 번역해야 합니다.</li>
<li>시간대 차이로 고객 지원·세일즈 업무에 장애가 생깁니다.</li>
<li>결제 프로세스 등 현지 기술·정책에 적합하게 제품 수정이 필요할 수 있습니다.</li>
<li>특히 고객 지원·커뮤니티 업무에서 현지의 문화적 뉘앙스를 고려할 일이 생깁니다.</li>
</ol>
<p>언어·문화적 차이로 고객 성공에 장애가 생기는 일은 제품에 치명적입니다. 이에 대한 해결책으로 노션이 고안한 것은 구독 결제 소프트웨어 제품에서는 보기 낯선, 일종의 ‘공인 서비스 센터’입니다.</p>
<p>노션 컨설턴트는 노션이 인증한 노션 전문가입니다. 노션이 준비한 시험을 통과해야만 컨설턴트가 될 수 있습니다. 노션을 전사적 업무 도구로 도입하려는 것처럼 난이도 있는 과제가 생겼을 때, 기업이나 개인은 노션 고객 성공 팀 또는 컨설턴트 본인에게 직접 도움을 구할 수 있습니다. 컨설턴트는 고객의 요구에 맞는 솔루션을 고안하고 교육시켜서 보상을 받습니다. 노션은 컨설턴트를 통해 고객의 입장에서 문제를 해결하는 지원 리소스를 제공할 수 있습니다.</p>
<p>이 외에 노션의 템플릿은 제품 사용의 허들을 낮추고 더 유용하게 해줄 뿐만 아니라, 그 자체가 사용자 생성 콘텐츠로 템플릿을 공유하는 또 다른 커뮤니티를 형성하여 제품에 기여합니다.</p>
<h2 id="피그마">피그마</h2>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/03.jpg" alt="Figma" title="Figma" loading="lazy" /></p>
<p>피그마는 실시간 협업이 가능한 브라우저 기반의 디자인 툴입니다. 피그마 등장 전 디자이너는 드롭박스를 통해 에셋을 공유했고, 피드백을 받기 위해 일일이 스크린샷을 찍었으며, 협업을 위해 여러 종류의 또 다른 툴을 쓸 줄 알아야 했습니다. 무겁고 느린 로컬 기반 위에서 팀원이 늘 때마다 협업의 복잡성은 기하급수적으로 올라갔습니다. 피그마는 서로 다른 계층에 있던 수정, 코멘트, 공유 기능을 전부 웹 위에서 실시간으로 작동하고 반영되도록 만들어 문제를 해결했습니다.</p>
<p>노션과 다르게, 피그마는 제품 커뮤니티를 직접 운영하고 있습니다. 피그마 커뮤니티에서 보이는 회원의 강한 활동성은 매끄럽게 설계된 제품과의 긴밀함에서 이유를 찾을 수 있습니다.</p>
<p><strong>오픈소스 에셋 - 사용자 생성 콘텐츠, 커뮤니티 참여</strong></p>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/04.jpg" alt="Figma Community" title="Figma Community" loading="lazy" /></p>
<p>피그마 커뮤니티의 핵심은 템플릿, 위젯, 아이콘 등 디자인에 필요한 에셋을 공유하는 데 있습니다. 고객은 클릭 한번으로 커뮤니티에 게시된 에셋을 자신의 작업 공간에 복제할 수 있습니다.</p>
<p>디자인은 많은 참고 자료를 요구하는 작업이지만, 대부분의 디자이너는 웹 곳곳에 산개된 에셋을 구하느라 적지 않은 시간을 투자해야 했습니다. 간신히 찾아낸 에셋 가운데는 쓰고 있는 툴에서 호환되지 않거나, 정상적인 라이선스가 명시되지 않은 경우도 있었습니다. 이 상황에서 고객이 자유로운 공유와 변형이 허용되는 CC BY 4.0 라이선스로 매일 수십 개의 오픈소스 에셋이 올라오는 피그마 커뮤니티에 매료된 일은 당연해 보입니다. 구글, 마이크로소프트, 애플과 같은 영향력 있는 기업이 자사의 디자인 리소스를 피그마 커뮤니티에 공유하면서 커뮤니티의 가치는 더욱 커졌습니다.</p>
<p>리믹스 기능은 위와 같은 개방성을 바탕으로 커뮤니티 에셋의 품질을 한층 끌어올리는 데 이바지합니다. 리믹스는 한 고객이 게시한 에셋을 개선해서 다시 커뮤니티에 내놓는 오픈소스 기여 방식입니다. 고객은 서로 토론하고 질문하며 의견을 주고받으면서 에셋을 점점 더 나은 방향으로 개선합니다. 이렇듯 피그마는 디자인 업계에서는 전례 없는 오픈소스 커뮤니티를 구축하여 제품의 영향력을 키웠습니다.</p>
<p><strong>플러그인 - 고객 전환, 고객 성공</strong><br />
플러그인은 피그마의 핵심 기능입니다. 피그마에서 사용할 수 있는 수많은 고성능 플러그인은 차트를 만들고, 데이터를 불러와 적용하고, 가이드라인을 그리는 등 상상하는 거의 모든 일을 해낼 수 있도록 돕습니다. 피그마와 같은 디자인 툴에서 플러그인의 역할은 특히 중요합니다. 고객이 늘어날수록 제품이 커버할 수 있는 유저 케이스의 비율은 줄어듭니다. 고객이 요구하는 기능과 경험이 점차 좁아지고 깊어지고 다변화되기 때문입니다. 이러한 특수한 니즈는 고객이 직접 만든 해결책으로 만족시킬 수 있습니다. 피그마는 API를 공개해 누구나 쉽게 플러그인을 만들고 공유할 수 있도록 장려합니다. 플러그인은 에셋과 마찬가지로 커뮤니티에서 관리되며 간단하게 사용하고 의견을 제시할 수 있습니다.</p>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/05.jpg" alt="Figma vs Sketch" title="Figma vs Sketch" loading="lazy" /></p>
<p><a title="Kevin Kwok(kwokchain), 2020 - Why Figma Wins" href="https://kwokchain.com/2020/06/19/why-figma-wins?refer=mag_epmat" target="_blank" rel="noopener"><Why Figma Wins></a>에서는 피그마의 플러그인 구조가 갖는 이점을 스케치와 비교해 강조합니다. 스케치는 피그마처럼 API를 공개하고 플러그인 개발 방법도 잘 설명되어 있습니다. 하지만 스케치에게 플러그인은 결국 부가적인 부분입니다. 스케치 플러그인은 별도의 웹페이지에서 다운로드받아 수동으로 설치해야 합니다. 호환성 확인과 업데이트는 스스로 해야 합니다. 로컬 기반의 툴 특성 때문에 플러그인 개발과 사용이 개별적으로 이뤄지다 보니, 피그마처럼 큰 네트워크 효과를 일으킬 수 없습니다. 그에 반해 피그마는 커뮤니티에 올라오는 모든 플러그인을 직접 심사하기 때문에 높은 품질의 플러그인을 안정적으로 사용할 수 있습니다. 피그마는 플러그인으로 다른 툴과의 경쟁에서 넘보기 어려운 우위를 갖습니다.</p>
<h2 id="오늘의집">오늘의집</h2>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/06.jpg" alt="Ohouse" title="Ohouse" loading="lazy" /></p>
<p>오늘의집은 인테리어 콘텐츠를 기반으로 커머스와 시공업체 비교 서비스를 제공하는 인테리어 플랫폼입니다. 앱 다운로드 횟수만 2천 만에 이르는 오늘의집의 운영사 버킷플레이스의 기업 가치는 1조 1천억 원으로 단연 국내 최대의 인테리어 플랫폼입니다. 시리즈 D 투자를 앞둔 지금은 기업 가치가 2조 원까지 언급될 정도로 성장세가 빠른 기업이기도 합니다.</p>
<p><strong>콘텐츠 루프 - 고객 전환, 사용자 생성 콘텐츠</strong></p>
<p class="normal-size"><img src="/assets/images/design/product-community-study-cases/07.jpg" alt="Ohouse's Content Loop" title="Ohouse's Content Loop" loading="lazy" /></p>
<p>핀터레스트(Pinterest)는 고객이 핀(핀터레스트의 스크랩 기능)한 콘텐츠의 아카이브를 SEO하여, <a title="매거진 입맛 - 핵심만 모은, 메모해놓고 쓰는 6가지 SEO 전략" href="/six-seo-tips" target="_blank" rel="noopener">콘텐츠 품질을 높이고 고객을 유입시키는 콘텐츠 루프</a>를 갖고 있습니다. 콘텐츠와 커머스, 2축으로 연결된 오늘의집의 콘텐츠 루프도 비슷합 니다. 다만 오늘의집의 콘텐츠 루프는 고객 전환에 더 초점을 모은 듯한 모습을 보입니다.</p>
<p>오늘의집은 잘 꾸민 방을 찍어 게시하는 콘텐츠 커뮤니티로 시작했습니다. 단순 사진 콘텐츠부터 시작해서 구체적인 인테리어 과정을 그린 ‘집들이’, 수납·스타일링 등 갖가지 인테리어 팁을 담은 ‘노하우’까지. 오늘의집은 1천 5백만 개 인테리어 콘텐츠로 꽉 차 있습니다. 이 콘텐츠는 커머스와 긴밀하게 연결되어 있습니다.</p>
<p>오늘의집은 사진에 등장한 가구·인테리어 소품을 태그할 수 있는 기능을 제공합니다. 태그된 상품은 콘텐츠에서 파란 동그라미에 하얀 플러스가 달린 아이콘으로 노출되며, 이 UI는 콘텐츠 커뮤니티와 커머스 사이를 잇는 UX의 다리 역할을 합니다. 태그하지 않은 상품에 대해서는 분석을 통해 가장 비슷한 상품을 오늘의집 입점 스토어에서 찾아 보여줍니다. 인테리어 시공업체가 올린 집들이 콘텐츠에서는 해당 업체와 상담할 수 있는 플로팅 버튼이 따라붙습니다. 오늘의집은 콘텐츠와 커머스의 자연스러운 연계로 상품 판매자에게 매력적인 유통처가 되었습니다. 고품질의 콘텐츠가 늘어날수록 입점 스토어도 늘어납니다. 스토어가 늘어날수록 부가 콘텐츠도 늘어납니다.</p>
<p>커뮤니티 활동은 콘텐츠의 효용성을 더해줍니다. 오늘의집의 모든 콘텐츠는 스크랩 기능으로 아카이빙할 수 있습니다. 핀터레스트처럼, 고객은 그 아카이브의 저장소인 오늘의집을 떠날 수 없습니다. 커머스의 상세 페이지에서는 해당 상품이 등장하는 고객의 콘텐츠(유저들의 스타일링샷)가 노출됩니다. 고객은 상품·서비스를 구매할 때 커뮤니티에서 만들어진 콘텐츠의 도움을 받을 수 있습니다. 이렇게 상품·서비스를 구매한 고객은 다시 콘텐츠를 만들어 커뮤니티와 다른 고객의 구매 활동에 기여합니다.</p>
<p>콘텐츠가 고객의 전환을 돕고, 고객은 콘텐츠를 만듭니다. 상품·서비스 판매자와 콘텐츠·상품·서비스의 소비자. 오늘의집이 인테리어 시장의 두 고객을 모두 끌어올 수 있었던 건 이러한 콘텐츠 루프이 작동했기 때문입니다.</p>
<h2 id="고유한-커뮤니티-고유한-성장">고유한 커뮤니티, 고유한 성장</h2>
<p>이번 글에서는 제품 커뮤니티로 성장한 3가지 제품 사례를 알아보았습니다.</p>
<ol>
<li>노션 : 앰배서더, 컨설턴트 프로그램</li>
<li>피그마 : 오픈소스 에셋, 플러그인</li>
<li>오늘의집 : 콘텐츠 루프</li>
</ol>
<p>소개한 제품은 모두 각각의 비즈니스에 맞게 커뮤니티를 구축했습니다. 그에 따라 운영 방식과 전략도 달랐습니다.</p>
<p>제품 커뮤니티는 따라 한다고 해서 성공하는 전략이 아닙니다. 일단 제품의 고객과 시장을 제대로 이해한 후, 고객이 커뮤니티에 기여하고 보상을 받는 구조를 세심하게 설계해야 합니다. 그렇게 완성된 커뮤니티는 쉽사리 멈추지 않는 제품 성장 동력이 되어 있을 것입니다.</p>
<p class="right-infor">위시켓의 지원과 함께 제작된 콘텐츠입니다.</p>
</div>
<div class="post-feedback">
<p>이번 글은 어땠나요? 피드백을 나눠주세요.</p>
<a href="https://forms.gle/EMf71iYTEXAbEL868" target="_blank" rel="noopener noreferrer" title="좋았어요 피드백 남기기">👍 좋았어요!</a>
<a href="https://forms.gle/bXJA17sczKPTqtLR7" target="_blank" rel="noopener noreferrer" title="별로였어요 피드백 남기기">👎 별로였어요.</a>
</div>
<!-- <a class="shouk-container" target="_blank" href="https://shouk.today?utm_source=mag_epmat&utm_medium=content_banner">
<div class="container-left">
<h3>적게 읽고 많이 알아가세요.<br>인사이트 요약 커뮤니티 슉</h3>
<p>
팟캐스트, 영문 뉴스레터, 아티클, 1분 내외 분량 단순명료 요약
</p>
</div>
<div class="container-right">
<img src="/assets/images/shouk_banner.png" alt="banner">
</div>
</a> -->
</div>
</section>
<!-- 관련된 포스트 목록 -->
<section class="post-list related-post-list three-row">
<!-- 동일 카테고리 -->
<!-- 2-1 -->
<a title="Shopify, Udemy, Etsy가 고객과 수익을 모두 얻은 방법" href="/win-win-business-model" class="post-list-item rise-target sequential-rise-target">
<div class="post-thumbnail">
<div class="img-source" style="background-image: url('https://res.cloudinary.com/mag-epmat/image/upload/v1641623493/design/win-win-business-model/00_xswbs8.jpg')"></div>
</div>
<div class="post-description">
<div class="post-intro">
<h3>Shopify, Udemy, Etsy가 고객과 수익을 모두 얻은 방법</h3>
<p class="post-excerpt">제품이 살아남으려면 비즈니스 모델이 사용료 청구라는 인식에서 벗어나야 합니다. 고객과 윈윈하는 비즈니스 모델의 3가지 조건을 살펴봅니다.</p>
</div>
</div>
</a>
<a title="결국 가격이 모든 것을 결정한다. 5가지 구독 서비스 가격 책정 전략" href="/pricing-strategies" class="post-list-item rise-target sequential-rise-target">
<div class="post-thumbnail">
<div class="img-source" style="background-image: url('/assets/images/design/pricing-strategies/00.jpg')"></div>
</div>
<div class="post-description">
<div class="post-intro">
<h3>결국 가격이 모든 것을 결정한다. 5가지 구독 서비스 가격 책정 전략</h3>
<p class="post-excerpt">넷플릭스는 가격 책정으로 80만 고객을 잃은 적도, 35%의 수익 성장률을 달성한 적도 있습니다. 구독 서비스 가격 책정, 그 전략에 대해 알아봅니다.</p>
</div>
</div>
</a>
<a title="데이터로 대답할 수 없는 커뮤니티는 밑 빠진 독이다. 커뮤니티 성과 측정 지표" href="/product-community-metrics" class="post-list-item rise-target sequential-rise-target">
<div class="post-thumbnail">
<div class="img-source" style="background-image: url('/assets/images/design/product-community-metrics/00.jpg')"></div>
</div>
<div class="post-description">
<div class="post-intro">
<h3>데이터로 대답할 수 없는 커뮤니티는 밑 빠진 독이다. 커뮤니티 성과 측정 지표</h3>
<p class="post-excerpt">커뮤니티 성과 측정은 조직 전체가 커뮤니티 업무를 효과적으로 이해하고 수행하는데 필요합니다. SPACES 모델로 시작해보는 건 어떨까요?</p>
</div>
</div>
</a>
<div class="ads-container ads-container-mobile-feedcard rise-target">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7525347021497850" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6h+cl+f-1w+d1"
data-ad-client="ca-pub-7525347021497850"
data-ad-slot="9019438848"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<!-- 비동일 카테고리 -->
<a title="사랑하거나 싫어하거나, 피트의 마술적 매력. 라프로익 10년" href="/laphroaig-10" class="post-list-item rise-target sequential-rise-target">
<div class="post-thumbnail">
<div class="img-source" style="background-image: url('/assets/images/daily/laphroaig-10/00.jpg')"></div>
</div>
<div class="post-description">
<div class="post-intro">
<h3>사랑하거나 싫어하거나, 피트의 마술적 매력. 라프로익 10년</h3>
<p class="post-excerpt">피트로 유명한 아일라의 싱글 몰트 위스키 중에서도 라프로익은 강렬한 개성으로 손에 꼽힙니다. 10년에 불과한 숙성 기간에도 충분히 짜릿합니다.</p>
</div>
</div>
</a>
<a title="로얄 워런트가 증명하는 화사함. 듀어스 12년" href="/dewars-12" class="post-list-item rise-target sequential-rise-target">
<div class="post-thumbnail">
<div class="img-source" style="background-image: url('/assets/images/daily/dewars-12/00.jpg')"></div>
</div>
<div class="post-description">
<div class="post-intro">
<h3>로얄 워런트가 증명하는 화사함. 듀어스 12년</h3>
<p class="post-excerpt">빅토리아 여왕부터 6명의 국왕을 거치는 동안 로얄 워런트를 유지하고 있는 블렌디드 위스키, 듀어스 12년의 화사한 매력을 알아봅니다.</p>
</div>
</div>
</a>
<div class="ads-container ads-container-relative-feedcard rise-target third-position">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7525347021497850" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6h+cl+f-1w+d1"
data-ad-client="ca-pub-7525347021497850"
data-ad-slot="9019438848"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</section>
<script src="/assets/post-share.js"></script>
<script>document.getElementById('btn-article').classList.remove('op75');
document.getElementById('btn-article').classList.add('nav-item-act');</script>
</div>
<footer id="footer" class="">
<section>
<div class="link-group"><a id="home-page" href='/' title="Main">매거진 입맛</a></div>
<div class="link-group">
<p class="group-title">Category</p>
<a href="/article" title="매거진 입맛 • 프로덕트 디자인">프로덕트 디자인</a>
<a href="/review" title="매거진 입맛 • 마시다">마시다</a>
<a href="/read" title="매거진 입맛 • 읽다">읽다</a>
</div>
<div class="link-group">
<p class="group-title">Social</p>
<a rel="noreferrer" id="fb-link" href="https://www.facebook.com/magepmat" title="Facebook" target="_blank">Facebook</a>
<a rel="noreferrer" id="insta-link" href="https://www.instagram.com/mag_epmat/" title="Instagram" target="_blank">Instagram</a>
<a rel="noreferrer" id="rss-link" href="/feed.xml" title="RSS" target="_blank">RSS</a>
</div>
<div class="link-group">
<p class="group-title">Contact</p>
<a id="mail-link" href="mailto:[email protected]" title="Email">Email</a>
<a href="https://www.linkedin.com/in/junhwanlee" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="https://www.rocketpunch.com/@junhwanlee" target="_blank" rel="noopener noreferrer">Rocketpunch</a>
</div>
<div class="link-group">
<p class="group-title">Request</p>
<a href="https://forms.gle/wvj73q8MWBv2j44h7" target="_blank" rel="noopener noreferrer">뉴스레터 구독</a>
<a href="https://forms.gle/26d5yuzwQB3D44zm7" target="_blank" rel="noopener noreferrer">주제 제안</a>
</div>
</section>
</footer>
</body>
<script src="/assets/scroll-animation.js"></script>
</html>