안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
고려대학교 건강정보기술센터 웹사이트
개발 · 디자인 · 기획
홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형, 랜딩ㆍ소개 페이지
프로젝트 배경
건강정보기술센터는 연구 활동, 프로젝트 공지, 센터 소식 등
다양한 정보를 대외적으로 공유해야 했지만,
이전 웹사이트는 콘텐츠 관리가 어려워 최신 정보 및 학술 정보를 효율적으로 전달하기 어려웠습니다.

또한 연구 프로젝트 특성상 문서·게시물·위치 안내 등
여러 유형의 정보를 사용자 관점에서 구조적으로 보여주는 기능이 부족해
센터의 역할과 성과가 충분히 전달되지 않는 문제가 있었습니다.

이를 해결하기 위해
누구나 쉽게 콘텐츠를 관리하고,
이용자가 필요한 정보를 명확히 찾을 수 있는
친화적 웹사이트 구조를 구축하는 것을 목표로 했습니다.
프로젝트 성과
콘텐츠 관리 효율 개선
게시판·학술정보·센터 소식 등 다양한 정보를 직접 쉽게 수정·업데이트할 수 있는 구조로 재구성했습니다.
UI/UX 개선을 통한 정보 접근성 향상
이용자 흐름을 정리하고 정보를 시각적으로 재배치해
센터 활동·프로젝트 정보·연락처 등 주요 정보 접근성이 개선되었습니다.
웹사이트 성능 최적화 및 안정성 강화
이미지·정적 리소스 최적화와 코드 경량화를 통해
더 빠르고 안정적인 페이지 로딩 환경을 제공하도록 개선했습니다.
핵심 기능
게시판 및 콘텐츠 관리 시스템
건강정보기술센터의 연구 활동, 기술 개발, 프로젝트 성과 등을 효과적으로 소개하고
정보를 제공하기 위해 게시판 및 콘텐츠 관리 시스템을 제공했습니다.
센터 위치 안내를 위한 지도
센터의 위치를 직관적으로 안내하기 위해 지도 API를 활용하였습니다.
사용자 친화적 인터페이스 설계
연구자, 학생, 일반 방문자 등 다양한 사용자들이 쉽게 접근하고 탐색할 수 있도록
모바일에서도 최적화된 인터페이스를 제공했습니다.
프로젝트 상세
건강정보기술센터의 연구 및 활동 정보를 보다 직관적으로 전달하고,
관리자가 손쉽게 유지·운영할 수 있는 웹사이트 구축을 목표로 진행되었습니다.

1) 작업 범위
(1) 서비스 기획
• 웹사이트 IA(Information Architecture) 전면 재구성
• 콘텐츠 업데이트 흐름 정의
• 게시판·프로젝트·센터 소개 등 주요 카테고리 구조 설계

(2) UI/UX 디자인
• 연구기관 성격에 맞춘 신뢰감 있는 UI 톤 설계
• 다양한 정보 유형(텍스트, 지도, 프로젝트 목록 등)을 정리하는 UX 구성
• 주요 정보 우선순위에 맞춘 레이아웃 재배치

(3) 프론트엔드·웹 개발
• 게시판 및 콘텐츠 관리 UI 개발
• 지도 API 기반 센터 위치 안내 화면 구현
• 이미지·코드 최적화 및 기본적인 성능 개선 대응


2) 주요 기능
• 게시판 및 콘텐츠 관리 시스템
• 프로젝트 정보 등록·관리 기능
• 지도 API 기반 센터 위치 안내
• 사용자 친화적 인터페이스 구성

3) 주안점
건강정보기술센터의 연구 활동과 프로젝트 정보를
명확하고 신뢰감 있게 전달하는 것을 최우선으로 했습니다.

• 다양한 정보가 섞여 있던 기존 구조를 정돈해 탐색성을 강화
• 연구기관 특성에 맞는 안정적이고 단정한 디자인 톤 유지
• 페이지 로딩 속도와 전반적 성능의 안정성 확보

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ka******
개발 · 법인사업자

프로젝트 정보

참여 기간
2021.10. ~ 2021.11.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
MaterialUI
React