쇼피파이란?

포트폴리오

SEO 마케팅

Blog 마케팅

사이트 스피드

후기&칼럼

채용

고객지원

무료 세미나

문의하기

커스텀 개발 💻
기획 ✏️
UI/UX 🛍️
개발 👩‍💻

코스트코 - Most

Client

Client

Costco Most

Date

Date

2023. 7

Type

Type

쇼피파이, 이커머스 UI/UX 최적화

Overview

Overview

코스트코 홈페이지 서비스의 최상위 목적은 “이커머스 UI/UX 최적화” 이었습니다. 동시간에 상당한 트래픽이 몰렸기 때문에 유입된 고객이 이탈되지 않도록 안정적인 UI/UX 설계가 필수적이었으며 이를 관리할 수 있는 관리자 페이지를 매우 쉽게 사용할 수 있도록 기획하고 설계하였습니다.

코스트코 홈페이지 서비스의 최상위 목적은 “안정적인 UI/UX 변경” 이었습니다. 동시간에 상당한 트래픽이 몰렸기 때문에 유입된 고객이 이탈되지 안정적인 서버 설계가 필수적이었으며 이를 관리할 수 있는 관리자 페이지를 매우 쉽게 사용할 수 있도록 기획하고 설계하였습니다.

GOAL

디자인 리뉴얼을 통한 수익확보

디자인 리뉴얼을 통한
수익확보

UI/UX STRATEGY
친환경적 톤앤매너

전문가의 세련된 아이덴티티를 표현하기 위한 디자인을 구축하였으며, 브랜드 컬러와 어울리는 컬러 시스템을 제작하여 적용하였습니다.

직관적인 UI

전문성을 직관적으로 전달할 수 있도록 정보의 중요도를 정리하고 그에 맞게 Color & UI 가이드를 제작하였습니다.

구입이 용이한 디자인

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


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

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

DESIGN SYSTEM

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

TYPOGRAPHY

Ag

PRETENDARD

COLOR SYSTEM

Brand

#A27868

Sub

#DDD6C6

Sub

#151413

Bg

#FDF7F2

컨셉을 직관적으로

자연친화적 디자인

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,

여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며, 여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

컨셉을 직관적으로

직관적인 상품구매 페이지

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,

여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

컨셉을 직관적으로

구매를 유도하는 상품구성

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,

여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며, 여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

MD 큐레이션

카밍컨트롤 2종세트 증정

MD 큐레이션

카밍컨트롤 2종세트 증정