고객과 함께한 시간
시스메이트
디자인아트플러스가 제작한 시스메이트 쇼핑몰 포트폴리오.
디지털 사이니지와 스탠드 DID, 전자칠판, 터치 디스플레이, 브라켓을 판매하고 업종별 설치 사례를 보여 주는 디지털 디스플레이 전문 쇼핑몰입니다.
- CLIENT.
- NHN커머스
- Year.
- 2022
- 프로젝트 설명
- 디자인아트플러스는 디지털 사이니지 전문 기업 시스메이트의 쇼핑몰을 고도몰로 기획·디자인했습니다. 「디지털 사이니지의 해답 SYSMATE」라는 메시지처럼 화면 장비를 고르는 고객이 제품 사양보다 먼저 설치된 모습을 떠올릴 수 있도록, 실제 공간에 놓인 사이니지를 보여 주는 비주얼과 업종별 설치 사례를 메인 화면 앞쪽에 두고 그다음에 상품을 고르도록 UI/UX를 설계했습니다.
[주요 구축 내용]
공간을 보여 주는 첫 화면: 집과 매장 곳곳에 사이니지가 놓인 건물 단면 이미지를 메인 비주얼로 써, 제품이 어떤 공간에서 어떻게 쓰이는지 첫인상으로 전달
업종별 설치사례 바로가기: 메인 비주얼 바로 아래에 기업·프랜차이즈와 공공·학교 같은 업종 탭을 띠처럼 두어, 고객이 자기 업종의 설치 사례부터 찾아보도록 설계
제품군 탭 상품 진열: 베스트 상품과 스페셜 아이템을 제품군 탭으로 나누고 모델명 띠와 화면 크기 표시를 붙여, 비슷해 보이는 디스플레이도 쉽게 구별하도록 구성
회사·혜택 안내 타일: 회사소개 사진 옆에 카카오톡 채널 쿠폰과 이벤트, 회원혜택을 크기가 다른 타일로 묶어, 회사의 신뢰와 구매 혜택을 한 영역에서 함께 전달
상품 후기 슬라이드: 구매 고객의 별점과 짧은 후기를 상품 사진과 함께 넘겨 보게 해, 장비 구매를 고민하는 고객이 다른 고객의 선택을 참고하도록 구성
FAQ
제품 종류별로 상품을 나누고, 실제 공간에 설치한 사례를 업종별로 보여 주어 고객이 자기 공간에 맞는 제품을 떠올리게 하는 것이 중요합니다. 사이니지는 어디에 어떻게 설치하느냐에 따라 맞는 크기와 형태가 달라집니다. 시스메이트 쇼핑몰은 제품 분류와 함께 업종별 설치사례 메뉴를 메인 화면에 두었습니다.
병원, 학교, 매장처럼 고객과 같은 업종의 사례를 바로 찾아볼 수 있어 도입 후 모습을 쉽게 그려 볼 수 있습니다. 비슷한 곳에서 이미 쓰고 있다는 사실은 기업 고객이 구매를 결정하는 데 큰 믿음을 줍니다. 시스메이트 쇼핑몰은 설치사례를 기업·프랜차이즈, 공공·학교, 병원 등 업종별 탭으로 나눴습니다.
모델명과 크기, 해상도처럼 담당자가 비교하는 정보를 상품 이름과 사진에서 바로 알 수 있게 정리하는 것이 좋습니다. 같은 제품이 크기와 색상별로 여러 모델로 나뉘는 경우가 많아 한눈에 구분되어야 합니다. 시스메이트 쇼핑몰은 상품 사진에 크기와 모델 정보를 함께 표시했습니다.
채널을 추가한 고객에게 쿠폰을 주면 다시 연락할 수 있는 고객을 모을 수 있고, 새 제품이나 할인 소식을 직접 보낼 수 있습니다. 메신저로 바로 문의할 수 있어 상담이 필요한 제품도 부담 없이 물어보게 됩니다. 시스메이트 쇼핑몰은 메인 화면에 카카오톡 채널 추가 쿠폰 안내를 배치했습니다.
