HALFLIGHT 하프라이트 헤어 바디 향 브랜드몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.09 관련 기술: HTML5, CSS3, JavaScript, 반응형 웹, 카페24 이관 구조 [프로젝트 개요] 성수동에 쇼룸 하나를 둔 작은 향 브랜드를 가정한 헤어, 바디, 홈 프래그런스 브랜드몰입니다. 밝고 흰 미니멀 몰과 결이 다르게, 어두운 정물 사진이 화면을 이끌고 글은 향 이름 한 줄만 남겼습니다. 메인, 목록, 상세, 장바구니 네 화면을 보통 몰처럼 돌아가게 만들었습니다. [주요 기능] 1. 세로 메뉴와 풀화면 정물 - PC는 왼쪽 세로 메뉴에 로고, 검색, 카테고리, 쇼룸 정보를 두고, 오른쪽은 화면을 채우는 정물 사진과 향 이름, 한 줄 설명, 링크 둘만 놓았습니다. 모바일은 위 헤더와 아래 탭 다섯 개로 바뀝니다. 2. 네 가지 향 - Dusk Fig, Ash Rose, Cold Yuzu, Grey Musk 네 향을 엇갈린 사진으로 먼저 보여 주고, 아래 1px 선 격자에 많이 고른 제품을 놓았습니다. 3. 향 찾기 - 뿌리는 시간과 자리를 고르면 맞는 향 하나와 그 향의 제품 두 개를 바로 추천합니다. 4. 상세 옵션 - 용량은 제품군별로, 향은 같은 제품군에 있는 것만 고를 수 있게 했고, 향 노트 표와 화장품 상품정보 고시 항목을 넣었습니다. 5. 장바구니 - 무료배송까지 남은 금액 막대, 선물 포장, 세트 할인 계산을 넣었습니다. [디자인] - 짙은 웜 차콜 바탕과 뼈색 글자에 옥스블러드 한 색만 썼습니다. - 영문 향 이름과 큰 숫자는 Cormorant Garamond, 한글은 Pretendard입니다. - 모서리와 그림자 없이 선으로만 정리했습니다. - 제품 사진은 AI로 만든 예시 이미지입니다. [범위] - 메인, 목록, 상세, 장바구니 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드와 상세 옵션은 카페24 모듈 변수로 옮길 수 있는 구조