HOLDLINE 홀드라인 애슬레저 요가웨어 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 요가, 필라테스, 러닝을 하는 손님을 위한 애슬레저 몰입니다. 첫 화면 오른쪽 딥 틸 면을 고르는 판으로 만들어 운동 강도를 누르면 조임 정도를 나타낸 핏 단계와 상품 세 개가 바로 바뀝니다. 굵기가 다른 선 네 개로 핏 단계를 나타내는 표시를 로고, 카드, 필터, 모바일 하단 탭까지 같은 모양으로 반복했습니다. 레깅스, 롱슬리브, 브라탑, 후디, 남성 티와 조거, 요가 소품으로 구성했습니다. [주요 기능] 1. 운동 강도 선택판 - 회복, 요가, 웨이트, 러닝 네 칸에서 강도를 고르면 핏 단계와 상품 세 개의 가격, 담기 버튼이 바뀝니다. 2. 핏 단계 막대 - 굵기가 늘어나는 선 네 개를 로고, 카드, 필터, 하단 탭에 같은 모양으로 쓰고 카드마다 단계와 맞는 운동을 한 줄로 적었습니다. 3. 베스트 핏 단계 거르기 - 종류 탭 옆 핏 단계 버튼을 누르면 다른 단계 카드는 흐려집니다. 4. 핏 단계 4가지 표 - 단계별 원단 무게, 혼용률, 늘어나는 정도, 맞는 운동과 대표 상품 가격을 한 표로 보여 줍니다. 5. 레깅스 기장 고르기 - 키를 고르면 21, 23, 25, 28인치 막대 위에 끝나는 자리가 표시되고 가장 맞는 기장이 강조됩니다. [디자인] - 딥 틸 한 색과 흰 바탕, 차가운 틸 회색 면만으로 정돈된 스튜디오 인상을 냈습니다. 할인도 빨강 없이 틸로 표시합니다. - Pretendard 한 서체로 로고 영문까지 맞췄습니다. - 상품 카드는 3:4 비율에 모서리를 살짝 둥글렸습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조