본문 바로가기

초보 창업자라면 반드시 체크할 것

현직 웹디자이너가 알려드리는 상세페이지 제작 꿀팁!

 

 

본업은 해외구매대행 '이지바이유럽' 스토어팜 운영중이고 (대표는친구고저는관리만..ㅎㅎ)

부업으로 웹디도 하고있습니다!

자주 카페에 오는데요 스토어팜 글보다보면 상세페이지 제작이나 사진보정등 문의하시는분이 많은거같고

아무것도 모르는상태에서 하시면 막막하니까..혹여 도움이라도 되실까해서 작성해봅니다!

상세페이지 꿀팁

 

첫번째! 사진을 잘찍자!!!

조명이나 자연광 사용법 저는 사진작가는 아니다보니 이부분은 패스!

사진+문구만 쓰시는 분들은 많이 찍어서 좋은거 건져서 살짝 보정하면되니까 괜찮으시겠지만

상세페이지를 제작해서 쓰실분들은 제품(화장품,식품,악세사리등,,)은 포토박스나

흰종이라도 깔고 무조건 빛은 둘째치고 깔끔하게 찍는게 가장 좋은것같아요ㅎ_ㅎ

두번째! 포토샵을 쓰세요!

무료찾으신다고 금액이 부담되서 여러 프로그램쓰시거나 하시는 분 많으실텐데요

상세페이지 제작(하나로) 만드실분들은 그냥 포토샵 쓰세요~

한달에..떡볶이 먹을돈? 한번 줄여서 쓰시면 될거같아요

어도비 포토샵 무료체험판 먼저 7일써보시고 결정하셔도 좋구요

가격은 11,000원 짜리 쓰시면 충분합니다

포토샵 사용방법입니다

먼저, 사진 밝기부터 조정합니다.

① 간단한밝기조절방법 ctrl+L

CTRL+L

1. 왼쪽부터 첫번째화살표는 명도랄까..뭐라설명하기어려운데 올릴순 없고 낮출수만있습니다(전체적으로어둡게해줌)

2. 가운데 화살표는 대비 <이동시 전체를 뿌옇듯 밝게 , > 이동시 어둡게 처리됩니다.

3. 오른쪽 화살표가 밝기를 올려줍니다. 그래프가 오른쪽 아래로 내려가일수록 어두운 이미지로 오른쪽 화살표 조정

하시면 됩니다.

3가지 화살표를 움직여보면서 조절하세요~

② 더욱더 상세하게 밝기 조절을 원할경우 ctrl+M

정해진 화살표가 없으며 그래프선을 클릭하여 자유롭게 밝기를 조절 하실 수 있습니다.

드래그방식으로 클릭한채 위로올려보거나 내려보시면서 섬세하게 밝기 조절가능

③ 색 조정 ctrl+b

저는 예시로 고기 사진을 사용해봤는데요 (아래사진참고)

이사진경우는 magenta(보라)와 cyan(청록)이 많이 돌아서

cyan과 반대되는 red 컬러로 색감을 좀빼면서

아무래도 보라와 청록이 많이돌면 차가운 느낌을 주다보니 yellow(노랑) 쪽으로도 조금 뺏습니다.

위에안내드린 방법 두가지만 했는데도 꾀 괜찮죠..?

단점으로는 위안내드린 방법은 밝기와 색감이 전체적으로 변경되기때문에

"나는 데코쪽만 밝히고 싶은데..

고기만 밝히고싶은데.."

이 경우는 p(펜툴)원하는 부분만 모양을 따서 위 방법을 사용하여 적용할 수있는데요

고기같이 모양이 일정하거나 큰 모양은 p로 따기가 쉽지만 그외..풀같이 모양이 일정하지 않은 데코는

저또한 오랜시간이 필요하고 초보자는 더더욱 어렵습니다..

그렇기에 사진찍을때 내가 원하는 컨셉!

더 잘보여야하는부분 각도 이런거 부터 첫째로 생각하시고 찍어주시면 수월해요~!

펜툴 활용 과정

위 사진은 펜툴 활용과정으로

P(펜툴)를사용하여 원하는 부분을 따주는 중입니다..ㅋㅋㅋㅋ

잘못찍었을때는 ctrl+Z 나 ctrl+alt +Z를 누르시면 전단계로 돌아갑니다.

계속 전단계로 돌리다가 P가 안이어질때는 마지막 찍은점을 찍어주시면 이어서 찍을수 있습니다.

1,3번 적용사진

1,3번+펜툴적용사진

심화과정으로 펜툴이용하여 고기만 밝기 및 색감 조정해봤습니다

첫번째 비교사진과 또 다르죠?ㅎㅎㅎ 저는 하는일이라서 쉽게 느끼겟지만..초보자분들께는 ㅠㅠㅠ

어려우실수 있을거 같아요..도움이라도 되시길 바랍니다!

두번째,상세페이지 제작

저는 상세페이지를 통으로 길게도 만들어보고

사진+문구,사진+문구형식으로도 많이해봤습니다.

사진+문구 경우는 위 안내드린대로 사진보정에만 신경쓰시고

문구는 타이핑해서 올리시면 되구요

 

상세페이지 제작하는거는 정말 센스에요

가장중요한거는 다른곳 많이보기 입니다.

경쟁업체나 내가 하려는 컨셉을 이곳저곳 스토어팜 많이 보시고

컨셉부터 잡아서 캡처(참고용)도 많이해두시고!

문구도 마음에 드는게 있으면 참고해서 쓰면됩니다

다른 스토어팜이나 쇼핑몰도 다그렇게해요

제조,식품판매하는데 보면

안먹어본사람은 있어도! 한번만 먹어본 사람은 없다!

꾸준히 재구매율 1위! 지인소개율 1위!

이런멘트! 대부분 씁니다.

(솔직히 고객분들께서는 어떻게해서 1윈데? 통계를 보여줘 이럴사람없죠 걱정은 ㄴㄴ)

다만 고객만족도1위 업계1위 < 이런건 거르시는게 좋고요 (경쟁업체에서 시비걸수도)

 

급하게 위사진 활용하여 제작해봤습니다!

폰트는 티몬(무료폰트)와 나눔스퀘어 사용했습니다!

상업용 폰트도 많이 있으니 찾아보고 활용하시면 좋을것같아요!

진짜 상세페이지 제작은

다른 쇼핑몰 스토어팜 등 많이 많이 찾아보는것!

정말 도움됩니다!

긴글 읽어주셔서 감사합니다~

도움되시길 바랄게요!

오늘도 화이팅!!!