[용산4기] 전Z전능 디지털마케터 과정 6주차 - 상세페이지 기획

24.09.12.

- 상세페이지 기획 방법 이해

- 케이스 스터디를 통한 심화 이해 및 실습

- 프로젝트

---

<스타트업에서 주로 쓰이는 툴>

구글 생태계 / 노션 / 슬랙 / 피그마

 

How to 노션

* 노션은 마크다운 언어로 동작함.

 

1, 주요 단축키

# : heading 1

## : heading 2

### : heading 3

> + space bar : 토글 버튼

- + space bar : 불렛

tab : 들여쓰기

shif + tab : 내어쓰기

[] + space bar : 체크박스

@ : 언급

Ctrl + P : 하이라이트 (찾기) 기능

 

2. 노션 기능

- 테이블

특성: 데이터의 구조화된 관리

설명: 데이터를 행과 열로 구성하여 체계적으로 정리하는 기능. 각 열에는 다양한 속성(텍스트, 숫자, 날짜 등)을 설정할 수 있어 데이터 필터링, 정렬, 계산 등이 용이함.

 

- 타임라인 뷰

특성: 시각적인 일정 관리

설명: 프로젝트의 일정이나 마감일을 시각적으로 나타내어, 각 작업의 시작일과 종료일을 쉽게 확인하고 관리 가능. 드래그 앤 드롭으로 간편하게 작업을 조정 가능.

 

- 폴아웃

특성: 선택 가능한 옵션 제공

설명: 사용자가 미리 정의된 옵션 중에서 선택할 수 있게 해주는 기능. 주로 데이터 입력을 표준화하고 오류를 줄이는 데 유용함.

 

- 갤러리뷰

특성: 시각적 콘텐츠 표시

설명: 이미지, 카드 등 시각적 요소를 활용하여 콘텐츠를 나타낼 수 있는 뷰. 각 항목을 카드 형태로 보여주어 빠르게 내용을 파악할 수 있음.

 

- 멀티뷰

특성: 다양한 뷰의 통합

설명: 같은 데이터베이스를 여러 가지 뷰로 동시에 보여줄 수 있게 해주는 기능. 이를 통해 사용자는 데이터의 다양한 측면을 동시에 분석하고 활용할 수 있음.

 

- 콜아웃

특성: 주목할 만한 정보 강조

설명: 특정 정보를 강조하여 시각적으로 돋보이게 만들어주는 기능. 중요한 메모나 알림을 사용자에게 주목시키는 데 유용함.

 

3. 노션 기능 중 실무에 쓰일만한 것

* 병렬로 놓는 법

드래그 앤 드롭해서 파란 가이드라인이 옆에 위치할 때 드롭하기

 

* 노션 단 맞추기

 

4. 상세페이지 만들기

 

팔리는 상세페이지

상세페이지를 구성하는 5요소

 

- 페르소나

- USP

- 브랜드 비주얼 가이드

- 이미지

- 카피라이팅

 

팔리는 상세페이지의 8법칙

 

1. 첫 이미지는 모든 페이지를 아우르는 코어 메시지를 담는다.

2. 첫 이미지는 그대로 광고 소재처럼 간결하고 강력해야 한다.

3. 텍스트에도 디자인이 있다.

4. 상세 페이지 전체 색상은 3개 이하로 최소화한다.

5. 철저히 모바일 최적화

6. 내용이 광범위할 때는 그루핑 해라.

7. 상세 페이지 전체에서 핵심적 최우선 USP는 3가지 이하로 제한한다.

8. 장점만 표기하는 게 아니라 ‘장점 + 고객이 얻는 효용’

 

* 어느 정도 길이까지 괜찮은가?

읽을만한 상세페이지는 길이가 길어도 OK

이유가 없으면 안 읽는다.

 

* grouping

 

상세페이지 Tip

 

frame

프레임을 짜서

 

flow

흐름을 짜서 놓고 해야

 

Design Guide

가이드를 잡아서 통일시키는 것이 중요

 

Rhyme

카피의 라임을 놓고 쓰면 좋음

 

움직이는 영업사원, GIF

- 시각적 후킹

- 비포/애프터

- 제품 사용번

- 어떤 것들로 내 제품이 구성되어 있는지

- 비주얼로 보여줘야만 하는 액티브한 기능 (방수, 방검 등)

- 실험 결과의 신빙성 증대 (타임랩스 등)

- 식품

 

상세페이지 기획법

 

벤치마킹

경쟁사 분석 : 가장 쉬운 밴체마킹 방법 경쟁사가 말하는 메시지를 따라 하는 것

 

2. 벤치마킹으로 창조하는 법

벤치마킹 영역

 

- 타깃 톤 앤 매너

- 표현법

- 기능적, 감성적, 결핍 전달 등

- 기능 참조 wadiz

- 결핍 전달 참조 스마트스토어 공포마케팅

- 감성적 내가 평상시에 감성적이라고 느끼는 브랜드들 (보통 뷰티, 향수, 캔들)

- 상세페이지 디자인이 보여 줄 이미지

- 제품/모델 촬영 이미지

 

경쟁사란?

고객의 니즈랑 문제점 해결할 수 있는 모든 대체재

-> 카테고리에 한계를 두지 않고 벤치마킹하기

 

---

소감

 

- 찬스마켓의 진실

오늘 수업에서는 실습으로 찬스마켓의 USP를 잡고 상세페이지 기획까지 가보기로 했다. 일단 결론부터 말하면 방향성이 정말 달라졌다. 매번 나는 찬스마켓의 홈페이지를 보고 "이게... 되네?" 하고 의문을 가졌다. 상세페이지를 봐도, 상품 가짓수를 봐도... 어떻게 3일 내로 모든 물건이 족족 매진되는지 의아했다.

 

그러던 중 오늘 찬스마켓의 대표님 이야기를 듣게 되면서 그 궁금증이 풀렸다.

 하지만 벅찬 감동실화로 뜨거워진 심장과는 반대로 내 TAM SAM SOM이 빗나갔다는 걸 알게 되면서 머리가 식어버렸다. 빨리 말씀해 주시지...ㅠ

 

그렇게 다시 조원들과 USP를 도출하긴 했는데... 진짜 우리 조원들 없었으면 어쨌을 뻔했냐.. 다들 '나는 크리에이티브랑 안 맞다' 이랬는데 진짜 너스레였고 다들 신박한 아이디어를 나보다 더 잘 제시했다. 그러다 보니 나도 거기에 의견을 추가로 보탤 수 있고.. 아무튼 다들 수고하셨습니다. 진짜로.