고객과 함께한 시간
동안전자
디자인아트플러스가 제작한 동안전자 홈페이지 포트폴리오.
파워 인덕터와 노이즈 필터 등 마그네틱 부품 기술력과 시험 역량을 담은 제조기업 반응형 홈페이지입니다.
- CLIENT.
- 동안전자
- Year.
- 2026
- 프로젝트 설명
- 디자인아트플러스는 마그네틱 솔루션 및 EMC 시험 전문기업 동안전자의 공식 홈페이지를 기획·디자인·개발했습니다. 1981년 설립 이후 축적한 자성 부품 제조 기술과 신뢰성을 국내외 고객사에게 명확히 전달할 수 있도록 구성했습니다. 산업별 적용 분야와 글로벌 생산 네트워크를 직관적으로 탐색할 수 있도록 반응형으로 구축했습니다.
[주요 구축 내용]
기술력 중심 비주얼 메인 화면: 정밀 부품 제조 현장 이미지와 핵심 슬로건을 상단에 배치해, 방문자가 기업의 전문성과 기술적 신뢰도를 첫 화면에서 바로 체감할 수 있게 설계
핵심 사업 및 제품 카드 UI: 파워 마그네틱스, 노이즈 억제 부품, 맞춤형 솔루션을 정돈된 3열 카드 형태로 배치해 주력 제품군의 특징과 역할을 한눈에 파악할 수 있게 설계
글로벌 생산 거점 지도 인터랙션: 세계 지도 위에 용인 본사와 해외 공장 거점을 핀으로 시각화하여, 대규모 공급망과 생산 인프라 규모를 직관적으로 전달할 수 있게 구성
ESG 및 지속가능경영 지표 구성: 환경 유해물질 관리, 안전 관리 현황, 품질 인증 내역을 깔끔한 표와 4가지 윤리방침 카드로 정리해 기업의 투명한 운영 체계를 보여주도록 설계
FAQ
복잡한 부품 기술과 규격을 고객사가 쉽게 이해하도록 적용 분야와 제품군을 체계적으로 분류하는 것이 핵심입니다. 생산 설비와 시험 역량, 품질 인증을 함께 배치하면 글로벌 거래처와의 신뢰 형성에 큰 도움이 됩니다. 동안전자 홈페이지는 파워 인덕터와 EMC 시험 역량을 직관적인 카드 UI로 정리해 구축했습니다.
해외 바이어가 제조 역량을 검증할 수 있는 글로벌 생산 거점 안내와 다국어 전환 기능이 반드시 필요합니다. 또한 자동차와 스마트 산업 등 자사 부품이 쓰이는 응용 분야 페이지가 마련되어야 제품 채택 검토가 빨라집니다. 동안전자 홈페이지는 영문 지원과 함께 국내외 공장 네트워크, 산업별 적용 사례 메뉴를 중심으로 구축했습니다.
산업용 전문 부품 키워드는 검색엔진과 생성형 AI 엔진에서 규격에 맞는 메타태그와 구조화 데이터가 갖춰져야 노출 확률이 높아집니다. AI CMS 검색 최적화는 메타태그·JSON-LD·사이트맵 등 검색엔진과 생성형 AI 대응 항목을 자동으로 채우는 기능이 탑재되어 관리 부담을 줄여줍니다. 동안전자 홈페이지는 기술 검색 수요에 체계적으로 대응할 수 있게 설계했습니다.
연구원과 구매 담당자가 PC뿐만 아니라 생산 현장이나 출장 중 모바일 기기로 규격과 인증서를 확인하는 일이 많기 때문입니다. 모든 기기 화면에서 기술 데이터와 도면, 인증 내역이 깨짐 없이 정돈되어 보여야 원활한 소통이 가능합니다. 동안전자 홈페이지는 PC와 모바일 어디서나 동일한 가독성을 제공하도록 반응형으로 구축했습니다.
