상세페이지 디자인 참고 레퍼런스 사이트 총정리

상세페이지 디자인 참고사이트로 제대로 제작해보자

 

상세페이지 디자인을 할 때 다양한 영감을 얻고 기획을 하고 디자인을 완성시키는 과정까지 조금 더 쉽게 할 수 없을까요?

 

이럴 때에는 참고할만한 여러 가지 레퍼런스 사이트를 살펴보고 고민을 해결하는 것이 좋습니다.

 

---

레퍼런스란? (Reference )

 

언급, 인용, (정보를 얻기 위해) 찾아봄  참고 표시를 하다, 참조 문헌을 달다

---

레퍼런스란 ? 요즘에 레퍼런스의 의미는 다양한 의미로 많이 쓰이지만 여기서 말하고자 하는 건 디자인분야이기 때문에 '참고자료' 즉 창작할 때 영감을 주는 디자인을 뜻합니다.

무조건 따라한다기 보다는 이러한 레퍼런스를 활용해서 조금 더 멋진 상세페이지를 제작하는 것이 중요하죠.

그럼 상세페이지 디자인에 대한 레퍼런스를 참고할만한 여러 사이트 소개해보고 각 사이트별로  뽑아낼 수 있는 장점도 함께 알아볼게요.

---

1. 와디즈

 

와디즈는 경쟁력있는 상품을 개발하고 그 상품을 올려서 펀딩 후 투자받는 형식의 사이트인데요. 수많은 상품이 업데이트되는 곳이니만큼 상세페이지도 경쟁력 있게 만드는 경우가 대부분이에요.  그렇기 때문에 와디즈같은 펀딩 사이트에서 다양한 디자인을 참고해보시면 좋습니다.

그럼 사용하는 방법 잠시만 확인하고넘어갈게요~!

만약 내가 커피에 관련된 상세페이지를 제작한다고하면 사이트 접속 후 검색창에 커피라고 검색해주세요.

여러가지 상세페이지 이미지들이 나오죠? 이렇게 확인하시면 된답니다. 여기서 보셔야 할 건 다음과 같은 항목 기준으로 보셔야 해요.

- 썸네일 이미지
- 대표 카피라이팅 문구(강조할 수 있는 문구들)
- 디자인 구성 

썸네일 이미지는 딱봤을때 클릭해보고 싶다의 느낌이 들면 바로 컨텍해주세요. 커피 라이팅 문구는 대표적으로 내 눈길을 사로잡는 문구라면 바로 적어주세요. 디자인 구성은 어떤 내용부터 나오는지 하나씩 메모를 해보는 거예요.

 

2. 크몽(https://kmong.com/)

두번째는 실제로 상세페이지 디자인을 전문적으로 하고 있는 프리랜서 또는 기업이 모여있는 크몽. 숨고사이트를 이용해보는 거예요.

어떻게 보면 검증된 실력을 가지고 있는 전문가가 만든 디자인을 많이 볼 수 있는 사이트들이기도 한데요.

한번 접속해볼까요? 전체카테고리에서 상세. 이벤트 페이지 메뉴를 선택하고 여기서 [기획.촬영.디자인] 이 메뉴를 선택합니다.

이렇게 선택하는 이유는 무엇일까요? 바로 기획은 어떻게 했는지 사진은 어떻게 촬영되었는지 마지막으로 디자인까지 모두 한눈에 확인할 수 있기 때문이에요. 하지만 조금 더 상세한 레퍼런스를얻고싶다면 저 같은 경우  [전체 카테고리]-[영상. 사진. 음향] 메뉴에서 [사진 촬영] 메뉴를 선택하고 어떤 식으로 제품이 촬영되었는지 벤치마킹을 할 것 같아요.

이렇게 크몽같은 전문가가 모여있는 사이트도 이용해보시면 좋습니다.

 

3. 망고보드(https://www.mangoboard.net/) 미리 캔버스 (https://www.miricanvas.com/)

 

망고보드나 미리 캔버스는 많이 이용도 하실 거고 알고 계실 건데요.템플릿이 다양하게 있고 바로 적용도 해볼 수있는 사이트죠.

하지만 위의 설명한 와디즈나 크몽같은 사이트와는 조금 다르게 기획적인 부분에서는 조금 아쉬울 수 있기 때문에 디자인 레이아웃이라던지 폰트 그리고 이미지사이즈등을 기준으로 보시면 좋습니다.

 

4. 핀터레스트 (https://www.pinterest.co.kr/)

 

 

핀터레스트는 한국보다는 외국에서 더 핫한 사이트이기도 한데요. 다양한 카테고리별로 사진이나 영상이 업로드 되고 영감을 얻을 수 있는 대표적인 사이트예요.

사실 이 핀터레스트는 잘만 활용한다면 마케팅용도로도 아주 효과적인데요. 자세한 건 추후 정리해서 영상 올려볼게요~!

핀터레스트를 활용하는 이유는 디자인의 폭을 더 넓혀서 볼 수 있다는 거예요.이렇게 접속해서 상세페이지 또는 detail page라고 검색해주면 이렇게 많은 레퍼런스 디자인을 확인하실 수 있습니다.

 

5. 구글이미지검색  (www.google.co.kr/imghp?hl=ko&tab=wi&ogbl)

 

다음은 구글에서 직접검색해보는거에요. 네이버. 다음 등 다양한 포털사이트가 있는데 왜 하필 구글이냐고요?구글은 다른 포털사이트보다 제제하는 기준이 높지않아요. 그래서 정말 방대한 자료들을 검색하고얻을 수 있는 곳이죠.

생각보다 구글에서 검색했을때 정말 많은 레퍼런스를 저는 찾을 수 있었어요.검색창에 이번엔 '애견간식 상세페이지'를 검색해볼게요. 이런 식으로 많은 디자인을 확인하실 수 있습니다.

---

오늘은 상세페이지를 제작하기 전 레퍼런스를 찾는 이유와 자세한 디자인 참고사이트를 알려드렸는데요~! 처음 기초부터 탄탄히  짚고넘어가셔야 완성도가 더 높아진다고 생각해요.

자세한 내용은 유튜브 영상에서 확인이 가능합니다~!

 

https://youtu.be/x 5 en0 LC8 Vmo