고객과 함께한 시간
프로테리얼한국
디자인아트플러스가 제작한 프로테리얼한국 홈페이지 포트폴리오.
자동차·일렉트로닉스·산업인프라용 첨단 금속 소재와 부품 정보를 담은 제조기업 반응형 홈페이지입니다.
- CLIENT.
- 프로테리얼한국
- Year.
- 2026
- 프로젝트 설명
- 디자인아트플러스는 프로테리얼한국의 기업 홈페이지를 기획·디자인·개발했습니다. 전 세계 산업 현장에 공급되는 고급 금속 재료와 자동차·전자·산업인프라 부품 정보를 바이어와 고객사가 쉽게 탐색할 수 있도록 체계적으로 구성했습니다. 방대한 제품군과 기술 규격을 한눈에 확인하고 필요한 서포트 정보를 빠르게 찾을 수 있도록 반응형으로 구축했습니다.
[주요 구축 내용]
분야별 제품 탭과 슬라이드 UI: 자동차·일렉트로닉스·산업인프라의 3대 핵심 분야를 탭으로 구분하고 각 대표 부품 사진을 슬라이드로 배치해 원하는 품목을 직관적으로 살펴볼 수 있게 설계
다분야 금속 재료 퀵 그리드: 엔진 부품부터 자성재료, 의료기기, 항공기용 부재까지 다양한 산업군별 세부 제품 카테고리를 바둑판식 버튼으로 정렬해 한 번의 클릭으로 세부 규격에 도달할 수 있게 구축
기업 정보 및 그룹사 안내 체계: 한국 법인의 소개와 글로벌 그룹 경영이념, CSR 활동 및 서포트 메뉴를 열 구조로 명확히 분리해 기업의 대외 신뢰도를 전달하도록 정리
AI CMS 검색 최적화: 메타태그·JSON-LD·사이트맵 등 검색엔진과 생성형 AI 대응 항목을 자동으로 채우는 기능 탑재
FAQ
복잡하고 방대한 소재 및 부품 품목을 산업 분야별로 명확하게 분류해 바이어가 원하는 정보를 즉시 찾을 수 있어야 합니다. 각 제품의 실제 사진과 규격 정보를 직관적인 메뉴 구조로 배치하면 기업의 기술 전문성을 효과적으로 전달할 수 있습니다. 프로테리얼한국 홈페이지는 자동차, 전자, 산업인프라 등 분야별 핵심 품목을 탭과 카드로 깔끔하게 정리해 탐색 편의를 높였습니다.
분야별 제품 카탈로그와 상세 사양 확인 기능, 그리고 기술자료와 문의를 지원하는 고객 서포트 메뉴가 필수적입니다. 고객사가 필요한 부품을 빠르게 찾을 수 있도록 직관적인 퀵 링크와 체계적인 제품 카테고리 구성이 뒷받침되어야 합니다. 프로테리얼한국 홈페이지는 세부 부품군 바로가기 그리드와 기술자료·카탈로그 안내를 중심으로 사용자가 편리하게 이용할 수 있도록 구축했습니다.
전문 기술 용어와 품목명이 많을수록 검색엔진이 페이지별 구조와 제품 정보를 정확히 식별할 수 있도록 체계화해야 합니다. 사이트맵 생성과 구조화 데이터 마크업을 통해 국내외 검색 포털과 AI 엔진에 웹사이트의 정보가 누락 없이 전달되도록 돕습니다. 프로테리얼한국 홈페이지는 메타태그와 사이트맵 생성을 지원하는 AI CMS 검색 최적화 기능을 탑재해 검색 노출을 지원합니다.
산업용 부품 바이어와 현장 엔지니어는 사무실 PC뿐만 아니라 모바일 기기와 태블릿을 이용해 현장에서도 수시로 제품 사양을 확인합니다. 화면 크기에 맞게 메뉴와 이미지 배치가 자연스럽게 전환되어야 작은 모바일 화면에서도 복잡한 규격을 가독성 높게 볼 수 있습니다. 프로테리얼한국 홈페이지는 모든 기기에서 깨짐 없이 제품 정보를 또렷하게 확인할 수 있도록 반응형으로 구축했습니다.
