- CLIENT
- 재현하늘창 (주식회사 재현인텍스)
- INDUSTRY
- 건자재 · 도어/중문/몰딩/월패널/샤시 제조
- PROJECT
- 기업 홈페이지 구축 / 리뉴얼
- PERIOD
- 2021. 11 ~ 2022. 04
프릭스 수행범위
IA 설계, 제품 탐색, 메인/서브 GUI, 웹표준 마크업부터 반응형 대응까지 단일 팀이 수행했습니다.
BACKGROUND
리뉴얼이 필요했던 세 가지 이유
-
01
업계 최다 라인업이 한눈에 보이지 않았다
재현하늘창은 프리미엄 도어부터 중문, 몰딩, 하드웨어, 월패널, 샤시까지 업계에서 가장 다양한 제품군을 보유하고 있습니다. 그러나 제품 수가 많을수록 분류가 모호하면 원하는 제품을 찾기 어렵고 브랜드의 강점이 오히려 흐려졌습니다.
-
02
소비자와 파트너의 목적이 서로 달랐다
인테리어를 준비하는 소비자, 자재를 고르는 시공사·인테리어 업체, 대리점, 해외 바이어가 한 사이트에 들어옵니다. 누군가는 디자인을, 누군가는 인증서·시험성적서를, 누군가는 가까운 대리점을 먼저 찾습니다.
-
03
구매 이후의 접점이 흩어져 있었다
A/S 문의, 시험성적서 신청, E-카달로그, 수출 문의, 샤시 전용 사이트까지 구매 이후와 B2B 접점이 여러 곳에 흩어져 있었습니다. 이 창구들을 한곳에 모으지 않으면 반복 전화 문의가 늘어나는 구조였습니다.
다섯 집단, 다섯 개의 목적지
| 방문자 유형 | 방문 목적 | 도달해야 할 영역 |
|---|---|---|
| 인테리어 준비 소비자 | 우리 집에 맞는 도어와 중문은 무엇인가 | 제품소개·디자인 도어·디자인 중문 |
| 시공사·인테리어 업체 | 규격과 인증, 시험성적서를 확인하고 싶다 | 서비스안내·인증서·시험성적서·E-카달로그 |
| 구매 예정 고객 | 가까운 대리점은 어디인가 | 대리점안내·시·도 / 구·군 대리점 찾기 |
| 구매 후 고객 | A/S는 어디서 어떻게 받는가 | 서비스안내·A/S문의·AS문의처 |
| 해외 바이어·일반 | 회사의 이력과 수출 문의 창구 | 브랜드이야기·히스토리·수출문의·EN |
SOLUTION
정보구조를 다시 세운 세 가지 원칙
-
01
제품을 공간과 기능 단위로 묶는다
프리미엄·기능성·디자인 도어, 디자인·시스템 중문, 몰딩&도어프레임, 하드웨어, 월패널, 샤시의 9개 카테고리로 제품을 재편했습니다. 디자인을 찾는 사람도, 기능을 찾는 사람도 같은 입구에서 출발합니다.
-
02
구매 이후까지 하나의 메뉴로 모은다
A/S 문의, 시험성적서 신청, 인증서, E-카달로그, 수출 문의를 '서비스안내' 하나로 묶었습니다. 소비자와 B2B 파트너 모두 구매 전후에 필요한 창구를 한곳에서 해결합니다.
-
03
온라인 탐색을 오프라인 구매로 잇는다
메인에 시·도와 구·군으로 검색하는 전국 대리점 찾기를 배치하고, 모든 제품 상세에서 대리점 안내로 이어지게 했습니다. 마음에 드는 제품을 본 자리에서 가까운 매장을 찾습니다.
정보구조 (Information Architecture)
- 브랜드이야기경영이념히스토리CI / BI위치안내
- 제품소개프리미엄 도어몰딩&도어프레임기능성 도어디자인 도어디자인 중문시스템 중문하드웨어월패널샤시
- 대리점안내대리점 안내시·도 / 구·군 전국 대리점 찾기
- 서비스안내JH 스토리 & AS문의처미디어 & 시공동영상시험성적서 신청인증서E-카달로그A/S문의수출문의
통합검색, 샤시 홈페이지(sash.jhintex.co.kr), KOR / EN 전환, SNS(유튜브 · 네이버 블로그 · 카카오 채널) — 전 페이지 상설 노출
FEATURES
무엇을 개발했는가
보이는 기능
01
브랜드 · 제품 메인 섹션
Company·History·CI/BI·Location으로 브랜드를 요약하고, 'Product' 섹션에서 업계 최다 프리미엄 라인을 카테고리별로 바로 탐색하게 했습니다.
02
전국 대리점 찾기
시·도와 구·군을 선택하면 해당 지역 대리점이 바로 나타나는 검색 위젯을 메인에 배치해, 온라인 탐색이 오프라인 상담으로 이어지게 했습니다.
03
Media Center
KBS 일일드라마 제작지원 소식과 [벨라] 파티션·자동문·슬림도어 시공영상을 탭으로 나눠 보여줘, 실제 설치 모습으로 제품을 이해하게 했습니다.
04
KOR / EN · 샤시 사이트 연결
헤더에서 영문 사이트와 샤시 전용 사이트로 바로 이동합니다. 해외 바이어와 샤시 고객을 하나의 브랜드 안에서 함께 응대합니다.
보이지 않는 기능
01
제품 데이터베이스
9개 카테고리 제품을 분류 코드(ca_id) 기반 목록·상세 구조로 운영해, 신제품을 카테고리별로 바로 추가합니다.
02
대리점 정보 관리
전국 대리점을 지역 단위로 등록·수정하는 관리 기능을 구성해, 대리점 변동을 즉시 반영합니다.
03
인증서 · 성적서 운영
인증서 게시판과 시험성적서 신청 폼을 분리 운영해, B2B 고객의 서류 요청을 온라인으로 접수합니다.
04
A/S · 수출 문의 접수
A/S 문의와 수출 문의를 각각 전용 폼으로 받아, 문의 유형별 담당 부서로 바로 전달되도록 구성했습니다.
05
미디어 · E-카달로그
시공영상과 제작지원 소식, E-카달로그를 게시판으로 운영해 마케팅 자료를 담당자가 직접 갱신합니다.
06
웹표준 · 다국어
국문·영문 사이트 분리 운영과 크로스브라우징 대응.
DESIGN
제품이 아니라,
공간을 보여준다
도어와 중문은 혼자가 아니라 공간 안에서 완성됩니다.
다양한 라인업을 정리하면서도, 실제 공간에 놓인 모습이 화면의 중심이 되도록 시각 언어를 정리했습니다.
공간 연출 이미지 중심
제품 단품 사진보다 실제 주거 공간에 설치된 연출 이미지를 크게 사용했습니다. 스펙을 읽기 전에 우리 집의 모습을 떠올리게 하는 것이 목표였습니다.
자연스러운 브랜드 톤
'자연 그대로인 나만의 공간'이라는 CI 철학에 맞춰 따뜻한 뉴트럴 컬러와 여백을 사용해 주거 공간의 편안함을 표현했습니다.
카테고리 카드 그리드
9개 제품 카테고리를 같은 규격의 카드로 정리해, 라인업이 많아도 화면이 복잡해 보이지 않게 했습니다.
영상으로 보여주는 시공
시공영상을 썸네일 카드로 정리해, 글로 설명하기 어려운 개폐 방식과 설치 과정을 직접 보여줍니다.
B2B 정보의 명확한 위계
인증서·시험성적서·E-카달로그를 아이콘과 함께 정리해, 전문가 고객이 필요한 서류를 빠르게 찾게 했습니다.
반응형 재배치
데스크톱의 카테고리 그리드와 대리점 검색은 모바일에서 2단 카드와 세로 폼으로 전환돼, 현장에서도 쉽게 확인할 수 있습니다.
주요 화면
RESULT
무엇이 달라졌는가
| 구분 | BEFORE | AFTER | 의미 |
|---|---|---|---|
| 구조 | 제품 나열 중심 | 9개 카테고리 제품 체계 | 업계 최다 라인업이 정돈된 강점으로 읽힙니다. |
| 동선 | 구매 후 창구 분산 | 서비스안내 통합 메뉴 | A/S·성적서·수출 문의를 한곳에서 해결합니다. |
| 판매 | 온 · 오프라인 단절 | 메인 대리점 찾기 연결 | 온라인에서 본 제품을 가까운 대리점에서 상담합니다. |
| 운영 | 요청 기반 자료 갱신 | 제품 DB · 게시판 직접 운영 | 신제품·인증서·시공영상을 담당자가 직접 갱신합니다. |
