Human Sense
본 프로젝트는 전기안전 산업을 선도하는 휴먼센스의 기업 아이덴티티와 기술력을 효과적으로 전달하기 위한 공식 홈페이지 개발 작업입니다. 고객은 휴먼센스의 핵심 기술과 차별화된 사업 분야를 방문자들에게 효과적으로 소개하고 회사의 전문성과 업계 내 위상을 디지털 플랫폼을 통해 구현할 수 있는 웹사이트 구성을 요청했습니다. 또한 방문자가 회사의 철학과 핵심 제품을 쉽게 이해할 수 있는 직관적인 웹사이트 구조 설계와 브랜드 스토리 및 제품 정보를 한눈에 확인할 수 있는 콘텐츠 구성을 통해 제품 카탈로그 기능과 고객 문의 기능을 포함한 종합적인 정보 제공 시스템 구축을 요구했습니다. 이러한 고객 요구사항에 대응하여 반응형 홈페이지 구축 및 사업 분야와 제품 소개 페이지 개발을 완료하여 방문자들이 휴먼센스의 기업 가치와 제품 정보를 체계적으로 파악할 수 있는 사용자 친화적인 웹사이트 환경을 조성했습니다.
제작 기간2021. 10 - 2021. 11
고객사휴먼센스
사용 기술React.js, TypeScript, Vite
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
전기안전 기술력과 신뢰성을 전달하는 기업 공식 홈페이지 구축
2.
PC·태블릿·모바일에서 정보 접근이 쉬운 반응형 레이아웃 구현
3.
무선 발열 감지 제품 등 핵심 기술의 상세 소개 페이지 개발
4.
제품 다운로드와 고객 문의 폼으로 비즈니스 소통 채널 제공
5.
사용자 친화적 메뉴·내비게이션으로 정보 탐색 편의성 강화
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.






