HCT 홈페이지 UI/UX 리뉴얼 - sketchbook

NO.1 Testing Lab, HCT

Tag: 기업
Client: HCT
Links: Web Site

Project Overview

HCT는 KC, FCC, CE 등 글로벌 규격 인증과 계측기 교정 서비스를 제공하는 대한민국 종합 시험·인증 전문 기업입니다.
전자기기, 모빌리티, 방산 제품 등 다양한 분야에 걸쳐 국내외 인증을 지원하며, 해당 업계에서 손꼽히는 규모와 기술력을 보유하고 있습니다.
HCT의 홈페이지의 UI/UX 리뉴얼 및 노후화된 관리자 페이지의 솔루션 교체까지 전 과정을 스케치북과 함께하였습니다.

Define Problems

기존 HCT 홈페이지는 많은 정보를 한꺼번에 제공하고 있었지만, 그렇기 때문에 방문자는 방문 목적에 맞는 경로로 직접 찾아 들어가야만 했습니다.
HCT 홈페이지를 일방향적인 선언적 구조에서 양방향 소통의 구조로 재편할 필요가 있었습니다.

HCT

우리는 주로 이런 서비스를 제공합니다.
우리의 역사는 이렇게 깁니다.
우리는 세계적으로 유명한 고객사와 일하고 있습니다.
우리는 이렇게나 대단한 회사입니다.

방문자

그래서 내가 원하는 정보는 어디서 찾을 수 있나요?

방문자가 원하는 정보를 스스로 찾게 하지 말고,
그들이 필요한 것을 먼저 제안하고 제공해줄 수 있는 소통형 홈페이지로의 리뉴얼이 필요합니다.

Announcement

→ to →

Communication

Target Research

Who are they?

HCT 홈페이지의 주 방문자를 네 가지로 분류하고,
각 타겟의 방문 목적을 분석했습니다.

Target 1 예비

Main Purpose

Q 시험 · 인증, 교정 의뢰는 어디서 어떻게 하나요?
Q 의뢰 절차가 어떻게 되나요?
Q 의뢰 요청 시 필요 서류를 알고 싶어요.

Target 2 협력사 / 파트너

Main Purpose

Q HCT의 기업 신뢰도를 확인하고 싶어요.
Q 기술 협업 및 공동사업을 검토하고 있습니다.
Q 주요 사업 분야에 대한 일괄 정보는 어디서 얻을 수 있나요?

Target 3 예비 지원자

Main Purpose

Q 채용 공고는 어디서 보나요?
Q 기업 문화나 복지 정보는 어디서 확인하나요?
Q 기업 비전을 알고 싶어요.

Target 4 일반 방문자 / 주주 / 외부인

Main Purpose

Q 회사의 경영 철학을 알고 싶어요.
Q 사업 실적 및 성과 지표는 어디서 확인하나요?
Q HCT 최신 소식은 어디서 보나요?

So we need

타겟 분석을 바탕으로 홈페이지가 제공해야 할 핵심 요소를 정리했습니다.

빠른 경로 안내

(예비)고객사가 필요한 서비스를 즉시 찾을 수 있는 명확한 구조와 CTA

신뢰 근거의 시각화

협력사·파트너가 납득할 수 있는 기술력, 실적, 글로벌 인증 범위의 명확한 제시

기업 브랜드 커뮤니케이션

예비 지원자와 외부 방문자가 HCT의 철학과 성과를 직관적으로 파악할 수 있는 콘텐츠 구성

모든 타겟을 동시에 만족시키려면, 각자가 원하는 정보로 빠르게 도달할 수 있는 구조와,
어떤 타겟이 보더라도 신뢰감을 주는 비주얼이 함께 필요합니다.

Renewal Strategy

리뉴얼 방향을 구체화하기 위해 주 방문자층 중 어디에 방점을 둘 것인지에 따라
두 가지 타입을 설정하고 시각화하여 초기 시안을 제안하였습니다.

	Type A 탐색형	Type B 맥락형
Core target
Purpose	“내가 지금 필요한 서비스가 무엇인가?”	“이 회사는 어떤 철학과 신뢰 기반을 갖고 있는가?”
Features	방문 목적이 확실한 목적 지향형 사용자층으로, 이들은 빠르고 정확한 경로 안내 CTA 버튼과 구조적 명확성이 중요합니다.	HCT의 기업 신뢰도, 철학, 기술력을 이해한 후 관계 수립을 고려하는 방문자를 위한 맥락 중심의 설계가 필요합니다.

Direction

두 방향의 초기 시안을 통해 레이아웃 구조, 정보 위계, 비주얼 톤앤매너를 검토했습니다.
Type A의 명확한 경로 안내 구조를 중심으로 방향을 확정했습니다.

Main Design

Testing & Certification

시험과 인증은 별개의 서비스처럼 보이지만, 실제로는 긴밀하게 연결되어 있습니다.
특정 인증을 받기 위해서는 RF, 유선, EMC, SAR 등의 시험이 선행되어야 하며, 이 시험들은 모두 HCT 안에서 수행됩니다.
기존 홈페이지에서는 인증 페이지와 시험 분야 페이지가 각각 독립적으로 존재해 방문자가 두 정보를 연결하기 어려웠습니다.
이를 해결하기 위해 다대다 양방향 게이트 구조를 설계했습니다.