CASE STUDY

UNDERBLACK ARCHITECTURAL

브랜드 경험과 제품, 공간, 상담을하나로 연결한 건축 브랜드 홈페이지.

ARCHITECTURAL BRAND · PERFORMANCE · COLLECTION · CONSULTATION

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

20년간 쌓인 열차단 필름 기술을 브랜드 언어로 정리하고, 브랜드 → 성능 → 컬렉션 → 실적 → 상담으로 이어지는 하나의 흐름으로 홈페이지를 설계했습니다.

  • 브랜드 홈페이지
  • BRAND STORY
  • BRAND FILM
  • PERFORMANCE 시각화
  • COLLECTION · PROJECTS
  • 1:1 프라이빗 상담
02BEFORE

기술은 충분했지만,브랜드로 보이지 않았습니다.

  • 제품 스펙만으로 프리미엄을 설명하기 어려웠습니다.
  • 브랜드 이야기가 정리되어 있지 않았습니다.
  • 성능 수치는 문서 안에만 있었습니다.
  • 시공 실적은 따로 관리되고 있었습니다.
  • 상담은 전화로만 이어졌습니다.
  • 프리미엄은 가격이 아니라 경험에서 만들어집니다.
UNDERBLACK 건축 홈페이지 실제 모바일 화면
03PROBLEM

필름을 파는 사이트가 아니라,공간의 품격을 말해야 했습니다.

  • 01고객은 필름이 아니라 바뀐 공간을 상상합니다.
  • 02성능은 숫자보다 이유로 이해되어야 했습니다.
  • 03보고 끝나는 것이 아니라 상담으로 이어져야 했습니다.
04WE MADE

그래서,브랜드 경험 순서대로 만들었습니다.

UNDERBLACK 건축 메인 히어로 실제 화면

01

MAIN

첫 화면에서 공간을 보여주는 곳

“창문을 바꾸지 않고, 공간의 품격을 바꾸다.” 실제 주거 공간 이미지와 함께 브랜드 메시지를 전달합니다.

UNDERBLACK BRAND STORY 실제 화면

02

BRAND STORY

브랜드를 이해시키는 곳

20년의 기술과 3,800건 이상의 프로젝트, MADE IN KOREA를 하나의 이야기로 정리했습니다.

UNDERBLACK BRAND FILM 실제 화면

03

BRAND FILM

브랜드를 느끼게 하는 곳

설명 대신 영상으로 브랜드 컨셉을 전달하는 BRAND FILM 영역을 구성했습니다.

WHY UNDERBLACK 실제 화면

04

WHY UNDERBLACK

선택 이유를 정리한 곳

태양열은 막고, 전망은 남기고, 보이지 않는 기술로 완성한다는 세 가지 기준으로 정리했습니다.

UNDERBLACK PERFORMANCE 실제 화면

05

PERFORMANCE

성능을 증명하는 곳

UV 차단, 적외선 차단, TSER, 눈부심, 프라이버시, 비산방지까지 성능 지표를 한 화면에 정리했습니다.

UNDERBLACK 건축 홈페이지 모바일 실제 화면

06

MOBILE

휴대폰에서도 같은 경험

모바일에서도 브랜드 톤과 정보 순서를 그대로 유지하도록 구성했습니다.

05AFTER

제품 소개가브랜드 경험이 되었습니다.

BEFORE

  1. 제품 스펙 전달
  2. 전화 설명
  3. 견적 요청
  4. 상담

AFTER

  1. 브랜드를 보고
  2. 성능을 이해하고
  3. 컬렉션을 고르고
  4. 1:1 상담까지
  • 브랜드
  • 성능
  • 컬렉션
  • 프로젝트
  • 상담

필름을 설명하는 사이트가 아니라, 공간을 상상하게 하는 브랜드를 만들었습니다.

06RESULT

제품 스펙브랜드 경험

홈페이지 구조

문서 속 성능한 화면의 성능

PERFORMANCE

전화 상담1:1 프라이빗 상담

고객 흐름

LIVE

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

실제 홈페이지 보기

https://www.underblack.co.kr/

NEXT STEP

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