개요
핵심 요약
- 한빛산업은 서보 밸브, 제어 액추에이터, 유압 시스템, 비상 트립 장치, 컨트롤러·센서를 다루는 산업용 제어 기기 기업이다.
- 적용 산업을 에너지(발전·원자력), 일반 산업, 방위·항공우주 세 갈래로 나눠 첫 구획에 제시한다.
- 히어로 카피는 ‘Precision Hydraulics, Trusted Control’이며, 발전소 설비 영상을 배경으로 쓴다.
- 강점 구획은 Certified·Support·Total·Trust 네 단어를 우측 대형 타이포로 세우고 왼쪽에 설명을 붙인 구조다.
- 다만 문서의 h1이 비어 있고 meta description과 canonical이 확인되지 않아, 검색에서는 브랜드명 외 접점이 거의 없다.
한빛산업은 서보 밸브와 유압 제어 시스템을 설계·공급하는 산업재 기업이다. 홈페이지 첫 화면은 발전소 격납 건물과 배관 설비를 배경 영상으로 깔고, 그 위에 ‘Precision Hydraulics, Trusted Control’을 얇은 대문자로 얹는다. 산업재 사이트에서 흔한 제품 사진 나열 대신, 자사 부품이 쓰이는 현장을 먼저 보여주는 방식이다. 이어지는 화면에서는 ‘Servo Technology, Perfected by Hanvit’과 함께 로켓 발사 영상이 작은 창으로 배치된다.
구성은 B2B 구매 담당자의 검토 순서를 그대로 따른다. 어느 산업에 쓰이는가(Industries) → 무엇을 만드는가(Products) → 사후 지원은 되는가(Services) → 기술력의 근거는 무엇인가(R&D) → 왜 이 회사인가(Merit) → 채용과 카탈로그. 이번 리뷰에서는 이 순서가 만드는 설득 구조와, 완성도 높은 화면에 비해 비어 있는 검색 기반을 함께 살펴본다.
브랜드 & 메시지
메시지는 ‘정밀’과 ‘신뢰’ 두 단어에 집중돼 있다. 히어로의 Precision과 Trusted, 제품 구획의 ‘센싱부터 구동까지, 정확성을 위해 설계된 기술’, 강점 구획의 Certified·Trust까지 같은 축을 반복한다. 산업재, 특히 원자력과 방위 분야를 다루는 기업에서 이 두 단어는 수사가 아니라 구매 조건이다. 카피가 감성으로 흐르지 않고 검증 언어에 머무는 것이 이 업종에서는 오히려 정확한 선택이다.
시각 언어는 차가운 무채색과 스틸 블루를 기본으로, 배경 영상과 설비 사진의 질감에 의존한다. Services 구획에서는 발전소 사진 위에 반투명 유리 카드 세 장을 겹치는 글래스모피즘을 써서, 딱딱한 산업재 화면에 유일한 시각적 장식을 넣었다. 강점 구획의 Certified·Support·Total·Trust는 오른쪽 끝에 큰 세리프체로 세우고 왼쪽에 설명을 붙였는데, 훑어보는 사용자에게는 네 단어만, 읽는 사용자에게는 근거까지 전달되는 이중 구조다.
UX/UI 관점
강점은 여섯 가지다. 첫째, 적용 산업을 에너지·일반 산업·방위 항공우주 세 카드로 먼저 제시했다. 산업재 구매자는 ‘우리 현장에 쓰이는가’를 가장 먼저 확인하는데, 그 질문을 첫 구획에서 처리한다. 둘째, 제품 5종을 01부터 05까지 번호를 매긴 균등 그리드로 배치하고 각 제품의 실물 사진을 함께 놓았다. 카탈로그를 열지 않고도 취급 범위를 파악할 수 있다.
셋째, Services 구획에서 오버홀·수리, 필드 서비스, 기타 서비스를 카드로 분리해 ‘납품 이후’를 별도 주제로 다뤘다. 설비 산업에서 구매 결정의 상당 부분이 유지보수 대응력에 달려 있다는 점을 반영한 구성이다. 넷째, R&D 구획을 연구소 소개·연구 현황·인증 및 특허·개발 실적 네 항목으로 쪼개, 기술력을 주장이 아니라 항목별 근거로 제시했다. 다섯째, Merit 구획의 4행 구조는 스캔 효율이 높다. 오른쪽 대형 단어만 훑어도 네 가지 강점이 남는다. 여섯째, 마지막을 Careers와 Catalog 두 개의 색 대비 블록으로 나눴다. 산업재 사이트 방문자가 구매 담당자와 구직자로 나뉜다는 현실을 반영해, 서로 다른 두 목적을 마지막에 각각 처리한다.
IA·SEO 전략
화면의 완성도에 비해 검색 기반은 거의 비어 있다. 페이지 제목은 ‘한빛산업’ 한 단어이고, meta description과 canonical, Open Graph 태그가 확인되지 않는다. 문서에 h1 요소는 존재하지만 내용이 비어 있어 주제를 선언하지 못한다. 지금 상태에서 이 사이트가 받을 수 있는 검색은 사실상 브랜드명 검색뿐이다.
산업재는 검색 수요의 성격이 뚜렷하다. ‘서보 밸브 제조’, ‘유압 액추에이터 오버홀’, ‘비상 트립 장치’처럼 부품명과 작업명이 곧 검색어가 되고, 검색량은 적지만 한 건의 유입이 실제 발주로 이어지는 비율이 높다. 제품 5종을 각각 독립 URL로 열고 사양·적용 산업·문의 경로를 텍스트로 담는 것이 가장 효과가 큰 작업이다. 여기에 Organization과 Product 구조화 데이터를 적용하고, 제목을 ‘서보 밸브·유압 제어 전문 | 한빛산업’ 형태로 바꾸면 브랜드를 모르는 담당자에게 도달할 경로가 생긴다. 영문 페이지를 함께 운영한다면 hreflang까지 갖추는 것이 수출 문의를 노리는 기업에게는 필수에 가깝다.
성능·접근성
배경 영상이 여러 개 사용되고 있어 첫 화면 로딩의 관리가 필요하다. 히어로 영상에는 poster를 지정하고, 화면 하단의 영상은 뷰포트 진입 시 로드하도록 분리하는 편이 좋다. 모바일에서는 배경 영상을 정지 이미지로 대체하는 분기를 두면 데이터 사용량이 크게 줄어든다. 설비 사진은 해상도가 높을수록 신뢰를 주지만, 그만큼 차세대 포맷 전환과 반응형 소스 분리의 효과도 크다.
접근성에서는 비어 있는 h1을 채우는 것이 첫 과제다. 히어로 카피가 영문 대문자로만 표기돼 있는 점도 짚어둘 만하다. 스크린리더가 대문자 문자열을 철자 단위로 읽는 경우가 있어, 시각적 표현은 CSS로 처리하고 마크업에는 일반 표기를 남기는 편이 안전하다. 국문 사용자를 위해 영문 카피 옆에 국문 요약을 함께 두면 이해도와 검색 대응이 동시에 개선된다. 제품 사진의 대체 텍스트에는 제품명과 용도를 함께 담아야 카탈로그 검색에서 이미지가 제 역할을 한다.
자주 묻는 질문
산업재·제조업 홈페이지는 어떤 순서로 구성해야 하나요?
구매 담당자의 검토 순서를 따르는 것이 좋습니다. 적용 산업 → 제품군 → 사후 지원 → 기술 근거 → 회사 강점 순입니다. 한빛산업처럼 ‘우리 현장에 쓰이는가’를 첫 구획에서 답하면 이후 콘텐츠의 설득력이 올라갑니다.
제품 페이지를 제품마다 따로 만들어야 하나요?
산업재에서는 특히 그렇습니다. 부품명이 곧 검색어이고, 검색량은 적어도 한 건이 실제 발주로 이어지는 비율이 높습니다. 제품별 URL에 사양·적용 산업·문의 경로를 텍스트로 담는 것이 카탈로그 PDF 한 개보다 훨씬 효과적입니다.
회사 홈페이지 제목을 회사명만으로 두면 어떤 손해가 있나요?
회사명을 이미 아는 사람만 찾아오게 됩니다. ‘서보 밸브 제조’처럼 취급 품목이 제목에 들어가야 브랜드를 모르는 담당자의 검색에 노출됩니다. 제목과 설명은 가장 적은 비용으로 가장 큰 차이를 만드는 항목입니다.
B2B 사이트에도 채용 정보를 넣는 것이 좋은가요?
좋습니다. 산업재 사이트 방문자는 구매 담당자와 구직자로 나뉘는데, 두 목적이 서로 다른 자리에서 처리되면 어느 쪽도 방해받지 않습니다. 한빛산업처럼 하단에 채용과 카탈로그를 나란히 두는 배치가 무난합니다.
디지털 파트너 더블루캔버스
제조·산업재 기업의 홈페이지는 방문자 수가 적다. 대신 한 명의 방문자가 수억 원 규모의 발주 결정을 좌우한다. 그래서 화려함보다 검증 가능성이 중요하고, 트래픽보다 도달 정확도가 중요하다. 문제는 많은 산업재 사이트가 화면은 잘 만들면서 검색 기반은 비워둔다는 점이다. 브랜드를 이미 아는 사람만 찾아오는 사이트가 되기 쉽다.
The Blue Canvas(더블루캔버스)는 B2B 홈페이지 제작에서 제품 단위의 문서 구조를 먼저 잡는다. 어떤 품목을 개별 URL로 열지, 사양을 어떤 형식으로 텍스트화할지, 영문 페이지를 어떻게 병행할지를 SEO 검색엔진 최적화와 함께 설계한다. 검색량이 작은 시장일수록 정확한 한 건의 유입이 갖는 무게가 크다.
마무리와 다음 스텝
한빛산업의 웹사이트는 산업재 사이트가 갖춰야 할 설득 순서를 정확히 알고 있다. 적용 산업으로 문을 열고, 제품 그리드로 범위를 보여주고, 사후 지원과 R&D로 우려를 지우고, 네 단어로 강점을 요약한다. 발전소와 로켓 영상을 배경으로 쓴 판단도 자사 부품이 어디에 쓰이는지를 설명 없이 전달한다.
실행 제안은 셋이다. 첫째, 제목을 취급 품목이 담긴 문장으로 바꾸고 meta description과 canonical, h1을 채운다. 가장 적은 비용으로 가장 큰 차이를 만드는 구간이다. 둘째, 제품 5종을 개별 URL로 열고 사양과 적용 산업을 텍스트로 담아 부품명 검색을 받는다. 셋째, 배경 영상에 poster와 모바일 대체 이미지를 적용해 첫 화면 로딩을 정리한다. 화면은 이미 이 업종의 평균을 훌쩍 넘어서 있으므로, 남은 일은 그 화면을 찾을 수 있게 만드는 것이다.