고객과 함께한 시간
에이티지
디자인아트플러스가 제작한 에이티지 홈페이지 포트폴리오.
예측정비와 설비 자산관리, 운영 최적화 엔지니어링·컨설팅과 진동·초음파·열화상 진단 장비, 자격 교육과정을 제공하는 Asset Technology Group의 반응형 홈페이지입니다.
- CLIENT.
- (주)에이티지
- Year.
- 2020
- 프로젝트 설명
- 디자인아트플러스는 설비 자산관리 전문 기업 (주)에이티지(ATG, Asset Technology Group)의 홈페이지를 기획·디자인·개발했습니다. 예측정비와 자산관리, 운영최적화 사업부터 진단 장비와 자격 교육까지 이어지는 사업을 「ATG PROVIDES THE BEST SERVICE」라는 메시지 아래 정리해, 설비를 운영하는 기업이 ATG를 믿을 수 있는 기술 파트너로 알아볼 수 있도록 설계했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
데이터 기술 첫 화면: 데이터 점으로 그린 세계 지도 위에 영문 메시지를 크게 올려, 설비 데이터를 다루는 글로벌 기술 기업이라는 인상을 첫 화면에서 전달
사업 구조 설계: 엔지니어링·컨설팅 서비스와 제품, 교육을 큰 갈래로 나눠, 서비스를 찾는 고객과 장비·교육을 찾는 고객이 각자 필요한 정보로 바로 가도록 설계
아이콘 바로가기 UI: 진동·열화상·초음파 장비와 교육신청을 라인 아이콘 버튼으로 모아, 장비를 찾거나 교육을 신청하려는 방문자가 한 번에 이동할 수 있게 구성
교육 일정 안내: 교육일정 소식을 메인 화면에 바로 보여 주어, 자격 교육과정을 듣고 싶은 담당자가 다가오는 일정을 확인하고 신청으로 이어지게 설계
FAQ
설비 고장을 미리 막는 예측정비와 자산관리 서비스를 어떻게 제공하는지, 그리고 그 진단에 쓰는 장비와 기술을 함께 보여 줘야 합니다. 공장과 발전소 담당자는 서비스와 장비, 교육까지 한 회사에서 받을 수 있는지를 중요하게 봅니다. 에이티지 홈페이지는 엔지니어링, 컨설팅, 제품, 교육을 각각 메뉴로 나눠 소개했습니다.
회사 소개와 조직, 사업 분야, 제품, 교육 과정, 채용, 고객 서비스가 기본 메뉴입니다. 진단 장비를 함께 공급하는 회사라면 제품군별 페이지를 두어 서비스와 장비의 관계를 보여 주는 것이 좋습니다. 에이티지 홈페이지는 회사소개, 엔지니어링, 컨설팅, 제품, 교육 다섯 메뉴로 구축했습니다.
과정 소개와 일정, 신청과 신청 조회를 한 메뉴에 모으면 교육생이 원하는 과정을 고르고 바로 신청할 수 있습니다. 자격 과정과 일반 과정을 나눠 두면 목적에 맞는 교육을 찾기 쉬워집니다. 에이티지 홈페이지는 교육 메뉴에 자격과정, 자격 외 과정, 일정 및 신청을 나눠 정리했습니다.
회사가 다루는 데이터와 기술의 규모를 떠올리게 하는 이미지를 쓰면 짧은 시간에 전문성을 전할 수 있습니다. 여기에 회사의 약속을 담은 한 문장을 크게 올리면 기억에 남는 첫인상이 됩니다. 에이티지 홈페이지는 데이터로 이루어진 세계 지도 이미지 위에 「ATG PROVIDES THE BEST SERVICE」를 크게 두었습니다.
