Shinsegae
international
s.i.village
신세계 인터내셔날은
해외 유명 브랜드를 국내에 도입하여 패션 및 라이프스타일을 선도하는 기업으로,
오프라인 뿐만 아니라 온라인에서도 패션, 뷰티, 리빙 영역에서 고객의 라이프스타일을 진화시키는 경험을 제공하기 위해
신규 온라인 커머스 플랫폼을 제작하고자
플러스엑스에 BX/UX/UI 컨설팅을 의뢰하였습니다.
2015년 9월부터 12월, 4개월 동안 플러스엑스 BX팀과 UX/UI팀이 협업하였으며,
UX/UI팀은 PC, 모바일 플랫폼의 전체 구조와 핵심 화면의 설계/디자인 작업을 진행하였고
그 이후 실제 구축은 타사에서 진행하였습니다.
오프라인 뿐만 아니라 온라인에서도 패션, 뷰티, 리빙 영역에서 고객의 라이프스타일을 진화시키는 경험을 제공하기 위해
신규 온라인 커머스 플랫폼을 제작하고자
플러스엑스에 BX/UX/UI 컨설팅을 의뢰하였습니다.
2015년 9월부터 12월, 4개월 동안 플러스엑스 BX팀과 UX/UI팀이 협업하였으며,
UX/UI팀은 PC, 모바일 플랫폼의 전체 구조와 핵심 화면의 설계/디자인 작업을 진행하였고
그 이후 실제 구축은 타사에서 진행하였습니다.
Project
2015. 9. - 2015. 12.
BX/UX/UI/Motion Experience Design
Participation
Proposal
서비스 분석, 전략 컨셉, 목업 구조 아이데이션 : 20% (5명)
PC 웹 시안 A-1 디자인 : 100%
Build-up
PC 웹 디자인 : 40% (3명)
모바일 디자인 : 50% (2명)
2015. 9. - 2015. 12.
BX/UX/UI/Motion Experience Design
Participation
Proposal
서비스 분석, 전략 컨셉, 목업 구조 아이데이션 : 20% (5명)
PC 웹 시안 A-1 디자인 : 100%
Build-up
PC 웹 디자인 : 40% (3명)
모바일 디자인 : 50% (2명)
Brand Manifesto
S.I.Village는
신세계 인터내셔날의 다양한 국내외 브랜드 상품을
합리적인 가격으로 쉽고 편리하게 구입할 수 있는 온라인 커머스 플랫폼입니다.
유니크하고 트렌디한 상품을 빠르게 제공하고
합리적인 가격과 편리한 온오프라인 서비스 혜택,
기존에 만나볼 수 없었던 유니크한 콘텐츠를 통해
단순히 상품을 판매하는 온라인 커머스를 넘어
패션, 뷰티, 리빙 카테고리를 비롯한
라이프스타일 전반에 가치 있는 소중한 경험을 제공합니다.
BX Design
S.I.Village의 지향 이미지를 효과적으로 시각화하기 위해 도출된 아이덴티티를 바탕으로
지향 이미지를 효과적으로 전달할 수 있는 디자인 표현 원칙을 도출하였고,
그에 맞는 BX Design Application이 개발되었습니다.
구매 유도를 위한 자극적인 광고로 상품을 판매하는
타 커머스 플랫폼과 차별성을 두기 위해
단순히 상품을 구매하는 것이 아닌
“상품과 함께 경험을 구매하는 커머스"를 만들자는 전략을 세웠습니다.
상품뿐만 아니라 상품을 포괄하는 라이프 스타일에 대해 소개하고 추천해주는 콘텐츠를 상품과 함께 제공하여
콘텐츠를 소비하면서 자연스럽게 상품이 노출될 수 있도록 하고자 하였습니다.
전문가의 관점을 바탕으로 패션 전반에 대한 깊이 있는 정보들을 편집하여 제공하는 저널 콘텐츠,
개별 상품을 중심으로 가볍게 훑어볼 수 있는 이슈 콘텐츠를 구성하였습니다.
콘텐츠와 상품이 제공되고 소비되는 비중에 따라 커머스 플랫폼 목업 유형을 3가지 군으로 분리하였고,
3가지 타입 중 저는 A 타입으로 시안을 잡았습니다.
타 커머스 플랫폼과 차별성을 두기 위해
단순히 상품을 구매하는 것이 아닌
“상품과 함께 경험을 구매하는 커머스"를 만들자는 전략을 세웠습니다.
상품뿐만 아니라 상품을 포괄하는 라이프 스타일에 대해 소개하고 추천해주는 콘텐츠를 상품과 함께 제공하여
콘텐츠를 소비하면서 자연스럽게 상품이 노출될 수 있도록 하고자 하였습니다.
전문가의 관점을 바탕으로 패션 전반에 대한 깊이 있는 정보들을 편집하여 제공하는 저널 콘텐츠,
개별 상품을 중심으로 가볍게 훑어볼 수 있는 이슈 콘텐츠를 구성하였습니다.
콘텐츠와 상품이 제공되고 소비되는 비중에 따라 커머스 플랫폼 목업 유형을 3가지 군으로 분리하였고,
3가지 타입 중 저는 A 타입으로 시안을 잡았습니다.
Draft A-1
Draft A-1
Design Concept
Breaking the grid &
A 구조 자체가 메인에서 상품을 숨기고 콘텐츠를 전면에 내세우는,
상품을 팔아야하는 커머스 사이트로서는 다소 모험적인 구조이기 때문에 이에 맞춰
‘탈그리드 형태의 콘텐츠 랜덤 배치' 및 ‘패럴렉스 스크롤’을 사용하여
메인 디자인을 진행하였습니다.
Design Concept
Breaking the grid &
Parallax scroll
A 구조 자체가 메인에서 상품을 숨기고 콘텐츠를 전면에 내세우는,
상품을 팔아야하는 커머스 사이트로서는 다소 모험적인 구조이기 때문에 이에 맞춰
‘탈그리드 형태의 콘텐츠 랜덤 배치' 및 ‘패럴렉스 스크롤’을 사용하여
메인 디자인을 진행하였습니다.
Final Design
3가지 구조의 총 5개의 시안을 리뷰하였고,
신세계 인터내셔날 내부 회의 결과 ‘콘텐츠를 전면에 내세우는 커머스’라는 차별화 전략은 좋으나
메인 화면에서 상품이 전혀 노출되지 않는 것은 다소 리스크가 있다고 판단하여
메인의 상단은 콘텐츠, 하단은 상품으로 절충하여 구성한
A-2안 방향으로 결정되어 디벨롭 되었습니다.
Crossing
the boundaries between
products and contents
New commerce
메인 화면 상단에 콘텐츠를 적극 노출시켜 고객이 양질의 콘텐츠를 만나는데에 용이하도록 하였고,
이미지 중심으로 흥미를 유발할 수 있는 타이틀과 쇼트 에세이를 함께 배치하였습니다.
모바일에서는 좌/우측 상단에 메뉴 버튼을 두어 패션, 뷰티, 리빙관 이동과
그 하위에 있는 상품 카테고리, 콘텐츠, 브랜드관, 검색 등의 이동이 가능합니다.
이미지 중심으로 흥미를 유발할 수 있는 타이틀과 쇼트 에세이를 함께 배치하였습니다.
모바일에서는 좌/우측 상단에 메뉴 버튼을 두어 패션, 뷰티, 리빙관 이동과
그 하위에 있는 상품 카테고리, 콘텐츠, 브랜드관, 검색 등의 이동이 가능합니다.
프리미엄 브랜드 소비 사용자는 가격보다 상품 자체에 더 집중하기 때문에
상품 리스트 페이지는 이미지 중심적 소비에 최적화된 뷰를 제공합니다.
상품 상세는 상품과 연관 상품까지의 거리를 짧게 하기 위해 여러 장의 상품 이미지를
상단 고정 영역에서 소비할 수 있도록 구성하였습니다.
상품 리스트 페이지는 이미지 중심적 소비에 최적화된 뷰를 제공합니다.
상품 상세는 상품과 연관 상품까지의 거리를 짧게 하기 위해 여러 장의 상품 이미지를
상단 고정 영역에서 소비할 수 있도록 구성하였습니다.
