웹모아 로고

모바일 버튼
현대첨단소재 로고

HYUNDAI-AM

현대첨단소재
  • Client. Hyundai-am
  • Type. Responsive Web
  • Date. 2025.08

현대첨단소재는 자동차, 전자, 항공 등 다양한 분야에서 사용되는 고기능성 소재를 개발하고 공급하며, 친환경적인 자동차 부품과 전기차 및 수소차의 핵심 소재 개발을 통해 지속 가능한 이동수단의 실현에 기여하고 있습니다. 고객사의 소재 및 기술에 대한 강조와 친환경을 생각하는 지속가능경영을 사이트에 표현하고자 하였습니다.

현대첨단소재 메인 홈페이지 이미지 모바일

지속가능경영 강조

Focus on Sustainable Management

소재 및 기술
강조형 UI/UX

Tech- & Material-Focused UI/UX

다양한 디바이스 최적화

Optimized for Multi-Device Experiences

Concept

사용자 친화적인 소재에 대한 UI/UX 구성과 친환경 기업 이미지 강조

현대첨단소재의 제품에 대한 소개부분은 사용자가 제품에 사용된 소재도 유기적으로 이어져 확인할 수 있게 해달라는
고객사의 니즈를 반영하여, 소재의 주 사용처인 내연기관 자동차, 친환경차의 각 부품을 사용자에게 시각적으로 이해하기 쉽게 전달하고자 Application 메뉴를 통해 UI 구성을 진행하였으며, 각 제품에 사용된 소재도 관련소재 링크를 통해 쉽게 확인할 수 있도록 접근성을 높였습니다.

현대첨단소재 메인페이지

RESPONSIVE

WEBSITE

현대첨단소재 반응형 페이지
현대첨단소재 반응형 페이지
현대첨단소재 반응형 페이지
현대첨단소재 반응형 페이지
현대첨단소재 반응형 페이지

Contents

현대자동차그룹의 CI 칼라 및 가이드를 반영하여 로고의 컬러를 키컬러로 선정하여 전체적인 톤앤매너를 맞추어 작업 하였으며, 콘텐츠 요소요소에 이미지와 아이콘 등을 사용하여 시각적 효과를 극대화 하였습니다. 친환경을 강조하고자 한 고객사의 니즈 반영을 위해 텍스트 전환되어 보여지는 모션을 활용하여 강조하고, 각 리포트는 따로 관리자 페이지에서 업데이트 할 수 있도록 관리 기능을 제공하였습니다.

회사소개 페이지
글로벌네트워크 페이지
소재 상세 페이지
Application 페이지
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
현대첨단소재 아이콘
목업 이미지