공예정원 공예 쇼핑몰 홈페이지 제작 | 디자인펀치 포트폴리오

닫기CLOSE
E-MAIL
dpunch2010@designpunch.co.kr
TEL
02.6053.0124
ADDRESS
H.O. 서울특별시 서초구 서초대로 275, 2층
B.O. 서울특별시 금천구 가산디지털1로 204, 1001호

2026 © DesignPunch. All rights reserved.

CLOSE

02.6053.0124

dpunch2010@designpunch.co.kr

H.O. 서울특별시 서초구 서초대로 275, 2층

B.O. 서울특별시 금천구 가산디지털1로 204, 1001호

2023 © DesignPunch. All rights reserved.

TOP

공예정원 리뉴얼

URLhttps://kcdfshop.kr

디자인펀치 제작 - 공예정원 Shopping mall 메인 비주얼 (PC) 디자인펀치 제작 - 공예정원 Shopping mall 메인 비주얼 (모바일)
CLIENT
공예정원
DATE
2026-06
TYPE
Shopping mall
KEYWORD
#쇼핑몰 #반응형 #공예 #공예품 #한국공예디자인문화진흥원
OVERVIEW
공예정원은 재단법인 한국공예디자인문화진흥원이 운영하는 공예 전문 유통숍으로, 전통과 현대를 아우르는 공예의 재료와 물성, 기법이 담긴 생활 공예품을 선별하여 서울 인사동 갤러리숍과 온라인숍에서 선보이고 있습니다.
TYPOGRAPHY
가나다

Pretendard

Bold Medium

가나다라마바사아자차카타파하
1234567890

aAbB

Cormorant Garamond

Bold Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

COLOR SYSTEM
공예품 본연의 재료와 물성이 주인공이 되도록 컬러를 절제하여, 깊이 있는 '잉크 블랙(Ink Black)'과 넉넉한 화이트 베이스를 중심으로 한 모노톤 시스템을 구축하였습니다. 섹션마다 '미스트 그레이(Mist Gray)'와 한 톤 짙은 '스톤 그레이(Stone Gray)'를 번갈아 배치해 흐름에 리듬을 주었으며, 로고에서 가져온 '트래디셔널 레드(Traditional Red)'를 최소한의 포인트로만 사용하여 단정한 갤러리 같은 분위기를 완성하였습니다.

Primary

#1A1A1A

Secondary

#8E8E8E

Bg

#FFFFFF

Accent

#C30D23

Title

#000000
UX/UI CONCEPT
좌우 2분할 메인 비주얼과 영문 이탤릭 세리프 타이포로 전시장을 걷는 듯한 첫인상을 만들고, 카테고리 아이콘 메뉴부터 신상품·베스트·인기급상승·작가 Pick으로 전환되는 상품 탭, 이슈키워드 큐레이션, 입점 작가 마퀴 슬라이드까지 공예품 이미지가 주인공이 되는 그리드(UI)로 구성하였습니다. 또한 소재·가격·색상 필터를 갖춘 전체상품 목록과 위시리스트·장바구니 아이콘, 문의하기·최근본상품·인스타그램 퀵메뉴를 연결하여 둘러보기에서 구매까지 막힘없이 이어지는 쇼핑 동선(UX)을 설계하였습니다.
디자인펀치 제작 - 공예정원 Shopping mall 상세 디자인 (PC) 디자인펀치 제작 - 공예정원 Shopping mall 상세 디자인 (모바일)