미쉐린 타이어 코리아
승용 앱 리뉴얼

APP✦DESIGN
2018.08 - 2019.01
Design 100%
Application

Project ✦ Background

기존의 구조를 탈피한 어플 리뉴얼을 원했어요. 미쉐린 타이어에 특화된 UI로 주사용자층인 장년층과 더불어, MZ세대까지 흡수시키는 것을 목표로 했어요. 기존의 밝고 경쾌한 느낌을 베이스로 전문적이고 사용자 중심적인 UIUX 리뉴얼 디자인을 진행했어요.

  • Client ✦ Needs

    비벤덤 아이콘
    1. 1미쉐린의 밝고 힘찬 무드를 그대로 가져가서 MZ세대까지 흡수하고 싶어요.
    2. 2장년층의 사용이 많은만큼 폰트나 컴포넌트를 놓치지 않았으면 좋겠어요.
    3. 3따로 다운받을 필요 없이 트럭과 승용타이어를 한 어플 안에서 보고싶어요.

Project ✦ Goal

  • 미쉐린의 캐릭터인 비벤덤과 채도 높은 컬러를 사용하여 밝고 힘찬 느낌을 어플에 담았어요. Young한 느낌의 리뉴얼로 MZ세대의 유입을 기대할 수 있어요.
  • 미쉐린 Key 컬러를 컴포넌트와 아이콘에 적용하여 눈에 잘 띄도록 하고, 폰트크기를 조정했어요. 사용연령층이 높은 어플인만큼 원하는 정보에 빠르게 도달할 수 있는 사용자 중심의 어플을 디자인했어요.
  • 스와이프 형식으로 트럭타이어와 승용타이어를 함께 볼 수 있도록 했어요. 두개의 어플을 설치할 필요없이 원하는 섹션으로 간편하게 이동할 수 있어요.

Design Overview

고객센터 대리점안내 제품안내 정품등록 정품등록2 쿠폰 쿠폰2 전체메뉴

Main

누구나 원하는 정보를 바로 찾을 수 있도록
가장 자주 찾는 메뉴들로 구성되어 빠른 이동이 가능해요.

  • 좌우 스와이프로
    승용타이어와 트럭타이어를
    모두 볼 수 있어요.
  • 오프라인에서 사용할 수 있는 바코드를 보여줘요.
  • 심플한 라인아이콘에 메인컬러로 포인트를 줬어요.
  • 로그인시에는 현재 포인트와 등급이 나타나요.

Menu

미쉐린 어플에 관련된 나의 정보를
모두 모아볼 수 있어요.

중요도가 높은 등급과 포인트,쿠폰은
상단에 배치해 시선이 머물도록 했어요. 볼드한 타이포와 대조되는
심플한 라인아이콘으로
균형을 맞췄어요.

Michelin ✦ Store

미쉐린 타이어를 판매하는 대리점을
찾을 수 있어요.

  • 미쉐린 대리점 이미지
  • 탭메뉴 공지사항
  • 탭메뉴 제품정보

Michelin ✦ Coupon

타이어 구매시에 필요한 쿠폰과
포인트를 한번에 관리해요.

  • 미쉐린 정품등록 이미지입니다.

    쿠폰함

  • 미쉐린 쿠폰 이미지입니다.

    쿠폰 상세

  • 미쉐린 쿠폰 이미지입니다.

    쿠폰 선물하기

  • 미쉐린 쿠폰 이미지입니다.

    쿠폰사용신청

  • 미쉐린 쿠폰 이미지입니다.

    쿠폰사용완료

Michelin ✦ Tire

차량정보를 저장하고
미쉐린 정품타이어를 등록 할 수 있어요.

  • 미쉐린 정품타이어
    전용 아이콘으로
    브랜드 로열티를 강조했어요.
  • 상단에
    차량등록 버튼을 추가하여
    슬라이드 팝업 형식으로
    사용자의 이용을 유도했어요.