[창업부트캠프] 본 과정 클래스리뷰 챌린지 #12

Chapter 3. 상세페이지 만들기

 

1. 상세체이지 3초 법칙

고객이 3초 안에 읽을지 말지 결정한다.

 

1. 강조형

2. 공감형

3. 후기형

 

상세페이지 형태

이미지
텍스트
이미지
텍스트

스마트 스토어 같은 개인의 쇼핑몰

블로그처럼 이미지와 글을 섞어서 노출이 잘 되는 효과

 

이미지
이미지

이미지의 사이즈가 적어서 로딩 시간 단축 가능

 

하나의 통 이미지

큰 쇼핑몰(오픈마켓)은 나누기 불가능하므로 통 이미지

 

2. 상세페이지 구성

 

제품 이름
제품 소개
제품 특징
대상 고객
고객 후기
배송 안내

*순서는 바뀔 수 있음

텍스트를 준비 후 상세페이지를 디자인하기

 

3. 상세페이지 사이즈

 

가로 사이즈 먼저 설정 후 디자인하기

 

4. 상세페이지 실습

 

기존 망고보드 템플릿 활용

 

디자인 색깔 톤을 바꿈

이미지를 가지고 온 다음에 그 이미지와 비슷한 톤으로 맞추기

색을 바꿀 때는 가장 넓은 부분부터 바꾸기

"같은 색상 모두 변경" 클릭 -> 한꺼번에 색상 바꾸기 적용

 

디자인을 다운로드 할 때 하나로 합쳐서 '하나의 긴 이미지'로도 저장 가능

 

요즘 트렌트는 영상이미지 디자인

영상이미지 디자인은 GIF로 따로 저장하기