본문 바로가기
포트폴리오 / 편강율 — 화장품 브랜드몰 구축 (PC·모바일 스킨)
쇼핑몰·커머스

편강율 — 화장품 브랜드몰 구축 (PC·모바일 스킨)

2019.03.23 조회 692

카페24 기반 편강율 공식 온라인몰의 PC·모바일 스킨을 구축했습니다. 프로모션 슬라이더와 브랜드 스토리 타일, 다국어 전환, 모바일 전용 드로어 내비게이션과 마이페이지를 포함합니다.

PROJECT쇼핑몰 구축
YEAR2018
PLATFORM카페24
ROLE디자인·퍼블리싱

편강율 화면

프로젝트 개요

편강율은 편강한방피부과학연구소의 화장품 브랜드입니다. 카페24로 운영하는 공식몰을 브랜드 톤에 맞춰 새로 만드는 작업이었고, PC와 모바일을 각각 별도 스킨으로 제작했습니다.

작업 범위

디자인과 퍼블리싱을 함께 맡아 카페24 PC 스킨과 모바일 스킨을 나눠 제작했습니다. 메인·상품·회원 화면과 국문·중문·영문 전환까지 포함했습니다.

  • 카페24 PC·모바일 스킨 디자인·퍼블리싱
  • 프로모션 슬라이더와 브랜드 타일 메인 구성
  • 모바일 드로어 내비게이션·마이페이지 화면
  • KOR/CHN/ENG 다국어 전환

주요 구현

메인은 MD's Pick 프로모션 슬라이더를 맨 위에 두고, 그 아래 금주의 Best와 금주의 MD's PICK을 짙은 남색 타일과 제품 컷을 짝지어 배치했습니다. 이어서 100% 환불정책·브랜드 스토리·1:1 피부 컨설팅·이달의 혜택을 사진 타일 네 칸으로 묶고 인스타그램 피드로 마감했습니다. 모바일은 같은 구성을 1열로 다시 짜고 햄버거 드로어와 장바구니를 상단에 고정했으며, 로그인 화면에는 한글자판·특수문자 보안 키패드와 네이버·페이스북·카카오톡 소셜 로그인을 넣었습니다. 푸터에는 KOR·CHN·ENG 전환과 PC 버전 보기를 두었습니다.

편강율 화면

편강율 화면

편강율 화면

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

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