온라인 쇼핑몰 디자인 가이드 > UX UI GUI | 리메인 | 리메인 커리어
오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

온라인 쇼핑몰 디자인 가이드 VOD

190,000 85,500
55% 14,250
6개월 무이자 카드안내
🎉

바로수강 가능

클래스 정보

  • 온라인 클래스

    강의 유형

    촬영된 영상을 제공하는 클래스 입니다.

  • 평생 소장

    소장 기간

    90일간 수강가능

로그인 필요

결제기능을 이용하기 위해서는
로그인이 필요합니다.

close

카드안내

  • 신한카드

    2-3개월 무이자 할부 (5만원 이상)

  • KB국민

    2-3개월 무이자 할부 (5만원 이상)

  • 비씨(페이북)

    2-3개월 무이자 할부 (5만원 이상)

  • 삼성카드

    2-3개월 무이자 할부 (5만원 이상)

  • NH농협

    2-3개월 무이자 할부 (5만원 이상)

  • 현대카드

    2-3개월 무이자 할부 (1만원 이상)

  • 하나카드

    2-3개월 무이자 할부 (5만원 이상)

  • 롯데카드

    2-3개월 무이자 할부 (5만원 이상)

* 무이자 할부는 결제 금액 기준으로 적용됩니다.

[ 유의사항 ]
- 법인(기업), 체크, 선불, 기프트, 은행계열카드 (BC마크가 없는 NON BC카드 불가)제외 (예. 수협카드 등)
- 직계약 가맹점, 상점부담 무이자 가맹점, 특별제휴가맹점, 오프라인 가맹점, 신규 가맹점 등 일부 제외
- 본 행사는 카드사 사정에 따라 변경 또는 중단될 수 있음
- 무이자 할부 결제시 포인트, 마일리지 적립 제외
- 개인간 안전거래 이니 P2P 서비스 제외
- TASF 취급 수수료 거래 하나카드 제외
- 온라인 PG업종 해당하는 무이자로 이 외 업종은 적용 불가 (제약, 등록금, 도시가스 등)

안녕하세요.
우리 클래스를 소개합니다.

입문자,실무자를 위한
쇼핑몰 디자인 가이드 클래스입니다

온라인 커머스에서 디자인 가이드는 상품들의 빠른 업로드를 돕고, 상품 정보 전달에 도움이 됩니다. 효율적인 쇼핑몰 운영을 위해 꼭 필요한 가이드 제작 노하우를 배우고, 커머스 디자이너로서 쇼핑몰과 고객 사이를 이어주는 디자인 업무들을 마스터할 수 있게 도와드리겠습니다.


디자인 작업을 하면서
이런 고민을 하고 있지 않나요?

  • “커머스 쪽으로 이직 준비를 하고 있는데, SNS 광고 이미지나 프로모션 페이지 위주로 디자인 포트폴리오를 준비하면 되나 고민이에요. 커머스 디자이너의 주 업무가 어떤 지 궁금해요."

    이직 준비중인 디자이너 서00

  • “쇼핑몰 웹 디자인 외주를 맡게 됐는데, 클라이언트가 컨텐츠에 대한 운영 가이드도 함께 잡아달라고 요청했어요. 어떤 요소들로 가이드를 만들어서 전달하면 될까요?”

    프리랜서 디자이너 임00

  • “지금 회사에서는 색상이나 서체 정도의 큰 가이드만 잡고 프로모션 디자인을 하고 있어요. 여기서 좀더 통일된 디자인을 위해 가이드를 만들려고 하는데 어떤 부분을 고려해야할까요?”

    스타트업 디자인 팀 민00

  • “배너작업을 할 때, 모바일과 PC 사이즈를 고려하려면 텍스트나 이미지는 어떻게 디자인해야 할까요? 어떤 가이드를 잡고 배너 디자인을 시작하면 될 지 모르겠어요.”

    취업준비생 이00

navigate_before
navigate_next

그래서 준비한 클래스
포인트 강점, 첫 번째

쇼핑몰 내 운영 가이드를 디자인할 때, 실무에서 가장 먼저 고려해야하는 요소들을 알려드립니다. 컨텐츠의 노출영역부터 배너, 썸네일, 이미지 가이드와 프로모션 페이지까지. 디자이너가 투입되는 주요 페이지 디자인 노하우를 배우실 수 있습니다.

커머스 디자이너의 업무

커머스 디자이너는 또 다른 말로 컨텐츠 디자이너, 운영 디자이너로 불리곤 합니다. 각 포지션은 어떤 차이가 있고, 프로모션 페이지나 배너 제작 외에도 커머스 디자이너의 업무 범위에 속하는 건 무엇이 있는 지 알아봅니다


쇼핑몰의 컨텐츠 노출 영역

각 디바이스와 웹 환경에서 쇼핑몰 컨텐츠를 제대로 보여주기 위해서는 디바이스 별 해상도나 사이즈의 이해가 필요합니다. 커머스 사이트는 주로 어떤 사이즈를 선택하고 있으며, 이 사이즈에 최적화된 이미지를 공유하는 법을 배울 수 있습니다.


인트로 페이지 내 메인 배너 가이드

쇼핑몰에서 가장 많은 클릭률(CTR)이 일어나는 메인 배너에 대한 가이드를 알아봅니다. 모바일과 PC에 대응하는 메인 배너 제작 팁을 알려드립니다.


상품 썸네일 가이드 제작, 공유까지

쇼핑몰의 상품 썸네일은 1:1비율, 3:4 비율 등 다양한 사이즈로 만들 수 있습니다. 이처럼 썸네일을 제작할 때 디자이너가 고려해야할 부분을 함께 체크해봅니다.


상품 페이지 구성 노하우

연출컷과 상품 풀컷, 디테일 컷, 패키지 컷 등 상품 페이지에 들어가는 이미지는 다양합니다. 해당 내용을 노출할 때, 각 이미지 사이즈와 배경색, 배치 순서 등 페이지 구성 노하우를 배울 수 있습니다.


프로모션 페이지 구성 노하우

프로모션 페이지에는 기간이나 쿠폰, 카드 혜택 등 디자인에 고려해야 하는 요소들이 있습니다. 또한 해당 프로모션이 시리즈로 제작되는 경우 컨텐츠의 무드에 대한 고려도 필요합니다. 프로모션 페이지를 구성할 때는 어떤 가이드를 사용해야하는 지 알아봅니다.


클래스 포인트 강점, 두 번째

29CM, 카카오VX를 거쳐 커머스 전문 디자이너로 일하고 있는 이현희 크리에이터와 함께하는 클래스입니다. 온라인 쇼핑몰의 큰 골격부터 디테일한 부분까지 직접 기획하고 디자인할 수 있는 기본기를 마련해드리겠습니다.


클래스를 마치고,
여러분은 이렇게 달라질 거에요

커머스 디자이너의 업무 영역을 이해하고,
쇼핑몰 디자인에 필요한 가이드를 만들 수 있게 됩니다

  • 커머스 디자이너의 업무 프로세스를 이해하고, 필요한 업무를 수행할 수 있습니다.
  • 효과적인 상품 내용 전달을 돕는 쇼핑몰 이미지 가이드를 만들 수 있습니다.
  • 이벤트와 프로모션 광고에 필요한 이미지를 빠르게 디자인할 수 있습니다.
🙌

온라인 쇼핑몰 디자인 가이드

커리큘럼

쇼핑몰 디자인 가이드 클래스를 소개합니다

  • 안녕하세요, 이현희입니다.

  • 클래스 소개 & 준비하기

커머스 디자이너

  • 커머스 디자이너란?

  • 커머스 디자인 속 가이드 찾기

  • 온라인 쇼핑몰의 컨텐츠 노출 영역 파악하기

온라인 쇼핑몰 인트로 페이지

  • 인트로 페이지 구성 요소 살펴보기

  • 메인 롤링 배너 가이드 만들기 #텍스트

  • 메인 롤링 배너 가이드 만들기 #이미지

  • 다른 디자이너와 가이드 공유하기

카테고리 페이지

  • 온라인 쇼핑몰의 카테고리 페이지 구성 살펴보기

  • 다양한 상품군의 썸네일 가이드 만들기

상품 페이지 구성 짜기

  • 상품 페이지 예시 #system 버전 #full Image 버전

  • 상품 페이지 제작을 위한 구성 짜기

  • 상품 페이지 만들기 #기본형

  • 상품 페이지 만들기 #텍스트 추가, 폰트 사이즈 정하기

프로모션 페이지

  • 프로모션 페이지에도 가이드가 있을까?

  • 티켓 증정 이벤트 구성 요소 살펴보기

  • 티켓 증정 이벤트 디자인하기

클래스 완강을 축하합니다

  • 완강을 축하합니다!