[7/15] 33기 클래스리뷰 #11,12

블로그 챌린지

강의 내용(망고보드)을 기반으로 내 상품, 서비스 상세페이지 제작해보기

^^... 갑자기 진짜 가설 세워서 상세페이지 만드는 챌린지 받았다. ㅋㅋㅋ. 진도가 빠르네요 선생님.. 제가 느린거겠죠? ㅎ. 상품을 뭐로 할까~ 고민하다가 취업할 때 쓴 자소서를 무료로 나눠주면 수요가 있을지 궁금해졌다. 일단 상세페이지를 만들자는 마음으로 망고보드로 무작정 뚝딱뚝딱 만들었다. 글귀 생각안하고 만들기부터 하니까 중간에 고민하는 시간이 길었다. 그래서 우선 생각나는 글귀만 만들었다. 아직 많이 추가해야하는데 남은부분은 "글을 먼저 정하고 > 상세페이지 제작"하는 방향으로 하자. 그래도 고민할 때 12블록 다시 읽어보니까 어디가 부족한지 확실하게 알 수 있었다.

 

지금까지 만든 페이지는 12블록중에 (1. 클릭을 부르는 제목 / 8. 이지픽 테크닉(본문) / 11. 반응유도) 이렇게 3블록 정도 있는 것 같다. 공짜로 나눠주는거니까 (9. 위험탈출구 / 12. 긴급효과) 는 내맘대로 빼버리자. 이제 (2. 오픈퀘스천(서두) / 3. 브레인오프너(서두) / 4. 자격증명(본문) / 5. 선제공격(본문) / 6. F.B 트리거(본문) )를 넣어야한다. 이렇게 보니 중요한 부분이 다 빠져있네ㅎ. 그래도 글만 정해졌으면 망고보드로 이미지 만드는건 의외로 재밌다. 난 디자인 감각이 별로 없는데도 이미 되어있는거 가지고 수정하니까 내가 제작을 굉장히 잘하는 것만 같고 괜히 뿌듯하다. 모자란 블록들도 글귀 생각해서 상세페이지 완성하자.

 

강의 요약

3-1. 망고보드 디자인 기초

창업에 필요한 디자인 : 콘텐츠?, 홈페이지 배너, 상품 광고 페이지, 상품 판매할때 상세페이지, 브로셔 등 다양한 컨텐츠의 디자인. 망고보드를 사용해서 어느정도는 스스로 해보자. 그 다음에 좀 더 전문적인 영역이 필요하면 그때 디자이너에게 맡기기. 망고보드 디자인 기초. 망고보드에서는 제일먼저 디자인 크기를 정해야한다. 그 후 텍스트, 이미지, 동영상 등 활용해서 상세페이지 디자인하기. 벤치마킹할 다른 상세페이지를 참고해서 만들면 좋을 것 같다. 너무 흰 바탕에서 처음부터 그리긴 어려울듯.

​

3-2. 눈에띄는 온라인 광고

간결하고, 실용적이고, 직관적이고, 친절한 디자인.

폰트가 단조롭다. 고딕체 선호. 컬러도 하나 주요 색감을 선택하고 그 색감을 비슷한 여러개로 나눠서 활용한다.

필요한 요소 : 좋아보이는 이미지, 고객이 원하는 카피라이팅(와디즈 벤치마킹), CTA.

3-3. 상세페이지 만들기
상세페이지 3초법칙 : 고객이 우리 상품의 상세페이지를 딱 접했을 때 3초안에 결정이 난다.
고객이 우리상품을 매력적이게 여길 수 있는 내용을 상단에 넣어야 한다. 
우리 상품 중 어떤부분이 제일 매력적인지 찾아보기. 강조형 / 공감형 / 후기형. 
상세페이지 형태는 이미지만 보여주는 것과 이미지 텍스트를 같이 보여주는 게 있다. 텍스트를 함께 보여주는게
검색엔진에서는 노출에 유리하다. 이미지를 한 이미지가 아니라 작은 이미지 여러개로 보여주는 경우는 한 이미지보다 이미지 사이즈가 적기 때문에 로딩에 시간이 적게 걸린다는 장점이 있다. 
상세페이지 구성 : 제품 이름 / 제품 소개 / 제품 특징 / 대상 고객 / 고객 후기 / 배송 안내.
상세페이지 구성은 모듈로 나눠서 순서를 유연하게 바꾸면 된다. 망고보드에 있는 상세페이지를 활용해서 변경하면 편리하다. 크기변경을 먼저 만들어서 진행하는 것이 좋다. AutoFit 콘텐츠 자동맞춤 활용.
GIF로 만드려면 시간을 조절해야한다. 동영상 모션설정 탭에서 이동전머무는시간을 수정하면 된다. 
다운로드 할때는 GIF로 해야하고 전체슬라이드가 아니라 GIF를 넣은 슬라이드만 다운로드 해야한다.