온리 쇼피파이

문의하기

커스텀 개발 💻

기획 ✏️

스토어 🛍️

마케팅 🚀

SIDIZ

Client

SIDIZ

Date

2023. 10 - 2023. 12

Type

쇼피파이, 반응형 구축, 구매전환율 최적화 및 홈페이지 리뉴얼

Overview

시디즈의 북미 자사몰 리뉴얼 프로젝트는 쇼피파이를 활용하여 사용자 경험과 구매전환율을 개선하는 데 중점을 두었습니다. 홈페이지 디자인과 인터렉션 강화, 모바일 버전 UI/UX 개선 등의 방법으로 리뉴얼을 진행했습니다. 이러한 변화를 통해 단기간 내에 매출이 약 1000% 증가하는 놀라운 성과를 달성했습니다.

GOAL

고객 구매 여정 개선을 통한 구매 전환율 상승

UI/UX STRATEGY

사용자 인터랙션 강화

사용자의 관심을 끌고 즉각적인 반응을 유도하기 위해 동적인 롤링 모션과 CTA(고객 행동 유도) 버튼을 배너에 추가함으로써, 사용자의 참여를 증가시키고 제품 페이지로의 유입을 강화했습니다.

직관적인 UI

사용자가 쉽게 제품을 찾고 이해할 수 있도록 이미지 중심의 직관적인 디자인으로 개편하여, 제품군을 보다 매력적으로 어필하고 사용자의 구매 결정을 촉진했습니다.

모바일 최적화

모바일 사용자의 편의성을 고려하여 메뉴 버튼의 위치를 조정하고, 이미지와 슬라이드 기능을 추가함으로써 모바일 버전의 사용자 경험을 대폭 개선했습니다.

사용자와 관리자의 편의성 증대를 위한 UX/UI의 디자인을 개선하였습니다.

DESIGN SYSTEM

시디즈의 브랜드 아이덴티티를 강조하기 위해 일관된 색상 팔레트와 타이포그래피를 사용하여 사용자에게 일관된 브랜드 경험을 제공했습니다. 모든 디바이스와 화면 크기에 맞춘 반응형 웹 디자인을 적용해 사용자가 어떤 환경에서도 불편함 없이 홈페이지를 이용할 수 있도록 했습니다. 또한, 사용자가 원하는 정보를 쉽게 찾고 상호작용할 수 있도록 직관적이고 사용자 친화적인 인터페이스를 구현했습니다. 이 모든 섹션은 비개발자도 쉽게 디자인 변경이 가능하도록 개발되어 납품되었습니다.

TYPOGRAPHY

Centra No.2

COLOR SYSTEM

Sub

#F5F5F5

#FFFFFF

Brand

#000000

Sub

#9A9A9A

Sub

#F5F5F5

#FFFFFF

시용자 인터랙션 강화, 본능을 움직이다

사용자 중심의 직관적인 디자인

사용자 중심의
직관적인 디자인

사용자 중심의 직관적인 디자인

이전 홈페이지의 단순한 이미지 구성과 비활성화된 배너 문제를 해결하고, 배너에 롤링 모션 및 CTA 버튼을 추가하여 사용자의 제품 페이지로의 이동성을 강화했습니다.

이러한 개선은 사용자의 관심을 끌고 홈페이지 내에서의 상호작용을 증가시킵니다.

이전 홈페이지의 단순한 이미지 구성과 비활성화된 배너 문제를 해결하고, 배너에 롤링 모션 및 CTA 버튼을 추가하여 사용자의 제품 페이지로의 이동성을 강화했습니다. 이러한 개선은 사용자의 관심을 끌고 홈페이지 내에서의 상호작용을 증가시킵니다.

이전 홈페이지의 단순한 이미지 구성과 비활성화된 배너 문제를 해결하고,
배너에 롤링 모션 및 CTA 버튼을 추가하여 사용자의 제품 페이지로의 이동성을 강화했습니다.
이러한 개선은 사용자의 관심을 끌고 홈페이지 내에서의 상호작용을 증가시킵니다.

고객은 어디에서 왜 이탈할까?

구매전환율 최적화(CRO) 전략

구매전환율
최적화(CRO) 전략

구매전환율 최적화를 위해 할인금액 표기를 명확히 하고, BUY NOW 및 SHOP PAY 버튼 추가로 사용자의 구매 과정을 간소화했습니다.

이와 함께, 전통적인 카트페이지를 대체하는 cart drawer 기능 도입으로 구매 단계를 최소화하여 사용자 경험을 개선하고, SEO 성능을 향상시켰습니다.

구매전환율 최적화를 위해 할인금액 표기를 명확히 하고, BUY NOW 및 SHOP PAY 버튼 추가로 사용자의 구매 과정을 간소화했습니다. 이와 함께, 전통적인 카트페이지를 대체하는 cart drawer 기능 도입으로 구매 단계를 최소화하여 사용자 경험을 개선하고, SEO 성능을 향상시켰습니다.

결제 옵션 및 할인 표기 방식 개선

빠른 결제 옵션 제공을 통해 잠재적인 구매 이탈 방지

구매 여정 단축을 통한 SEO 개선

Cart drawer 기능을 통해 효율적인 구매 프로세스 제공

구매전환을 유도하는

직관적인 헤더 디자인

단순한 텍스트 형식의 헤더를 이미지를 활용한 직관적인 디자인으로 변경하여, 이벤트 및 주요 제품을 이미지로 노출시켜 빠른 구매를 유도했습니다.

이러한 변화는 사용자의 사이트 내 탐색 효율성을 높이고, 제품에 대한 관심을 증가시킵니다.

단순한 텍스트 형식의 헤더를 이미지를 활용한 직관적인 디자인으로 변경하여,
이벤트 및 주요 제품을 이미지로 노출시켜 빠른 구매를 유도했습니다.

이러한 변화는 사용자의 사이트 내 탐색 효율성을 높이고, 제품에 대한 관심을 증가시킵니다.

(좌) 리뉴얼 전

(우) 리뉴얼 후

*드래그하여 리뉴얼 결과를 비교하세요

사용자 경험(UI)에 '집착'하라

사용자 친화적 모바일 인터페이스

사용자 친화적
모바일 인터페이스

모바일 사용자 대부분이 오른손잡이임을 고려하여, 메뉴 버튼을 오른쪽으로 이동하고 이미지 및 슬라이드 기능을 추가하여 사용자 친화적인 UI/UX를 구현했습니다.

이러한 개선은 모바일 환경에서의 사용자 접근성과 편의성을 크게 향상시켜,사용자 경험을 극대화합니다.

모바일 사용자 대부분이 오른손잡이임을 고려하여,
메뉴 버튼을 오른쪽으로 이동하고 이미지 및 슬라이드 기능을 추가하여 사용자 친화적인 UI/UX를 구현했습니다.이러한 개선은 모바일 환경에서의 사용자 접근성과 편의성을 크게 향상시켜,사용자 경험을 극대화합니다.

(좌) 리뉴얼 전

(우) 리뉴얼 후

B2B 고객 대상 신규 비즈니스 모델 창출

벌크 구매 페이지 구축

B2B 기업 고객을 위한 대량 구매 페이지를 개발하여, 상품별 구간값에 따른 할인가격을 적용할 수 있도록 했습니다.

이를 통해 기업 고객들이 대량 주문 시 비용 효율성을 높이고, 편리하게 주문할 수 있는 환경을 제공했습니다.

B2B 기업 고객을 위한 대량 구매 페이지를 개발하여, 상품별 구간값에 따른 할인가격을 적용할 수 있도록 했습니다. 이를 통해 기업 고객들이 대량 주문 시 비용 효율성을 높이고, 편리하게 주문할 수 있는 환경을 제공했습니다.

고객 충성도를 구축하는

제로파티 데이터(ZPD) 확보

퀴즈 형태의 설문을 통해 고객의 선호도와 행동을 분석하고, 이를 토대로 맞춤형 상품을 추천했습니다.
이러한 데이터 기반 접근법은 고객의 세밀한 요구를 파악하고, 장기적인 고객 충성도를 구축하는 데 중요한 역할을 합니다.

퀴즈 형태의 설문을 통해 고객의 선호도와 행동을 분석하고, 이를 토대로 맞춤형 상품을 추천했습니다. 이러한 데이터 기반 접근법은 고객의 세밀한 요구를 파악하고, 장기적인 고객 충성도를 구축하는 데 중요한 역할을 합니다.

제로 파티 데이터 수집

간단한 퀴즈를 통해 이메일 주소, 개인 배경 등의 데이터 수집

선택을 도와주는 쇼핑,큐레이션 커머스

제품 선호도와 취향을 분석하여 개인 맞춤형 상품 추천을 제공

커스텀 개발 💻

기획 ✏️

스토어 🛍️

마케팅 🚀