건강정보기술센터고려대학교 건강정보기술센터 (HITC) 웹사이트
Category
Web
Solution
React
Technology
5+ Tech Stacks
정보통신기술을 이용하여 스마트 시티를 구현합니다
고려대학교 건강정보기술센터 (HITC)
건강정보기술센터는 청색 LED 기술을 기반으로 광(光) 소독 제품을 개발하고, 정보통신기술(ICT)을 활용하여 스마트시티를 구현하는 고려대학교의 연구 센터입니다. 코로나-19 등 감염병 방역을 위한 트윈스타, 퀀텀루나 등의 살균 조명 기술 및 실시간 방역 정보 제공을 위한 개인 방역 시스템(BET) 개발에 중점을 두고 있습니다. 센터 소개, 연구 활동, 기술 개발, 프로젝트 성과 등을 소개하는 웹사이트를 구축했습니다.
Challenge
01
게시판 및 콘텐츠 관리 시스템
건강정보기술센터의 연구 활동, 기술 개발, 프로젝트 성과 등을 효과적으로 소개하고 정보를 제공하기 위해 게시판 및 콘텐츠 관리 시스템이 필요했습니다.
02
센터 위치 소개를 위한 지도 적용
센터의 위치를 직관적으로 안내하기 위해 지도 API를 활용한 위치 소개 기능이 요구되었습니다.
03
사용자 친화적 인터페이스 설계
연구자, 학생, 일반 방문자 등 다양한 사용자들이 쉽게 접근하고 탐색할 수 있도록 모바일에서도 최적화된 인터페이스가 필요했습니다.
Solution
Technology Stack
ReactMaterial-UIGhost CMSGoogle Cloud PlatformKakao Maps API
Project Approach
React와 Material-UI를 활용하여 화면을 구성하였고, Ghost CMS를 통해 콘텐츠 관리를 효율적으로 수행할 수 있도록 제작하였습니다.
Impact
✨
Innovation
45% 증가
반응형 디자인과 동적 콘텐츠 관리 시스템을 도입하여 사용자 경험이 45% 향상되었습니다.
🎯
User Experience
20% 감소
사용자 중심의 직관적인 UI/UX 설계를 통해 정보 접근성을 높이고 웹사이트 체류 시간을 늘렸습니다.
🚀
Performance
50% 단축
이미지 및 코드 최적화를 통해 웹사이트의 전반적인 성능을 개선하여 사용자에게 빠르고 쾌적한 환경을 제공합니다.
"직관적인 구성과 세련된 디자인, 빨라진 속도로 연구센터의 전문성을 완벽하게 구현해 준 성공적인 리뉴얼 프로젝트였습니다."
고려대학교 건강정보관리센터 - 관리자