TENTONE 텐톤 셀프 네일 젤 컬러 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 젤 컬러처럼 색 자체가 상품인 셀프 네일 몰입니다. 첫 화면을 사진 대신 96색 칩 벽과 손톱 다섯 개 미리보기로 채워 색을 고르는 일과 담는 일이 한 화면에서 끝나도록 했습니다. 아래로 많이 칠한 색, 이달의 다섯 손톱 조합, 셀프 젤 시작 키트 계산, 칠한 손 후기가 이어집니다. 젤 컬러 96색과 네일 스티커, 베이스와 탑, LED 램프, 케어 제품으로 구성했습니다. [주요 기능] 1. 96색 칩 벽 - 12계열 열과 밝기 8단 행으로 손톱 모양 칩을 늘어놓고 펄, 글리터, 시어 마감을 칩 표면으로 구분했습니다. 마감으로 거르면 나머지 칩은 흐려집니다. 2. 내 조합 손 미리보기 - 칩을 누르면 오른쪽 손톱 다섯 개에 순서대로 칠해지고 피부 톤 세 단계로 바꿔 볼 수 있습니다. 3병 15%, 5병 25% 할인이 바로 계산됩니다. 3. 어울리는 색 네 칸 - 마지막에 고른 색과 같은 계열, 한 톤 진한 색, 반대 색, 펄 포인트를 네 칸으로 보여 주고 바로 더합니다. 4. 손톱 칩 카드 - 칠한 손 사진 위에 손톱 모양 색 칩을 얹고, 이름 위에 색 번호와 계열, 마감을, 아래에 비슷한 색 세 개를 붙였습니다. 5. 다섯 손톱 조합과 키트 계산 - 다섯 색 조합 네 가지를 세트가로 보여 주고, 램프 유무와 병 수를 고르면 키트 금액과 1회 비용이 바뀝니다. [디자인] - 흰 바탕과 무채색 화면에 마젠타 한 색만 할인율과 장바구니 수에 쓰고, 나머지 색은 모두 상품 칩이 맡습니다. - 한글과 숫자는 Pretendard, 워드마크만 Bricolage Grotesque입니다. - 상품 카드는 4:5 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조