베리컬러 — 화장품 컬러 플랫폼 웹 구축

프로젝트 개요

베리컬러는 화장품 색상 데이터베이스에 사용자 평점과 쇼핑몰을 붙인 뷰티 플랫폼입니다. 립스틱처럼 색이 곧 구매 이유인 제품을 색 기준으로 찾게 만드는 것이 서비스의 중심입니다. 이온디는 디자인과 퍼블리싱을 맡았습니다.

작업 범위

메인, 컬러 목록, 랭킹, 실험실, 이벤트, 스크랩, 회원 프로필 화면을 디자인하고 퍼블리싱했습니다. 구글·네이버·카카오 소셜 로그인은 각각 따로 연동했습니다.

• 카테고리·브랜드 두 개 필터의 컬러 데이터베이스
• 평가 개수를 함께 노출하는 별점 랭킹
• 피부톤 기반 회원 프로필과 스크랩·장바구니
• 구글·네이버·카카오 소셜 로그인 개별 연동

주요 구현

메인은 캠페인 슬라이더 아래로 신규 컬러, 이달의 컬러, 컬러 실험실을 좌우 화살표가 붙은 가로 캐러셀로 쌓아 스크롤 한 번에 여러 갈래를 훑게 했습니다. 컬러 목록은 필터를 화장품 카테고리와 브랜드 두 개만 남기고, 각 행에 제품 이미지·품목·브랜드·제품명·용량/가격을 같은 자리에 두어 위아래로 비교가 되게 했습니다. 랭킹은 같은 행 구조를 쓰되 오른쪽 끝에 평균 별점을 숫자와 별로 크게 놓고 평가 개수를 함께 적어, 점수가 몇 명의 평가에서 나온 것인지 드러나게 했습니다. 회원 프로필에는 피부톤을 넣어 개인 기준을 저장하게 했고, 마음에 든 제품은 스크랩과 장바구니로 나눠 담게 했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.