프로젝트 개요
1:1 맞춤 스타일링 서비스 쇼핑몰의 메인 화면입니다.
픽셀노트가 직접 맡은 작업으로, 스타일링 서비스가 어떻게 진행되는지 단계별 가이드로 보여 주고 이용권 구매로 이어지게 했습니다.
맡은 작업
- 디자인 메인 · 서브 화면 디자인과 PC · 모바일 레이아웃
- 퍼블리싱 반응형 HTML · CSS · JS 퍼블리싱, 그누보드5 · 영카트 적용
작업 포인트
- 큰 사진 슬라이드의 메인 비주얼
- 이용 방법 3단계 가이드 슬라이드
- 이용권 배너와 이용 후기 카드
반응형 · 사용성
모바일에서는 상품을 두 줄로 훑어보도록 목록을 바꾸고, 배너와 슬라이드는 화면 폭에 맞게 다시 잘랐습니다.
360px 휴대폰부터 1920px 와이드 모니터까지 화면이 깨지지 않는지 확인했습니다.
업체 정보 보호를 위해 업체명과 로고는 가리고 업종과 작업 내용만 소개합니다.
비슷한 쇼핑몰가 필요하다면 쇼핑몰 제작 안내를 확인해 주세요.