프로젝트 배경
건강정보기술센터는 연구 활동, 프로젝트 공지, 센터 소식 등
다양한 정보를 대외적으로 공유해야 했지만,
이전 웹사이트는 콘텐츠 관리가 어려워 최신 정보 및 학술 정보를 효율적으로 전달하기 어려웠습니다.
또한 연구 프로젝트 특성상 문서·게시물·위치 안내 등
여러 유형의 정보를 사용자 관점에서 구조적으로 보여주는 기능이 부족해
센터의 역할과 성과가 충분히 전달되지 않는 문제가 있었습니다.
이를 해결하기 위해
누구나 쉽게 콘텐츠를 관리하고,
이용자가 필요한 정보를 명확히 찾을 수 있는
친화적 웹사이트 구조를 구축하는 것을 목표로 했습니다.
다양한 정보를 대외적으로 공유해야 했지만,
이전 웹사이트는 콘텐츠 관리가 어려워 최신 정보 및 학술 정보를 효율적으로 전달하기 어려웠습니다.
또한 연구 프로젝트 특성상 문서·게시물·위치 안내 등
여러 유형의 정보를 사용자 관점에서 구조적으로 보여주는 기능이 부족해
센터의 역할과 성과가 충분히 전달되지 않는 문제가 있었습니다.
이를 해결하기 위해
누구나 쉽게 콘텐츠를 관리하고,
이용자가 필요한 정보를 명확히 찾을 수 있는
친화적 웹사이트 구조를 구축하는 것을 목표로 했습니다.
프로젝트 성과
콘텐츠 관리 효율 개선
게시판·학술정보·센터 소식 등 다양한 정보를 직접 쉽게 수정·업데이트할 수 있는 구조로 재구성했습니다.
UI/UX 개선을 통한 정보 접근성 향상
이용자 흐름을 정리하고 정보를 시각적으로 재배치해
센터 활동·프로젝트 정보·연락처 등 주요 정보 접근성이 개선되었습니다.
센터 활동·프로젝트 정보·연락처 등 주요 정보 접근성이 개선되었습니다.
웹사이트 성능 최적화 및 안정성 강화
이미지·정적 리소스 최적화와 코드 경량화를 통해
더 빠르고 안정적인 페이지 로딩 환경을 제공하도록 개선했습니다.
더 빠르고 안정적인 페이지 로딩 환경을 제공하도록 개선했습니다.
핵심 기능

게시판 및 콘텐츠 관리 시스템
건강정보기술센터의 연구 활동, 기술 개발, 프로젝트 성과 등을 효과적으로 소개하고
정보를 제공하기 위해 게시판 및 콘텐츠 관리 시스템을 제공했습니다.
정보를 제공하기 위해 게시판 및 콘텐츠 관리 시스템을 제공했습니다.

센터 위치 안내를 위한 지도
센터의 위치를 직관적으로 안내하기 위해 지도 API를 활용하였습니다.

사용자 친화적 인터페이스 설계
연구자, 학생, 일반 방문자 등 다양한 사용자들이 쉽게 접근하고 탐색할 수 있도록
모바일에서도 최적화된 인터페이스를 제공했습니다.
모바일에서도 최적화된 인터페이스를 제공했습니다.
프로젝트 상세
건강정보기술센터의 연구 및 활동 정보를 보다 직관적으로 전달하고,
관리자가 손쉽게 유지·운영할 수 있는 웹사이트 구축을 목표로 진행되었습니다.
1) 작업 범위
(1) 서비스 기획
• 웹사이트 IA(Information Architecture) 전면 재구성
• 콘텐츠 업데이트 흐름 정의
• 게시판·프로젝트·센터 소개 등 주요 카테고리 구조 설계
(2) UI/UX 디자인
• 연구기관 성격에 맞춘 신뢰감 있는 UI 톤 설계
• 다양한 정보 유형(텍스트, 지도, 프로젝트 목록 등)을 정리하는 UX 구성
• 주요 정보 우선순위에 맞춘 레이아웃 재배치
(3) 프론트엔드·웹 개발
• 게시판 및 콘텐츠 관리 UI 개발
• 지도 API 기반 센터 위치 안내 화면 구현
• 이미지·코드 최적화 및 기본적인 성능 개선 대응
2) 주요 기능
• 게시판 및 콘텐츠 관리 시스템
• 프로젝트 정보 등록·관리 기능
• 지도 API 기반 센터 위치 안내
• 사용자 친화적 인터페이스 구성
3) 주안점
건강정보기술센터의 연구 활동과 프로젝트 정보를
명확하고 신뢰감 있게 전달하는 것을 최우선으로 했습니다.
• 다양한 정보가 섞여 있던 기존 구조를 정돈해 탐색성을 강화
• 연구기관 특성에 맞는 안정적이고 단정한 디자인 톤 유지
• 페이지 로딩 속도와 전반적 성능의 안정성 확보
관리자가 손쉽게 유지·운영할 수 있는 웹사이트 구축을 목표로 진행되었습니다.
1) 작업 범위
(1) 서비스 기획
• 웹사이트 IA(Information Architecture) 전면 재구성
• 콘텐츠 업데이트 흐름 정의
• 게시판·프로젝트·센터 소개 등 주요 카테고리 구조 설계
(2) UI/UX 디자인
• 연구기관 성격에 맞춘 신뢰감 있는 UI 톤 설계
• 다양한 정보 유형(텍스트, 지도, 프로젝트 목록 등)을 정리하는 UX 구성
• 주요 정보 우선순위에 맞춘 레이아웃 재배치
(3) 프론트엔드·웹 개발
• 게시판 및 콘텐츠 관리 UI 개발
• 지도 API 기반 센터 위치 안내 화면 구현
• 이미지·코드 최적화 및 기본적인 성능 개선 대응
2) 주요 기능
• 게시판 및 콘텐츠 관리 시스템
• 프로젝트 정보 등록·관리 기능
• 지도 API 기반 센터 위치 안내
• 사용자 친화적 인터페이스 구성
3) 주안점
건강정보기술센터의 연구 활동과 프로젝트 정보를
명확하고 신뢰감 있게 전달하는 것을 최우선으로 했습니다.
• 다양한 정보가 섞여 있던 기존 구조를 정돈해 탐색성을 강화
• 연구기관 특성에 맞는 안정적이고 단정한 디자인 톤 유지
• 페이지 로딩 속도와 전반적 성능의 안정성 확보





