이 글의 목차
피그마 강의(프로토타이핑) + 노코드 강의(서비스 제작) + 그로스해킹 강의를 수강한 결과물입니다.
•
기획 및 그로스를 포함하여 디자인, 개발, DB, 마케팅 등 폭넓게 이해하기 위해 직접 서비스 제작
Ⅰ. 서비스 개요
1. 한 줄로 서비스 정의하기
Who (누구를 대상으로) / How (~을 할 수 있는) / What (웹/앱 서비스)
⇒ 누군가에게 선물하는 상황에서 흔한 선물을 하고싶지는 않고 의미가득한 선물을 하고 싶은
사람들이 이용하는 웹서비스
(앱은 추후)
2. 타겟 유저
•
메인 타겟 : 선물에 대한 정보를 얻고자 하는 소비자들
•
서브 타겟 : 상품을 판매하고자 하는 판매자
◦
단, 상품 판매 기능은 추후 오픈
3. 왜 하고자 하는가
•
선물하는 것을 좋아하는데, 좀 더 의미있는 선물을 하고싶은 개인적인 욕심
•
점점 커지는 선물하기 시장
Ⅱ. 정의
정책서 (작성 중)
IA
홈 | 커뮤니티 | (타)유저 페이지 | 스토어 (추후) | 마이페이지 |
ㄴ인기선물 | ㄴ필터 | ㄴ유저 정보 | ㄴ필터 | ㄴ내정보 |
ㄴ상황 | ㄴ팔로우 | ㄴ상품카테고리 | ㄴ정보수정 | |
ㄴ받는사람 | ㄴ작성한 글 | ㄴ상황 | ㄴ팔로워 (추후) | |
ㄴ검색 | ㄴ좋아요한 글 | ㄴ받는사람 | ㄴ팔로잉 (추후) | |
ㄴ글 | ㄴ제품상세 | ㄴ내가 쓴 글 | ||
ㄴ작성자정보 | ㄴ상세정보 | ㄴ좋아요한 글 | ||
ㄴ상세내용 | ㄴ후기목록 | |||
ㄴ좋아요 | ㄴ후기상세 | |||
ㄴ댓글 | ㄴ문의목록 | |||
ㄴ문의상세 | ||||
컬러
Primary | FF2A00 |
900 | CC0000 |
800 | E31300 |
700 | F12100 |
600 (P) | FF2A00 |
500 | FF3204 |
400 | FF5A32 |
300 | FF7B58 |
200 | FFA288 |
100 | FFC7B7 |
50 | FEE7E5 |
Ⅲ. 화면기획
Ⅳ. 구현
적용 목록
피그마 | 사용 방법 학습 |
관계형 DB | 1:N의 관계 유지를 위한 다수 테이블 생성
- 회원, 일반회원(추후 사업자 회원그룹이 추가될 것을 고려), 글, 좋아요, 댓글 테이블로 구성 |
정규표현식 | 각 상세페이지 별 OG태그 생성을 위해, 정규표현식으로 이미지 링크 추출이 필요
이에 정규표현식 사용 (정규표현식을 이해했다기보다 필요한 부분에 적용) |
HTML 코드 | 간단한 HTML 코드 |
Formula | Airtable상에서 Formula 적용하여 원하는 값 생성 |
SEO | META 태그에 해당하는 Title, Description 및 OG태그 설정 |
디자인 시스템 | - 컬러시스템 적용 (Primary 색상 지정)
- 타이포그래피 적용 (H1, H2, H3, body, small로 나누어 적용) |
Ⅴ. 그로스
Activation
•
Active User 정의
◦
커뮤니티 메뉴에서 상세페이지 글을 3개 이상 조회한 회원 or 상세페이지에서 구매하러 가기 버튼을 1회 이상 클릭한 회원?
◦
유의 : 작성자가 구매처 링크를 입력하지 않으면 구매하러 가기 버튼이 없음! 이 경우 적극적인 사용자이나 Active User에 포함되지 않을 수 있음
•
Cohort 분석
◦
선물후기 글을 1회 이상 작성한 사람 or 한번도 작성하지 않은 사람
◦
좋아요를 1회 이상 누른 사람 or 한번도 누르지 않은 사람
Retention
•
기준은 Active User와 동일하게 측정
•
Rolling Retention 으로 측정
◦
선물할 일이 있을 경우만 사용하므로 정기적인 주기가 없기 때문에
◦
단, Retention을 상승시킬 유인구가 필요함
A/B테스트
•
플로팅 버튼을 선물후기 글 작성 1개만 생각하고 있으나,
•
현재 UI에서는 커뮤니티 메뉴로 진입이 번거로움
◦
우측상단의 햄버거 버튼을 눌러서 커뮤니티 메뉴를 클릭해서 이동하거나,
◦
맨 아래 인기선물 Top3 구역의 전체보기 버튼을 클릭해야 이동함
•
플로팅 버튼을 2개(글 작성, 커뮤니티 메뉴 이동)로 하면 Active User가 증가할지 A/B테스트 희망