배경
청송엔지니어링은 협동 로봇과 제조 자동화 솔루션을 다루는 기업입니다. 프로젝트 당시 로봇 산업은 일반 방문자에게 익숙하지 않았고 제품 사진과 설명만으로는 작동 방식과 적용 범위를 전달하기 어려웠습니다.
B2B 고객은 디자인보다 제품 사양과 실제 작동 여부를 먼저 확인합니다. 로봇의 하중과 작업 범위, 활용 분야를 체계적으로 정리하고 시연 영상을 함께 보여줄 필요가 있었습니다.
프로젝트는 대구에 있는 고객사를 방문해 실제 로봇 시연과 기술 자료를 확인하는 방식으로 시작됐습니다. 현장에서 확인한 내용을 바탕으로 사이트의 정보 구조를 설계했습니다.
접근
로봇 모델과 자동화 솔루션을 구분했습니다. 협동 로봇은 모델별 제품 페이지로 나누고 비전 솔루션과 스마트 팩토리 등 관련 사업도 별도의 영역에서 설명할 수 있도록 했습니다.
페이지라이터의 커스텀 워드프레스 테마로 사이트를 제작했습니다. 메인 화면에는 실제 로봇 작동 영상을 배치해 방문자가 제품의 성격을 바로 파악할 수 있도록 했습니다.
기술 사양은 모델별 표로 정리했습니다. 제품 간 하중과 작업 범위 등 주요 항목을 비교할 수 있게 하고 기술 문서와 카탈로그를 내려받을 수 있는 영역도 구성했습니다.
시연 영상은 활용 사례에 따라 구분해 등록할 수 있도록 했습니다. 제품 소개와 영상, 기술 자료가 서로 연결되도록 구성해 설명을 읽은 뒤 실제 작동 모습을 확인할 수 있게 했습니다.
온라인 상담과 카탈로그 요청, 견적 문의를 받을 수 있는 폼도 마련했습니다. 데스크톱과 모바일에서 영상과 사양표를 확인할 수 있도록 반응형 화면을 적용했습니다.
결과
청송엔지니어링은 협동 로봇의 제품 정보와 시연 영상을 한곳에서 제공할 수 있게 됐습니다. 방문자는 제품 사양을 확인하고 다른 모델과 비교한 뒤 실제 작동 영상까지 살펴볼 수 있습니다.
3kg과 6kg, 12kg 모델로 표시된 세 종류의 로봇을 별도로 소개할 수 있는 구조가 마련됐습니다. 기술 문서와 카탈로그도 제품 정보와 함께 제공할 수 있게 됐습니다.
사이트는 회사 소개 중심의 일반 기업 홈페이지보다 로봇 제품과 기술 설명을 중심으로 한 B2B 영업 자료에 가까운 구조로 정리됐습니다.
사용 기술
- WordPress 커스텀 테마
- Video Gallery 로봇 시연 영상
- Specification Table 제품 사양
- Document Download 기술 자료
- Responsive Web 반응형 디자인
- Inquiry Form 견적·기술 문의