고객과 함께한 시간
지코스모 시계
디자인아트플러스가 제작한 지코스모 쇼핑몰 포트폴리오.
G-SHOCK과 BABY-G, PROTREK, EDIFICE, OCEANUS 등 카시오 시계를 라인별로 판매하고 멤버십과 매장 찾기, A/S 센터, 브랜드 콘텐츠를 담은 G-SHOCK 온라인 스토어입니다.
- CLIENT.
- (주)지코스모
- Year.
- 2020

- 프로젝트 설명
- 디자인아트플러스는 (주)지코스모의 G-SHOCK 온라인 스토어를 고도몰로 기획·디자인했습니다. 여러 시계 라인과 수많은 모델을 갖춘 브랜드인 만큼, 고객이 원하는 모델을 쉽게 찾는 쇼핑 경험과 G-SHOCK 특유의 강렬한 브랜드 분위기를 함께 느낄 수 있도록 화면 구조와 UI/UX를 설계했습니다. 멤버십과 매장 찾기, A/S 안내까지 담아 구매 뒤 관리로 이어지게 했습니다.
[주요 구축 내용]
강렬한 캠페인 첫 화면: 검정 바탕에 시계를 크게 보여 주는 캠페인 배너를 큰 칸과 작은 칸으로 나눠 배치해, 신제품과 기획전을 한 화면에서 강렬하게 전달
라인별 모델 탐색 구조: 시계 라인을 상단 메뉴로 나누고 라인 안에서 디지털·아날로그·메탈 같은 세부 분류를 펼쳐, 수많은 모델 가운데 원하는 시계를 단계별로 찾게 설계
상품 큐레이션 슬라이드: NEW와 BEST SELLERS, RECOMMENDED FOR YOU를 같은 형식의 슬라이드로 이어 놓아, 신제품부터 인기 모델과 추천 모델까지 자연스럽게 둘러보게 구성
브랜드 경험 콘텐츠: 뉴스와 브랜드 영상을 큰 이미지 타일로 보여 주고 인스타그램 사진을 함께 담아, 시계를 사는 곳을 넘어 G-SHOCK의 문화를 즐기는 공간으로 연출
구매 뒤 관리 동선: 멤버십과 포인트 샵, 매장 찾기와 A/S 센터를 메뉴와 하단에 정리해, 구매한 고객이 혜택과 사후 관리를 한곳에서 이어 갈 수 있게 설계
FAQ
브랜드 라인으로 먼저 나누고 그 안에서 디지털, 아날로그, 메탈 같은 형태와 기능으로 다시 나누면 수많은 모델도 쉽게 찾을 수 있습니다. 시계를 찾는 고객은 좋아하는 라인과 원하는 형태를 정하고 오는 경우가 많습니다. G-SHOCK 온라인 스토어는 라인별 메뉴 아래 형태와 기능별 세부 분류를 펼쳐 보이게 했습니다.
시계는 기능 설정과 배터리 교체, 수리처럼 구매 후에도 도움이 필요한 일이 많아 설명서와 A/S 안내를 쉽게 찾을 수 있어야 합니다. 사후 관리가 잘 갖춰져 있으면 고객이 믿고 공식 스토어에서 구매합니다. G-SHOCK 온라인 스토어는 MANUAL과 A/S CENTER 메뉴를 따로 두었습니다.
구매할수록 쌓이는 혜택과 포인트로 살 수 있는 상품을 마련하면 고객이 다른 곳보다 공식 스토어에서 사게 됩니다. 멤버십 등급과 혜택은 고객이 브랜드와 오래 관계를 이어 가게 만드는 장치입니다. G-SHOCK 온라인 스토어는 MEMBERSHIP과 POINT SHOP 메뉴를 함께 갖췄습니다.
브랜드가 후원하는 활동과 영상, 소식을 꾸준히 보여 주면 상품을 넘어 브랜드의 이야기와 문화를 함께 전할 수 있습니다. 콘텐츠를 보러 온 고객이 상품까지 둘러보게 되어 쇼핑몰 방문도 늘어납니다. G-SHOCK 온라인 스토어는 NEWS, CONTENTS, BRAND MOVIE 메뉴로 브랜드 이야기를 전합니다.

