쑥탄 쇼핑몰 리뉴얼 포트폴리오

[메인 디자인]

두피·헤어 케어 브랜드에 어울리는 깔끔하고 편안한 디자인을 적용해,

쑥탄의 자연 친화적인 이미지와 제품의 전문성을 시각적으로 표현했습니다.

딥그린 컬러의 제품 패키지와 따뜻한 베이지 배경이 어우러지는 대형 메인 비주얼을 활용해,

샴푸와 트리트먼트 등 대표 제품이 첫 화면에서 명확하게 드러나도록 구성했습니다.

또한 간결한 타이포그래피와 넓은 여백, 제품 이미지 중심의 레이아웃을 통해,

브랜드의 차분한 분위기를 유지하면서 상품에 시선이 집중되도록 설계했습니다.

베스트셀러와 신제품 프로모션, 사용 후기 영역을 순차적으로 배치해,

브랜드의 첫인상부터 주요 상품과 구매 참고 정보까지 자연스럽게 이어지는 메인페이지를 구성했습니다.

[콘텐츠 디자인]

베스트·전체 제품·이벤트·커뮤니티를 중심으로 콘텐츠를 구분하고,

상품 목록에서는 전체·헤어·바디·세트 카테고리를 제공해 필요한 제품을 쉽게 탐색하도록 구성했습니다.

상품별 이미지를 크게 배치하고 제품명·할인율·판매가·기존 가격을 구분해,

사용자가 제품의 외형과 가격 정보를 한눈에 비교할 수 있도록 설계했습니다.

또한 BEST·MD 배지와 별점·후기 수를 함께 보여주어,

주요 상품과 구매 시 참고할 정보를 직관적으로 파악하도록 구성했습니다.

메인페이지에는 제품 프로모션 배너와 사진 중심의 리뷰 콘텐츠를 배치해,

제품의 특징과 실제 사용 경험을 함께 살펴볼 수 있도록 했습니다.

푸터에는 고객센터 연락처와 운영시간, 쇼핑 이용 안내 및 회사 정보를 정리해,

상품 탐색 이후에도 구매와 이용에 필요한 정보를 확인할 수 있도록 구성했습니다.

[웹사이트 UX/UI]

두피와 모발 관리 제품을 찾는 사용자의 탐색 흐름을 고려해,

대표 상품 확인부터 카테고리 탐색과 후기 검토로 이어지는 사용자 중심의 UX/UI를 설계했습니다.

상단 메뉴와 검색·마이페이지·장바구니 아이콘을 명확하게 배치해,

상품 탐색과 쇼핑 관련 기능에 빠르게 접근할 수 있도록 구성했습니다.

상품 목록에는 카테고리 탭과 정렬 옵션, 보기 방식 전환 버튼을 제공해,

사용자가 원하는 기준과 화면 형태로 제품을 살펴볼 수 있도록 했습니다.

또한 베스트셀러와 프로모션 영역에서 관심 상품을 발견하고,

사진 리뷰를 통해 사용 경험을 확인하도록 콘텐츠의 흐름을 구성했습니다.

태블릿 화면에서는 메뉴를 햄버거 아이콘으로 정리하고 검색·마이페이지·장바구니를 유지해,

화면 크기가 달라져도 주요 쇼핑 기능에 직관적으로 접근할 수 있도록 설계했습니다.