본문으로 건너뛰기

20만 커뮤니티

커뮤니티, 제품 DB, 판매처를 하나의 플랫폼으로

20만 네이버 카페 유저가 사용하는 대형 커뮤니티 플랫폼입니다.

업종
버티컬 커뮤니티
사이트 유형
커뮤니티 플랫폼
제작 방식
커스텀 개발
메인 컬러
#FF5E00
vape-myo.com
20만 커뮤니티 플랫폼을 스크롤하며 담은 데스크톱 화면
20만 커뮤니티 플랫폼을 스크롤하며 담은 데스크톱 화면
20만 커뮤니티 플랫폼의 모바일 화면
20만 커뮤니티 플랫폼의 모바일 화면

프로젝트 개요

어떤 회사가 누구를 위해 무엇이 필요했고, 웹피터가 무엇을 만들었는지.

고객사

20만 네이버 카페 유저가 사용하는 대형 커뮤니티 플랫폼입니다.

주요 방문자

제품을 고르려는 이용자와, 자기 매장을 노출하려는 판매처. 두 집단이 같은 화면을 서로 다른 이유로 씁니다.

필요했던 것

  • 회원이 직접 콘텐츠를 쌓는 구조
  • 제품·브랜드·판매처가 서로 연결되는 데이터
  • 다시 돌아올 이유
  • 업체가 스스로 등록하는 입구

웹피터가 한 일

  • 회원 시스템
  • 커뮤니티 게시판
  • 제품 디렉토리
  • 판매처 검색
  • 랭킹
  • 업체 등록

디자인 컨셉

화면의 방향과 색, 글꼴을 이렇게 정한 이유.

정보 탐색과 참여를 연결하는 커뮤니티

첫 화면에 글쓰기와 랭킹을 배치하고, 제품·브랜드·판매처 정보를 서로 연결했습니다. 정보를 탐색한 이용자가 게시글 작성과 다른 콘텐츠 열람으로 이어갈 수 있도록 구성했습니다.

컬러 시스템

  • 배경#FEFEFE
  • 메인 컬러#FF5E00
  • 포인트 컬러#EC4899
  • 본문 · 헤드라인#191F28

본문은 흰 배경으로 정리하고, 글쓰기 버튼과 랭킹 등 주요 기능에 오렌지색을 적용했습니다.

타이포그래피

헤드라인
Pretendard

제작 방식과 구성

무엇으로 만들었고, 사이트를 어떻게 나눴는지.

제작 방식

커스텀 개발

기성 솔루션의 틀 대신, 서비스에 필요한 화면과 기능을 처음부터 직접 개발했습니다.

적용한 구현 요소

  • 회원·인증
  • 게시판 시스템
  • 제품 데이터 모델
  • 검색·필터

사이트 구성

실제 사이트의 주요 메뉴입니다.

메인
  1. 커뮤니티
  2. 전담인
  3. 제품정보
  4. 판매처
  5. 브랜드
  6. 랭킹상품목록
  7. 업체등록

설계 노하우

풀어야 했던 문제와 웹피터의 결정, 그리고 이 프로젝트에서 얻은 것.

풀어야 했던 문제

콘텐츠가 없으면 커뮤니티도 없다

서비스 초기에도 이용자가 참고할 정보를 제공하고, 게시글 작성과 참여 기능을 쉽게 찾도록 구성할 필요가 있었습니다.

웹피터의 결정

읽을거리를 먼저 두고, 쓸 자리를 만든다

제품 정보와 브랜드, 판매처 디렉토리를 먼저 채워 방문 이유를 만들고, 그 위에 커뮤니티·랭킹·출석 같은 참여 장치를 얹었습니다. 업체등록을 열어 공급자 쪽 콘텐츠도 함께 쌓이도록 했습니다.

웹피터 인사이트
커뮤니티는 읽을거리가 먼저 있어야 글쓰기가 따라옵니다. 제품과 브랜드, 판매처 정보가 서로 이어지면 한 번 들어온 사람이 다음 콘텐츠로 넘어갑니다.

커뮤니티 플랫폼

이 사례 같은 사이트,
우리 회사에도 필요하다면

업종과 목적에 맞는 구조부터 함께 정합니다. 지금 사이트 상황을 남겨 주시면 영업일 1일 이내에 회신합니다.

  • 영업일 1일 이내 회신
  • 표준 제작 기간 5~8주
  • 소스코드·디자인 원본 인계
전체 포트폴리오