노후화된 디자인 개선 및 사용자 접근성 강화를 위한 반응형 웹사이트 구축
노후화된 디자인과 비효율적인 정보 구조로 인해 콘텐츠 접근성이 저하되고 있는 상태였습니다.
와이드 모니터부터 모바일까지 다양한 디바이스 환경에서의 사용자 경험이 원활하지 않아, 모든 화면 크기에 대응 가능한 반응형 웹사이트 구축이 필요한 상황이었습니다.
간호사 및 의료진 사용자의 편의를 고려하여, 검사결과 조회와 검사항목 조회 기능이 메인 비주얼 영역에서 직관적으로 노출될 수 있도록 개선이 요구되었습니다.
BEFORE
AFTER
제작 구성 및 수행 영역
-
사용자 중심의 UX 설계 및 핵심 기능 직관적 노출 구조 구현
- 신원 의료재단의 주요 기능을 직관적으로 탐색할 수 있는 구조 적용
- 가장 많이 사용되는 메인 홈 화면 내 검사결과 조회 및 검사항목 기능 우선 노출 배치
- 사용자 접근 동선 최소화 및 업무 효율성 향상을 위한 레이아웃 구성 -
실시간 API 연동을 통한 검체 용기 정보 자동 동기화 구현
- 검체 용기 데이터를 API로 연동하여 관리자가 홈페이지를 직접 수정하지 않아도 최신 정보가 자동으로 반영되는 구조 구현
- 데이터 변경 시 홈페이지와 동시에 업데이트되어 운영 효율성 및 정보 정확도 향상
- 수작업 업데이트로 인한 오류 및 누락 리스크 최소화 -
검사항목·검체 용기·공지사항 등 전 콘텐츠를 아우르는 통합검색 기능 구현
- 키워드 하나로 검사항목, 검체 용기, 공지사항 등 사이트 내 다양한 콘텐츠를 한 번에 탐색 가능
- 검색 결과를 카테고리별로 분류하여 원하는 정보를 빠르게 확인할 수 있도록 구성
- 의료진이 현장에서 즉시 필요한 정보를 신속하게 찾을 수 있는 검색 환경 구현 -
PC·세로 모니터·태블릿·모바일 전 디바이스 대응 반응형 웹 구현
- 다양한 기기를 사용하는 의료진 환경을 고려한 실용적인 화면 설계 적용
- PC, 세로형 모니터, 태블릿, 모바일 등 다양한 디바이스 환경에 최적화된 반응형 레이아웃 구현
- 화면 크기와 해상도에 따라 콘텐츠 배치와 UI가 자동으로 조정되어 일관된 사용자 경험 제공
Review
-
의료 기관 특유의 전문성이 느껴지도록 여백과 세련된 컬러 시스템을 구축했습니다. 정제된 디자인 톤앤매너를 통해 신원의료재단이 지향하는 정밀 의료의 가치를 사용자에게 직관적으로 전달하고자 했습니다.
