01
나에게 필요한 제품을 찾는 카탈로그 (새 창)
제품군을 나누고, 같은 기준으로 가격과 용량을 보여주어 비교하기 쉽게 만들었습니다.
뷰티 · 브랜드몰 · 자체 프로젝트
사이트 직접 보기 (새 창)AQUA
매일의 루틴에, 산뜻한 인상.
제작 이야기
매일의 루틴에, 산뜻한 인상.
맑은 하늘색과 선명한 제품 사진으로 만든 뷰티 브랜드몰입니다. 브랜드의 분위기와 제품을 고르는 경험을 함께 디자인했습니다.
- 프로젝트
- 랭크빌더 자체 제작
- 작업 범위
- 제품 카탈로그 · 제품별 상세 · 장바구니·주문 확인
- 대응 화면
- PC · 태블릿 · 모바일
- 브랜드 색상
- #D9EDF7#F77235#153747
안쪽까지 둘러보세요.
아래 화면을 누르면 해당 페이지로 이동합니다.
02
제품 하나에도 충분한 설명 (새 창)
제품의 특징과 사용법, 함께 쓰는 루틴을 독립된 상세 페이지로 구성했습니다.
03
제품을 넘어 브랜드를 기억하도록 (새 창)
빛과 물, 일상의 사진으로 AQUA의 분위기를 이어가는 브랜드 페이지입니다.
같은 브랜드, 다른 화면 크기.
화면을 이렇게 구성했습니다01 02 03
제품이 주인공인 화면
색과 빛이 선명한 제품 사진을 중심에 두고 설명은 간결하게 정리했습니다.
고를 때 필요한 정보를 한곳에
제품별 페이지에서 사용 순서와 특징을 살펴보고, 장바구니에 담아 비교할 수 있습니다.
구매 전까지 이어지는 흐름
제품 탐색, 수량 변경, 합계 계산, 주문 내용 확인까지 페이지를 연결했습니다.
눈으로 보고,
직접 사용해보세요.
제품을 골라 장바구니에 담고, 수량을 바꿔 주문 내용까지 확인해보세요. 실제 주문이나 결제는 발생하지 않습니다.
- 제품 탐색
- 상세 정보
- 장바구니
- 수량·합계 확인
- 주문 내용 확인
전체 페이지 디자인 펼쳐보기
본 프로젝트는 가상 브랜드의 자체 제작 데모입니다. 실제 고객사·매출·납품 성과를 의미하지 않습니다. 사진은 생성 이미지와 디자인 참고용 이미지를 사용했으며, 실제 결제·예약·외부 데이터 연동은 제공하지 않습니다.
