프로젝트 배경
1) 문제점
- 결핵 전문 기관임에도 불구하고 공식 웹사이트가 없어 외부 접근 통로 부재
- 결핵 관련 검사 및 의뢰 안내가 없거나, 개별 문의로만 이뤄져 업무 비효율
- 일반 국민에게 결핵 관련 정보가 전문적이고 딱딱하게 인식되어 소통 부재
2) 프로젝트 목표
- 결핵 정보에 쉽게 접근할 수 있는 구조 설계
- 전문성을 유지하면서도 누구나 이해하기 쉬운 콘텐츠 기획
- 검사 의뢰·문의 증가를 유도하는 사용자 흐름 설계
- 국가 기관에 맞는 공공성과 신뢰성 있는 톤앤매너 구축
3) 주안점
- 시각적 복잡도는 줄이고, 정보 위계와 명확한 카테고리 구성
- 일반인·보건소 담당자·의료인 등 다양한 사용자 그룹을 고려한 IA 설계
- 신뢰감 있는 색상 및 디자인 시스템으로 공공기관의 정체성 확보
- 모바일 환경에서도 쉽게 정보를 찾을 수 있도록 반응형 웹 구현
- 결핵 전문 기관임에도 불구하고 공식 웹사이트가 없어 외부 접근 통로 부재
- 결핵 관련 검사 및 의뢰 안내가 없거나, 개별 문의로만 이뤄져 업무 비효율
- 일반 국민에게 결핵 관련 정보가 전문적이고 딱딱하게 인식되어 소통 부재
2) 프로젝트 목표
- 결핵 정보에 쉽게 접근할 수 있는 구조 설계
- 전문성을 유지하면서도 누구나 이해하기 쉬운 콘텐츠 기획
- 검사 의뢰·문의 증가를 유도하는 사용자 흐름 설계
- 국가 기관에 맞는 공공성과 신뢰성 있는 톤앤매너 구축
3) 주안점
- 시각적 복잡도는 줄이고, 정보 위계와 명확한 카테고리 구성
- 일반인·보건소 담당자·의료인 등 다양한 사용자 그룹을 고려한 IA 설계
- 신뢰감 있는 색상 및 디자인 시스템으로 공공기관의 정체성 확보
- 모바일 환경에서도 쉽게 정보를 찾을 수 있도록 반응형 웹 구현
프로젝트 성과
검사 의뢰·상담 문의 2배 이상 증가 (런칭 후 3개월 기준)
간결한 문의 흐름과 명확한 서비스 안내로 사용자 행동 전환을 유도해 문의량이 2배 이상 증가했습니다.
모바일 사용자 접근률 47% → 72%로 증가 (모바일 최적화 반응형 효과)
모바일 중심 UI 설계와 콘텐츠 우선순위 조정으로 접근성과 사용 편의성이 크게 향상되었습니다.
결핵 정보 페이지 평균 체류 시간 1.5배 상승 (이해도 높은 콘텐츠 구조 덕분)
의료 정보를 시각 중심의 구조로 재구성해 가독성과 이해도를 높이며 페이지 체류 시간이 증가했습니다.
국가 기관 웹사이트 보안 및 접근성 기준 준수 (웹접근성 가이드라인 반영)
KWCAG 및 보안 기준을 철저히 반영해 공공 웹사이트로서의 신뢰성과 접근성을 완전히 충족시켰습니다.
핵심 기능

🦠 결핵 정보 통합 안내
결핵의 증상, 예방, 전파 경로 등 전문 내용을 일반 사용자 눈높이에 맞춰 재구성한 콘텐츠 페이지를 구성하고, 사용자의 이해를 돕기 위해 일러스트와 아이콘 기반의 시각 자료를 함께 설계

🧪 검사 안내 및 의뢰 유도
검사 절차, 대상, 결과 조회 등 핵심 정보를 단계적으로 제공하여 검사 의뢰를 쉽게 유도하는 구조 설계

📑 자료실/공지 게시 시스템
연구자료, 보도자료, 예방 가이드 등을 구분된 구조로 제공하고 자동 정렬 기능으로 자료 탐색 효율을 높임

📱 반응형 웹 구현
공공기관 사용자 특성을 고려하여 모바일·태블릿 환경에서도 동일한 품질로 콘텐츠 접근 가능하도록 설계
진행 단계
초기 기획 및 요구 분석
2023.12.
- 기관 내 이해관계자 인터뷰
- 대상 사용자 정의: 일반 국민, 보건소, 의료기관, 연구자
- 대상 사용자 정의: 일반 국민, 보건소, 의료기관, 연구자
정보 구조 및 콘텐츠 전략 수립
2024.01.
- 결핵 정보·예방·검사·의뢰·자료실 등 핵심 메뉴 정의
- 각 메뉴 내 콘텐츠 흐름 및 상세 페이지 기획
- 각 메뉴 내 콘텐츠 흐름 및 상세 페이지 기획
와이어프레임, UX 설계 및 UI 디자인
2024.02.
- 사용자 유형별 주요 정보 접근 시나리오 작성
- 검사 안내 → 절차 이해 → 의뢰 흐름 구조화
- 공공기관에 맞는 청결하고 신뢰감 있는 톤앤매너
- 다이어그램·아이콘 활용으로 전문 정보의 이해도 강화
- 검사 안내 → 절차 이해 → 의뢰 흐름 구조화
- 공공기관에 맞는 청결하고 신뢰감 있는 톤앤매너
- 다이어그램·아이콘 활용으로 전문 정보의 이해도 강화
반응형 퍼블리싱 및 개발
2024.04.
- HTML/CSS 기반의 크로스 브라우징 및 접근성 고려 퍼블리싱
- 모바일 최적화를 위한 구조/비주얼 반응형 구현
- 모바일 최적화를 위한 구조/비주얼 반응형 구현
프로젝트 상세
결핵연구원(KIT)은 국내 결핵 예방 및 연구를 수행하는 공공기관으로, 그동안 공식 웹사이트가 없어 일반 국민과 의료기관, 연구자 모두에게 접근성이 떨어지는 정보 단절 상태였습니다.
해당 프로젝트는 결핵연구원의 미션에 맞춰 대국민 정보 전달력 강화와 검사 의뢰 유도라는 목표 아래, 처음부터 웹사이트를 기획·디자인·퍼블리싱한 프로젝트입니다.
특히 공공기관 특유의 신뢰성과 명확함을 유지하면서도, 일반 대중이 쉽게 이해할 수 있는 구조와 콘텐츠 설계에 중점을 두었습니다.
해당 프로젝트는 결핵연구원의 미션에 맞춰 대국민 정보 전달력 강화와 검사 의뢰 유도라는 목표 아래, 처음부터 웹사이트를 기획·디자인·퍼블리싱한 프로젝트입니다.
특히 공공기관 특유의 신뢰성과 명확함을 유지하면서도, 일반 대중이 쉽게 이해할 수 있는 구조와 콘텐츠 설계에 중점을 두었습니다.

결핵연구원 랜딩페이지

검사항목정보 상세페이지

연구개발-치료 상세페이지