CASE STUDY

UNDERBLACK AUTOMOTIVE

제품과 브랜드 경험을 중심으로설계한 자동차 브랜드 홈페이지.

AUTOMOTIVE BRAND · TECHNOLOGY · CONFIGURATOR · DEALER

UNDERBLACK 자동차 브랜드 홈페이지 실제 메인 화면
01PROJECT
프로젝트
UNDERBLACK AUTOMOTIVE
고객 · 브랜드
UNDERBLACK · 자동차용 프리미엄 윈도우필름
연도
2025

빛을 다루는 기술이라는 브랜드 메시지를 중심으로 제품, 기술, 미리보기, 예약까지 이어지는 고객 경험을 설계했습니다.

  • 브랜드 홈페이지
  • 제품 라인업
  • TECHNOLOGY 시각화
  • 시공 미리보기 · 예상 견적
  • 취급점 찾기
  • 시공 예약
02BEFORE

같은 필름처럼 보이는 시장에서,브랜드를 구분하기 어려웠습니다.

  • 제품 차이를 숫자로만 설명해야 했습니다.
  • 시공 후 색감은 상상에 맡겨야 했습니다.
  • 예상 금액은 매번 문의로 확인했습니다.
  • 취급점 안내가 흩어져 있었습니다.
  • 예약은 전화로만 가능했습니다.
  • 고객은 비교할 수 없으면 가격만 봅니다.
UNDERBLACK 자동차 홈페이지 실제 모바일 화면
03PROBLEM

설명이 아니라,직접 보게 해야 했습니다.

  • 01필름 농도와 색감은 보여줘야 이해됩니다.
  • 02예상 금액을 스스로 확인할 수 있어야 했습니다.
  • 03확인한 다음 바로 예약까지 이어져야 했습니다.
04WE MADE

그래서,보고 계산하고 예약하게 만들었습니다.

UNDERBLACK 자동차 메인 히어로 실제 화면

01

MAIN

브랜드를 각인시키는 곳

“빛을 다루는 기술, 드라이빙의 가치를 높이다.” 다크 톤의 브랜드 히어로로 첫인상을 만듭니다.

UNDERBLACK 자동차 TECHNOLOGY 실제 화면

02

TECHNOLOGY

기술을 이해시키는 곳

열 차단, UV 차단, 선명한 시야, 프라이버시를 다층 구조 그래픽과 함께 설명합니다.

WHY UNDERBLACK 자동차 실제 화면

03

WHY UNDERBLACK

선택 이유를 정리한 곳

기술력, 국내 제조, 프리미엄 소재, 품질관리, 전국 취급점까지 여덟 가지 기준으로 정리했습니다.

차량 미리보기 · 예상 견적 실제 화면

04

CONFIGURATOR

직접 보고 계산하는 곳

대표 차량에 필름과 농도를 적용해 미리 보고, 예상 시공 금액까지 계산한 뒤 예약으로 이어집니다.

UNDERBLACK 자동차 홈페이지 모바일 실제 화면

05

MOBILE

휴대폰에서도 같은 경험

차량 미리보기와 예약까지 모바일에서 그대로 이어지도록 구성했습니다.

05AFTER

보여주니까,문의가 예약이 되었습니다.

BEFORE

  1. 전화 문의
  2. 제품 설명
  3. 금액 안내
  4. 방문 상담

AFTER

  1. 미리보기로 확인
  2. 예상 견적 확인
  3. 취급점 선택
  4. 시공 예약
  • 브랜드
  • 기술
  • 미리보기
  • 견적
  • 예약

제품을 설명하는 대신, 고객이 직접 확인하고 결정하게 만들었습니다.

06RESULT

숫자로만 설명눈으로 확인

차량 미리보기

문의해야 아는 금액직접 계산

예상 견적

전화 예약온라인 예약

고객 흐름

LIVE

아래 버튼을 누르면 실제로 운영 중인 결과물을 바로 확인하실 수 있습니다.

실제 홈페이지 보기

https://www.underblackclub.com/

NEXT STEP

우리 회사도
이렇게 만들 수 있습니다.