입문
챕터 11개 · 5시간 40분
한국어 · 영어 · 일본어|오디오 한국어

이런 걸 배울 거예요

상세페이지 기본 구성

상세페이지에 들어가는 기본 구성에 대해 알아봅니다.

시선을 사로잡는 인트로 디자인

상세페이지에서 가장 중요한 인트로 디자인하는 방법에 대해 알려드립니다.

제품 보정법

휴대폰 카메라로 촬영 후 직접 보정하는 방법까지 알려드려요.

무료 소스 다운로드

유용하게 사용할 수 있는 무료 소스 다운로드 방법을 알아봅니다.

제품을 돋보이게 하는 그림자 넣기

여러 가지 방법의 그림자를 넣어 상세페이지를 더욱 풍성하게 만들어 보세요

상세페이지 기본 규칙

디자이너들이 많이 사용하는 상세페이지 기본 규칙을 알려드립니다.

강좌를 더욱 효과적으로 들을 수 있게 무료 템플릿 제공

수강시, 무료 템플릿 제공

▶︎ 수강시, 무료 템플릿 제공

포토샵이 처음이라 조금 어렵다면 강좌 수강 시 무료로 드리는 템플릿으로 쉽게 따라오실 수 있고, 나만의 상세페이지를 만드실 수 있어요!


템플릿을 효율적으로 사용하실 수 있게 템플릿 사용방법도 하나씩 알려드립니다.

포토샵을 이용한 템플릿 사용 안내_1

▶︎ 포토샵을 이용한 템플릿 사용 안내_1

포토샵도 배우고 상세페이지 디자인도 배울 수 있는 1석2조의 강의입니다.


❗ 이런 분들께서는 수강을 고민해 주세요 :)

  • 포토샵을 처음 접하시는 분들도 따라올 수 있게 준비된 클래스입니다. 포토샵의 기본 기능을 익히신 분들께는 너무 쉬운 강의가 될 수 있어요.

  • 포토샵 기본 기능과 함께 전체적인 상세페이지 제작 방법을 핵심만 짚어 빠르게 알려드리는 클래스 입니다. 디테일한 상세페이지 기획 및 전문적인 이론을 원하신다면 아쉬울 수 있어요.

  • 불필요한 이론을 생략하고 영상을 따라하는 과정에서 포토샵의 기능을 자연스럽게 익히고 완강까지 함께 진행되는 클래스 입니다. 전 과정을 자세히 설명하는 강의를 원하시는 분은 수강을 고민해 주세요.

안녕하세요

이지디자인, 이디입니다

포토샵으로 웹디자인 설명_1

▶︎ 포토샵으로 웹디자인 설명_1

안녕하세요. 이지디자인 유튜브 채널을 운영하고 있는 이디입니다. 구독자분들과 소통하며 디자인에 관심 있으신 분들께 웹디자인에 대해 알려드리고 있습니다.


상세페이지 제작 시 기획, 촬영, 디자인 비용까지 부담되시죠?

직접 만든 상세페이지로 상품 판매를 해보세요!

상세페이지 작업예시

▶︎ 상세페이지 작업예시

비용 절감뿐 아니라 내가 판매할 제품의 상세페이지를 직접 만듦으로써 제품의 장점과 표현하고 싶은 내용을 더욱 효과적으로 전달할 수 있습니다.

직접 만들어 더욱 효율적인 상세페이지

▶︎ 직접 만들어 더욱 효율적인 상세페이지


"보기 좋은 떡이 먹기에도 좋다" 라는 말 아시죠!

신경써서 기획하고 만든 상세페이지 이왕이면 잘 만들어서 경쟁사와 차별화된 상세페이지를 만들어야 합니다.

수많은 상세페이지 중에 한눈에 시선을 사로잡는 디자인으로 상세페이지의 진입율을 높여주고

바쁜 현대인들에게 제품의 장점을 시각적으로 표현하여 효과적으로 전달 할 수 있습니다.


포토샵으로 만드는 상세페이지!


포토샵만 있다면 상세페이지를 누구나 만들 수 있게 1부터 시작하는 방법을 알려드리려 합니다.


이런 분들에게 도움이 될 거예요


언택트 시대 인기 직종 디자이너 도전!

▶︎ 언택트 시대 인기 직종 디자이너 도전!

요즘 투잡, 재택근무, 스마트 스토어에 대한 관심이 높아졌는데요, 상세페이지 제작 방법을 익혀 상세페이지 디자이너로 역량도 높이고 언택트 시대 필수인 재택근무도 도전해 볼 수 있어요.

클래스 주요 내용

상세페이지 디자인 기본 구성

상세페이지 제품구성

▶︎ 상세페이지 제품구성


상세페이지 필수 구성요소

▶︎ 상세페이지 필수 구성요소


상세페이지 길이

▶︎ 상세페이지 길이


제품 종류와 특성에 따라 상세페이지의 구성이 다양하지만 기본적으로 상세페이지에 들어가는 구성을 알면 처음부터 끝까지 막히지 않고 수월하게 상세페이지 디자인을 할 수 있습니다.


시선을 사로잡는 인트로 디자인


인트로 페이지 예시_1

▶︎ 인트로 페이지 예시_1


상세페이지에서 제일 중요하다고 할 수 있는 부분은 인트로입니다. 인트로 디자인만 잘해도 이미 절반은 성공한 거라고 볼 수 있어요. 인트로에 최적화된 텍스트 크기와 배열하는 방법을 공개합니다.


제품 촬영과 보정 법

휴대폰으로 촬영하고 보정한 이미지 예시_1

▶︎ 휴대폰으로 촬영하고 보정한 이미지 예시_1


▶︎ 휴대폰으로 촬영하고 보정한 이미지 예시_2

휴대폰으로 촬영하고 보정한 이미지 예시_3

▶︎ 휴대폰으로 촬영하고 보정한 이미지 예시_3

휴대폰으로 촬영하고 보정한 이미지 예시_4

▶︎ 휴대폰으로 촬영하고 보정한 이미지 예시_4

상세페이지 디자인만큼 제품 이미지는 매우 중요합니다. 휴대폰과 집에 있는 소품을 이용해서 멋지게 촬영하고 보정하는 방법을 알려드릴게요.


실무의 여러 가지 팁들을 공개합니다!

여백과 비율의 변형

▶︎ 여백과 비율의 변형

인트로 폰트 꾸미기

▶︎ 인트로 폰트 꾸미기




  • 디자이너들이 많이 사용하는 상세페이지 기본 스타일 규칙

  • 상세페이지 디자인 시 유용한 무료 이미지, 무료 아이콘, 무료 폰트

  • 제품을 돋보이게 하는 그림자 사용법

커리큘럼

크리에이터

이디

이디

안녕하세요, 프리랜서 디자이너 이디입니다. 웹에이전시, IT, 인하우스 디자이너로 오랜 경력을 쌓아 다양한 분야의 디자이너로 활동하고 있습니다. 현재 이지디자인이라는 유튜브 채널을 운영 중입니다. 상세페이지 디자이너를 꿈꾸시는데 어떻게 시작해야 할지 막막하신 분들, 상세페이지 제작 단가가 비싸서 망설이시는 사업자분들을 위해 1부터 시작하는 온·오프라인 강의를 하고 있습니다.

이지디자인

이지디자인

이디

이디

이지디자인카페

이지디자인카페

이 클래스와 비슷한 추천 클래스

상세페이지, 이벤트, 프로모션 SNS 이미지 활용까지 한 번에 포토샵만 있으면 OK!그래픽디자인  |  갸갸
고객센터오전 10시 ~ 오후 6시 (주말, 공휴일 제외)
주식회사 클래스101
대표 공대선
서울특별시 강남구 테헤란로 415, 4층(삼성동, 엘7강남타워)
대표전화 : 1800-2109
이메일 : ask@101.inc
사업자등록번호 : 457-81-00277
통신판매업신고 : 2022-서울강남-02525
클라우드 호스팅 : Amazon Web Services Korea LLC
사업자 정보 자세히 보기
클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.