— 01
제품은 좋은데, 매대가 없다.
성분과 인증을 갖춘 스킨케어 라인은 있었지만, 브랜드의 톤과 신뢰를 그대로 담아 파는 자사몰이 없었습니다.
CASE — 001
— BEAUTY · 이커머스
JOODOC 뷰티 자사몰
선크림·앰플·토너를 파는 스킨케어 브랜드 JOODOC의 반응형 자사몰을 디자인하고 만들었습니다.
BEAUTY · SKINCARE
— SUMMARY
PC·노트북·태블릿·모바일 반응형 + 한/영 버전. 메인 슬라이더, 제품 진열, 콘텐츠 매거진(note), 리뷰까지.
— 02
따뜻한 톤, 또렷한 매대.
오렌지·옐로우 톤의 브랜드 비주얼 위에 풀스크린 슬라이더, 카테고리 진열, 콘텐츠 매거진(note), 리뷰를 얹어 PC부터 모바일까지 같은 감도로 짰습니다.
— 03
보고, 읽고, 담는다.
메인에서 핵심 제품을 보여주고, note로 사용법을 설명하고, 리뷰로 신뢰를 더한 뒤 장바구니로 이어지는 흐름. 한/영 버전과 여러 디바이스를 모두 대응합니다.
— DELIVERABLES10 ITEMS
메인 슬라이더제품 진열Sun-care 카테고리JOODOC note (매거진)리뷰장바구니다국어 (한/영)반응형 (PC·태블릿·모바일)프로모션 배너문의 채팅
— PROCESS
001
브랜드 정리
제품 라인과 인증·성분 메시지, 브랜드 톤을 정리했습니다.
002
화면 설계
메인·진열·매거진·리뷰·상세의 정보 구조와 그리드를 설계했습니다.
003
반응형 구축
PC·노트북·태블릿·모바일과 한/영 버전을 함께 구현했습니다.
004
운영
프로모션 배너·쿠폰·문의 채팅 등 운영 요소를 연결했습니다.
— GALLERY6 SHOTS
“성분표가 아니라 ‘쓰는 장면’을 팔고 싶었습니다. 그래서 매거진과 리뷰를 매대 바로 옆에 뒀습니다.”
— SmallBig · 프로젝트 노트
4디바이스
반응형 대응
PC·노트북·태블릿·모바일
한·영2종
다국어
국문·영문 버전
5섹션
메인 구성
슬라이더·진열·note·리뷰·배너
1자사몰
브랜드 커머스
디자인부터 구축까지
— NEXT CASE
CASE — 002
도잉아트 갤러리 사이트
→