교원 웰스 온라인 가상체험관 - sketchbook

wells

교원 웰스 온라인 가상체험관

Tag: UI/UX, 3D
Client: 교원 웰스
Role: Design, Development
Links: Web Site

Overview

교원 웰스는 IoT 수면 케어 매트리스를 새롭게 출시하면서 비대면 시대에 맞춰 실제로 보지 않고도 제품의 특장점을 극대화하여 보여줄 수 있는 온라인 가상 체험관을 구축하기를 원했습니다.
크게는 웨이브매트리스와 모션베드 체험관으로 나누어지며, 그 외의 IoT 연동 제품까지 자연스럽게 체험할 수 있는 체험관을 구축하는 것이 이번 프로젝트의 핵심 과제입니다.

Client
Needs

교원 웰스에서는 직관적이고 심플한 UI의 가상 체험관을 원했습니다.
또한, 2개의 존과 4개의 제품으로 체험관이 분리되기 때문에 각 체험별 흐름이 자연스럽고 고객의 흥미를 끄는 재미 요소가 활용되기를 원했습니다.

Simple UI: 직관적이고 심플한 UI
사용자가 쉽게 체험할 수 있는
직관적인 UI 구성

Seamless UX: 자연스러운 흐름
각 존별 체험과 각 제품의 체험의
흐름이 자연스러운 UX

Interesting: 흥미로운
사용자의 흥미를 끌 수 있는
다양한 요소 활용

Project Goal

온라인으로 진행되는 체험에서도 기존 오프라인 체험과 비슷한 경험을 제공하고
시나리오 기획을 통해 더 흥미롭고 생생하게 체험할 수 있도록 하는 것이 이번 프로젝트의 목표입니다.
나아가 교원 웰스의 기술력을 전달함과 동시에 제품의 특장점을 극대화하여
고객이 더욱 편안한 일상을 누릴 수 있도록 할 것입니다.

Design
Keyword

심플한 디자인으로 교원웰스의 세련되고 전문적인 이미지를 표현합니다.
각각의 체험관에 흥미로운 요소를 활용하여 몰입할 수 있도록 하고
사용자 편의성에 맞추어 디자인합니다.

Professional: 전문적인
교원웰스의
전문적인 이미지

Future-oriented: 미래적인
미래적인 이미지로
기술력 표현

Interesting: 흥미로운
흥미로운 요소로
고객의 체험 유도

Design
System

사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

다양한 디바이스별 해상도에 최적화된 구성으로 어떠한 환경에서도
동일한 사용자 경험을 할 수 있도록 합니다.

Render 1.Zone & Product

Zone A
웨이브 매트리스의 깔끔한 베이지 톤에 어울리는 화이트&베이지의 따뜻한 무드로 구성했습니다.
제품 체험에 최적화 된 배치로 자연스럽게 체험을 유도할 수 있도록 합니다.
Zone B
모션베드의 모던한 디자인과 어울리는 심플하고 현대적인 무드로 구성했습니다.
제품 체험에 최적화 된 배치로 자연스럽게 체험을 유도할 수 있도록 합니다.
Zone C
매트리스에 어울리는 브라운톤과 식물의 그린 컬러를 매치하여 내추럴한 무드로 구성했습니다.
제품 체험에 최적화 된 배치로 자연스럽게 체험을 유도할 수 있도록 합니다.