플러스프로젝트 배경
1) 문제점 - 화장품은 성분·제형 설명을 다 읽어야 판단이 서기 때문에 상품 수가 적어도 선택 피로가 큼 - 격자형 쇼핑몰 레이아웃은 브랜드 인상을 만들지 못해 가격 비교 채널로 인식됨 - 무료배송 기준이 결제 단계에서야 확인됨 2) 목표 - 피부 타입 필터로 읽어야 할 정보량 자체를 축소 - 잡지 편집형 비대칭 레이아웃으로 브랜드 인상 확보 - 장바구니 단계에서 무료배송 잔여 금액을 실시간
프로젝트 성과
선택 피로 축소를 위한 타입 필터 도입
건성·지성·복합·민감 네 타입 중 하나를 고르면 해당 제품만 남도록 해 읽어야 할 상품 설명의 양을 축소
핵심 기능
피부 타입 레일 필터
상단 레일에서 피부 타입을 고르면 해당 타입에 맞는 제품만 즉시 필터링되어, 성분·제형 설명을 전부 읽지 않고도 후보를 좁힐 수 있음
진행 단계
편집형 레이아웃 설계 및 구현
2026.08.
비대칭 편집형 그리드를 정의하고 피부 타입 필터·장바구니·무료배송 계산까지 구현
프로젝트 상세
화장품 브랜드몰 자체 기획 데모입니다. 실제 납품본을 공개할 수 없어 같은 설계를 가상 브랜드로 다시 지었습니다. 화장품은 상품 수가 많지 않아도 고르기 어려운 카테고리입니다. 성분과 제형 설명을 다 읽어야 판단이 서기 때문입니다. 그래서 이 시안은 피부 타입 레일을 상단에 두어, 건성·지성·복합·민감 중 하나를 고르면 해당 타입에 맞는 제품만 남도록 했습니다. 읽어야 할 정보의 양 자체를 줄이는 접근입
