LODESTAR 로드스타 파인 주얼리 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 진주, 다이아몬드, 금 반지처럼 단가가 높은 파인 주얼리 브랜드를 위한 몰입니다. 밤하늘 남색 바탕에 금선과 세리프 글자를 써서 보석함을 여는 인상을 냈고, 사진은 확대 디테일로, 설명은 순도와 중량, 캐럿 숫자로 보여 줍니다. 첫 화면 아래로 많이 고른 주얼리, 확대 보기, 신상품, 반지 호수 찾기, 각인 미리보기, 공방 소개가 이어집니다. [주요 기능] 1. 금선 액자 첫 화면 - 남색 면 안에 얇은 금선 프레임을 두르고 왼쪽에 세리프 제목과 대표 상품, 오른쪽에 진주 클로즈업을 놓았습니다. 2. 루페 확대 - 사진 위에 마우스를 올리면 원형 렌즈가 2.6배로 확대하고, 옆에 캐럿, 컬러, 투명도, 세팅, 밴드 폭 표를 둡니다. 3. 반지 호수 찾기 - 5호부터 21호까지 칩을 누르면 원 크기와 둘레, 안지름이 바뀌고 측정 링 신청으로 이어집니다. 4. 각인 미리보기 - 입력한 글자가 금 밴드 안쪽에 바로 새겨져 보이며 서체 세 가지 가운데 고를 수 있습니다. 5. 소재와 중량 카드 - 카드마다 소재와 중량, 옐로, 로즈, 화이트 금색 옵션 칩을 붙였습니다. [디자인] - 남색 바탕과 금색 선, 옅은 안개색 면으로 밤의 보석함 같은 인상을 냈습니다. - 한글 제목은 Noto Serif KR, 영문 라벨은 Cormorant Garamond 이탤릭, 본문과 가격은 Pretendard로 나눴습니다. - 상품 카드는 4:5 비율에 모서리와 그림자 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조