고객과 함께한 시간
메타클
디자인아트플러스가 제작한 메타클 홈페이지 포트폴리오.
생성형 AI 기반 산업용 메타버스로 전통산업의 공정혁신을 돕는 기업의 기술과 소식, 기술 파트너를 소개하는 기업 반응형 홈페이지입니다.
- CLIENT.
- 주식회사 메타클
- Year.
- 2023
- 프로젝트 설명
- 디자인아트플러스는 산업을 위한 메타버스 솔루션을 만드는 주식회사 메타클(METACLE)의 홈페이지를 기획·디자인·개발했습니다. 「Bring Industry into Metaverse」라는 메시지로 생성형 AI 기반 산업용 메타버스 전문회사로서 전통산업의 공정혁신을 돕는다는 방향을 먼저 전하고, 이를 뒷받침하는 네 가지 기술과 회사 소식, 기술 파트너를 차례로 보여 주어 기술 기업으로서의 신뢰를 쌓도록 설계했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
산업과 가상의 첫 화면: 바다를 가르는 컨테이너선 사진에 디지털 그래픽을 겹친 비주얼로, 실제 산업 현장을 메타버스로 옮긴다는 회사의 메시지를 첫인상으로 전달
기술 카드 UI: 산업공학과 AI부터 3D 그래픽 시뮬레이션까지 네 가지 기술을 높이가 엇갈린 사진 카드로 정리해, 회사의 기술 기반을 한눈에 보여 주도록 설계
소식 슬라이드: 회사 소식과 언론 보도를 카드 슬라이드로 넘겨 보게 해, 방문자가 회사의 최근 활동을 쉽게 확인하도록 구성
파트너와 문의 흐름: 청록에서 남색으로 바뀌는 배경 위에 주요 기술 협력사 로고를 모으고 바로 아래 문의 양식을 이어, 신뢰를 확인한 방문자가 곧바로 연락할 수 있게 설계
FAQ
메타버스라는 말이 낯선 방문자도 이해할 수 있도록 실제 산업 현장 이미지와 함께 무엇을 바꿔 주는지를 먼저 보여 줘야 합니다. 제조나 물류 현장의 담당자는 새로운 기술이 자기 공정에 어떤 도움이 되는지부터 확인합니다. 메타클 홈페이지는 대형 화물선 이미지와 함께 전통산업의 공정혁신이라는 메시지로 첫 화면을 열었습니다.
회사 소개, 제품, 핵심 기술, 소식, 문의가 기본 메뉴이고 기술 파트너가 있다면 함께 보여 주는 것이 좋습니다. 업력이 짧은 회사는 함께 일하는 기술 파트너와 언론 보도가 신뢰를 보태 줍니다. 메타클 홈페이지는 ABOUT, PRODUCT, TECHNOLOGY, NEWS, CONTACT US 메뉴와 MAJOR TECH PARTNER 영역 중심으로 구축했습니다.
기술을 네 개 안팎의 큰 분야로 묶고 분야마다 대표 이미지와 짧은 설명을 붙인 카드로 보여 주는 방법이 좋습니다. 기술 용어를 길게 늘어놓으면 방문자가 핵심을 놓치기 쉽습니다. 메타클 홈페이지는 산업공학, AI 기술, 대용량 데이터베이스, 3D 그래픽 시뮬레이션을 네 장의 카드로 정리했습니다.
외부 기관이나 언론이 회사를 소개한 기록은 회사가 스스로 하는 홍보보다 신뢰를 더 크게 높여 줍니다. 보도 내용을 꾸준히 모아 두면 투자자나 협력사가 회사의 성장 과정을 한눈에 볼 수 있습니다. 메타클 홈페이지는 메인 화면 METACLE NEWS 영역에 보도와 회사 소식을 슬라이드로 보여 줍니다.
