고객과 함께한 시간
오토시스
디자인아트플러스가 제작한 오토시스 홈페이지 포트폴리오.
진동 센서와 소음·진동 측정장비, 환경소음 모니터링, 지진 가속도 계측, 터빈·회전체 보호 시스템을 만드는 소음·진동 측정장비 전문기업의 반응형 홈페이지입니다.
- CLIENT.
- 오토시스
- Year.
- 2022

- 프로젝트 설명
- 디자인아트플러스는 소음·진동 측정장비 전문기업 (주)오토시스(AUTOSYS)의 홈페이지를 기획·디자인·개발했습니다. 전문가가 아니면 구분하기 어려운 계측 장비를 용도 중심으로 나눠, 방문자가 필요한 장비를 먼저 고르고 곧바로 견적 상담으로 이어지도록 설계했습니다. 국문·영문 전환을 갖추고 반응형으로 구축했습니다.
[주요 구축 내용]
진동을 담은 첫 화면: 갈라진 지면 사진 위에 「소음·진동 측정장비 전문기업」과 큰 영문 로고를 올려, 땅의 흔들림을 재는 회사라는 정체성을 직관적으로 전달
용도별 제품 아이콘: 여섯 가지 장비를 원형 라인 아이콘과 모델명 아래 괄호 속 용도로 정리해, 전문 용어가 낯선 방문자도 필요한 장비를 바로 고르도록 설계
회사·자료 안내 영역: 짙은 남색 배경 위에 회사 소개와 카탈로그 다운로드를 사진 카드 두 장으로 나란히 두어, 거래처가 회사와 제품 자료를 빠르게 확인하도록 구성
견적 상담 동선: 상단 메뉴의 견적 상담과 하단의 문의하기 버튼으로 어느 화면에서든 문의할 수 있게 해, 제품을 고른 뒤 바로 상담으로 이어지도록 설계
FAQ
측정하는 대상과 쓰이는 현장별로 제품을 나눠 보여 주는 것이 가장 중요합니다. 설비 담당자는 환경소음, 지진, 회전체처럼 자기 현장에 필요한 측정 분야부터 찾기 때문입니다. 오토시스 홈페이지는 메인 화면에 진동 센서부터 터빈·회전체 보호 시스템까지 제품을 아이콘과 용도 설명으로 나란히 보여 줍니다.
회사 소개, 제품별 소개와 사양, 기술 자료, 고객 지원, 견적 상담이 기본 메뉴입니다. 장비는 현장 조건에 따라 구성이 달라지는 경우가 많아 견적 상담 창구를 따로 두는 것이 좋습니다. 오토시스 홈페이지는 회사 소개, 제품 소개, 고객 지원, 견적 상담 네 메뉴 중심으로 구축했습니다.
모델명 아래에 무엇을 하는 장비인지 짧은 설명을 붙여 주면 처음 보는 사람도 바로 이해할 수 있습니다. 모델명만 나열하면 전문가가 아닌 구매 담당자는 원하는 제품을 찾기 어렵습니다. 오토시스 홈페이지는 SL-3000, VS7700 같은 모델명 아래에 환경소음 모니터링, 소음·진동 검사장비처럼 용도를 함께 적었습니다.
회사가 다루는 문제를 직관적으로 떠올리게 하는 장면을 고르면 설명 없이도 회사의 분야가 전해집니다. 장비 사진만 쓰는 것보다 그 장비가 필요한 상황을 보여 주는 사진이 더 강하게 기억됩니다. 오토시스 홈페이지는 갈라진 지면 사진으로 진동과 지진을 떠올리게 하는 첫 화면을 만들었습니다.

