- CLIENT: 고려대학교
PROJECT INFO
KOREA UNIVERSITY · MEDICAL SCIENTIST TRAINING PROGRAM · RESPONSIVE WEBSITE
고려대학교 의사과학자 양성사업단 홈페이지 디자인
고려대학교 의사과학자 양성사업단의 교육 프로그램과 사업 정보를 통합해 보여주는 홈페이지 디자인 프로젝트입니다. 의학과 과학을 연결하는 사업단의 성격을 명확하게 전달하고, 교육 참여자와 관계자가 필요한 정보를 쉽게 찾을 수 있도록 콘텐츠 구조와 화면 위계를 설계했습니다. 데스크톱·태블릿·모바일 환경을 함께 고려한 반응형 웹 화면으로 구성했습니다.
메인 화면은 사업단을 소개하는 비주얼 영역과 Training Program, Information Service 등 주요 메뉴로 이어집니다. 프로그램은 성격이 다른 교육과정을 카드로 구분하고, 정보 서비스는 사업안내와 공지 내용을 독립된 영역으로 정리했습니다. 하단에는 사업단 소개영상과 인사말, Mission, 공지·뉴스를 배치해 기관 이해와 실제 이용 정보를 한 페이지에서 탐색하도록 했습니다.
시각 아이덴티티는 고려대학교의 크림슨 레드와 짙은 네이비를 중심으로 구축했습니다. 메인 비주얼에는 뇌와 신경망을 연상시키는 이미지를 사용해 의학 연구와 과학적 탐구의 주제를 강조했습니다. 크림슨·네이비 카드에 선형 아이콘과 흰색 타이포그래피를 적용하여 대학의 공식적인 인상과 디지털 서비스의 현대적인 분위기를 함께 전달합니다.
프로그램과 정보 서비스 영역은 제목, 간단한 설명, 이동 버튼이 반복되는 카드형 그리드로 구성했습니다. 사용자는 각 카드의 색상과 아이콘을 기준으로 콘텐츠 종류를 구별하고 원하는 항목으로 이동할 수 있습니다. 공지나 세부 정보는 밝은 배경의 독립된 박스에 배치해 이미지 중심의 메인 영역과 읽기 중심의 정보 영역을 명확히 나눴습니다.
반응형 화면에서는 동일한 콘텐츠를 기기 크기에 맞춰 재배열했습니다. 넓은 화면의 다열 카드와 정보 영역은 태블릿과 모바일에서 세로 흐름으로 전환되고, 핵심 메뉴는 작은 화면에서도 구분되는 색상 블록으로 유지됩니다. 노트북·모니터·스마트폰·태블릿 목업을 통해 기기별 화면과 일관된 시각 체계를 함께 확인할 수 있습니다.
이 프로젝트는 대학 사업단의 전문적인 정보를 교육 프로그램, 기관 소개, 공지 서비스로 구조화한 웹 디자인 사례입니다. 복잡한 의학·연구 정보를 한꺼번에 보여주기보다 사용 목적에 따라 메뉴와 카드로 나누어 탐색 부담을 줄였습니다. 고려대학교의 브랜드 컬러와 의사과학자 양성이라는 콘텐츠 주제를 반응형 디지털 경험으로 연결한 점이 특징입니다.
CLIENT · 고려대학교
PROJECT · 의사과학자 양성사업단 홈페이지
PROJECT TYPE · 반응형 홈페이지 디자인
PROJECT PURPOSE · 교육 프로그램과 사업단 정보의 통합 안내
CONTENT · Training Program · Information Service · 인사말 · Mission · 공지/뉴스
INFORMATION ARCHITECTURE · 프로그램·기관 소개·정보 서비스의 메뉴 구조화
VISUAL CONCEPT · 크림슨 레드 · 네이비 · 뇌와 신경망 이미지
UI DESIGN · 카드형 그리드 · 선형 아이콘 · 정보별 색상 구분
RESPONSIVE VIEW · 데스크톱 · 노트북 · 태블릿 · 모바일
OUTPUT · 의사과학자 양성사업단 반응형 홈페이지
DESIGN FOCUS · 대학의 공식성과 의학·연구 정보의 탐색 편의성 조화