sketchbook

에어랙스 logo

Tag
쇼핑몰
Client
에어랙스
Links

Project
Overview

에어렉스는 선별진료소 · 야회현장 및 고온 작업환경, 주차장 · 야외현장 등
여러 환경에서 최적의 가전제품을 제공하고 있는 기업입니다.
다양한 제품군과 서비스를 한 눈에 볼 수 있고 서비스를 충분히 인지할 수 있도록
사용자 경험을 개선하고자 합니다.

What we needs

Smart Navigation
사용자가 복잡한 검색 과정 없이도 본인의 환경에 최적화된 제품을 즉각적으로 찾아갈 수 있도록 '선택의 스트레스'를 줄여주는 사용자 중심의 인터페이스를 제공되어야 합니다

What we needs

Beyond Purchase
AS 접수, 매뉴얼, 부품 구매 등 구매 이후의 관리 편의성을 찾는 사용자들을 위한 메뉴가 필요하며 실제 설치 사례나 사용 후기를 통해 제품의 성능을 시각적으로 증명하고, 브랜드에 대한 신뢰도를 높여야 합니다.

What we needs

Visualize Value
텍스트 위주의 설명보다 실제 산업 현장이나 생활 공간에 설치되었을 때의 부피감과 조화를 짐작할 수 있는 이미지를 활용하여 제품의 가치를 강력하게 전달해야 합니다.

Project Strategy

사용자와 운영 측의 니즈를 바탕으로, UX 전반의 개선을 위한 네 가지 전략을 수립하였습니다.
정보 구조, 디자인 언어, 반응형 환경, 접근성 측면에서 일관된 경험을 제공하는 데 중점을 두었습니다.

AIRREX
  • Findability 01

    사용자가 원하는 제품이나 정보에 도달하는
    ‘Depth’를 최소화합니다.

  • Trust 02

    구매 전 ‘확신’을 주고, 구매 후 ‘안심’을 제공하는
    신뢰 프로세스를 설계합니다.

  • Experience 03

    제품의 스펙(Spec)을 넘어, 실제 사용 시의
    편익(Benefit)을 시각적으로 체감하게 합니다.

  • Findability 01

    사용자가 원하는 제품이나 정보에 도달하는
    ‘Depth’를 최소화합니다.

  • Trust 02

    구매 전 ‘확신’을 주고, 구매 후 ‘안심’을 제공하는
    신뢰 프로세스를 설계합니다.

  • Experience 03

    제품의 스펙(Spec)을 넘어, 실제 사용 시의
    편익(Benefit)을 시각적으로 체감하게 합니다.

Design Solution

쉬운 탐색과 깊은 신뢰로 완성하는
생생한 공간 경험, 에어렉스

Design
Keywords

다양한 제품군을 판매하는 에어렉스의 아이덴티티를 잘 드러낼 수 있는 비주얼 키워드를 선정하여,
이를 시각적으로 녹여낸 디자인 시스템을 설계합니다.

  • Key 01
    Air

    답답한 텍스트 위주의 구성을 벗어나, 여백을 통해 공기의 흐름과 같은 쾌적함을 시각적으로 전달합니다.

  • Key 02
    Place

    고객이 자신의 환경과 가장 유사한 맥락을 즉각적으로 선택하고 몰입할 수 있도록 돕는 '공간 중심적 디자인'을 보여줍니다.

  • Key 03
    Find

    사용자의 탐색 피로도를 최소화하고 구매 결정까지의 경로를 매끄럽게 연결하는 실용적 디자인입니다.

Design
Elements

정보 제공량이 많기 때문에 시각적 피로도를 최소화하는
무채색을 위주로 사용하며, 부분적으로 채도와 명도가 높은 블루와 오렌지를
아이덴티티 컬러로 채용해 신뢰성 있고 창의적인 기업의 이미지를 전달합니다.

Color system
Vivid Orange
#FE7B12R254 G123 B18
Vivid Blue
#0E70DDR14 G112 B221
typography
Pretendard

KR Bold Medium Regular

Montserrat

EN Bold Medium Regular

Main
page veiw

Product

introduce page

에어렉스 제품군의 특성과 장점이 집약된 정보를 에어컨, 히터 각각의 개별 페이지들로
전략적으로 구성하여 사용자들이 한 눈에 파악할 수 있도록 하였습니다.

Product Detail Page

단순 나열 방식에서 벗어나, 핵심 셀링 포인트를 상단에 배치하고 상세 스펙은
그리드 시스템을 활용해 모듈화함으로써, 정보 탐색의 피로도를 획기적으로 낮추고
구매 결정력을 높이는 직관적인 인터페이스를 구현했습니다.

Other Pages

Product Detail Page

단순 나열 방식에서 벗어나, 핵심 셀링 포인트를 상단에 배치하고 상세 스펙은
그리드 시스템을 활용해 모듈화함으로써, 정보 탐색의 피로도를 획기적으로 낮추고
구매 결정력을 높이는 직관적인 인터페이스를 구현했습니다.

Mobile

PC와 동일한 콘텐츠를 모바일 환경에서도
불편함 없이 최적화하여 볼 수 있도록 구성하였습니다.

Simply Better Air
AIRREX

Credits

  1. Product Manager

    • An KyungMin
  2. Design

    • Han SeHui
    • Lee JiEun
  3. Development

    • Race
    • Moon SeoHee