user's avataruser's avataruser's avataruser's avataruser's avataruser's avataruser's avataruser's avataruser's avatar
MyClair
UI/UX
DUOTONE X BOUD
Creative Director | Jung Da Young
Project Manager | Yang Eun Won
Design Lead (BX) | Kim Ui Jin
Design Lead (UX) | Lee Seung Yun
BX Designer | Kim Chae Hyun, Lee Yang Hee
UX Designer | Ha Yun Jung, Lee Chang Hoon, Kim Da Som, Kim Kyung Eun

Development | ATNS, in.div
Client | Clair

Copyright © 2020 Duotone Inc. All rights reserved








Overview
마이클레어는 공기청정기 브랜드 클레어에서 제공하는 공기청정기 필터 구독 서비스입니다.
우리는 서비스 신청을 위한 웹과 기기를 제어하고 구독 서비스를 관리할 수 있는 모바일앱을 디자인했습니다.
Project Goal
마이클레어의 목표는 사용자 맞춤의 필터를 제공하며
지속적으로 깨끗한 공기를 전달하는 것입니다.
User Research
설문조사를 통해 사용자의 공기청정기 구매-사용-관리현황을 파악한 후,
주 사용자 층인 30대 기혼남녀를 대상으로 인터뷰를 진행했습니다.


Service Keyword
유저 리서치를 기반으로 진행한 어피니티 다이어그램에서 얻은 아이디어를 활용하여
6개의 키워드와 각각 두 개의 키워드를 하나로 묶는 전략 키워드를 정의했습니다.


Service Concept
마이클레어는 ‘당신이 숨 쉬는 곳 어디든, 언제나 당신을 위한 깨끗한 공기를 전달합니다.’ 라는
컨셉으로 일상에 다가가며 더 나은 경험을 제공합니다.




Service Process
웹에서 나에게 맞는 필터를 추천받으며 서비스를 신청 할 수 있으며,
공기청정기와 모바일 앱을 연결하여 모니터링 및 관리하며 깨끗한 공기를 전달 받을 수 있습니다.


Visual Concept
앞서 도출했던 서비스 키워드를 기반으로 비주얼 키워드 워크샵을 진행하여
3개의 전략 키워드에서 다음과 같은 비주얼 키워드를 도출했습니다.


Brand Identity
토글 버튼의 형태를 활용하여 Clair를 켜는 것으로 깨끗한 공기를 마실 수 있는
환경으로 전환된다는 의미를 전달하고 있습니다.

UI Screens

Weather
일러스트와 문구를 활용해 날씨 정보를 친근하게 전달하며,
아이콘을 통해 공기질과 날씨 정보를 직관적으로 표현합니다.


Add Device
선택한 공간에 따라 개별의 일러스트를 제공하며,
간단한 프로세스를 통해 기기를 등록할 수 있습니다.




My Device
기기를 등록한 후, 일러스트와 함께 상태를 직관적으로 살펴 볼 수 있습니다.
또한 상단의 이모지를 통해 실내외 공기질을 비교할 수 있습니다.




Control
전원의 상태에 따라 상단의 문구가 변경됩니다.
네 가지의 컨트롤을 각각의 카드 형태로 구성하여 한 눈에 쉽게 구분하며 컨트롤 할 수 있습니다.


Filter
내 필터의 잔량과 교체 예상일을 살펴보며 관리할 수 있으며,
각각의 필터에 대한 정보와 관리 방법을 볼 수 있습니다.



Report
공기질과 같은 실내 상태부터 전기 사용량, 가동 시간과 같은 정보까지
그래프와 함께 직관적으로 확인 할 수 있습니다.




Subscription
구독 서비스에 대한 정보를 스크롤을 통해 살펴볼 수 있으며, 나에게 맞는 클레어 찾기로 이동하면
간단한 선택지를 통해 나에게 맞는 서비스 구성을 추천받고 서비스에 가입 할 수 있습니다.


Home
일러스트를 활용해 친근한 분위기로 서비스를 소개합니다.
또한 일상적인 문구를 활용해 저렴한 가격과 기능의 이점을 쉽게 전달합니다.

Story & About
정기적인 필터 교체 및 관리에 대한 중요성을 강조함과 동시에
서비스에 대한 스토리를 제공합니다.
My page
사용자의 기본 정보와 구독중인 서비스의 현황을 살펴보고 변경할 수 있으며,
하단의 버튼을 통해 서비스를 추가적으로 신청할 수 있습니다.



Thanks for your attention!
Copyright © 2021 Duotone Inc. All rights reserved

MyClair
487
5.8k
45
Published: