반응형 종합병원 홈페이지 제작, 온누리병원 사례

PORTFOLIO

다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.

Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.

PORTFOLIO

온누리병원 반응형 종합병원 홈페이지제작 2024/02

[메인 화면 기획]

척추·관절 치료, 인공신장센터, 건강검진센터를 메인 비주얼 슬라이드로 차례로 보여주고,

바로 아래에 외래진료예약과 건강검진예약 입력창을 배치해

첫 화면에서 진료 분야를 확인한 뒤 곧바로 예약을 신청할 수 있도록 기획했습니다.

이어서 4대 전문진료센터와 12개 진료과 아이콘, 공지사항·언론보도·온누리TV 소식 순으로

종합병원의 진료 규모와 지역 활동을 단계적으로 전달하도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

로고의 네이비 블루를 메인 컬러로 삼아 예약 영역과 버튼, 활성 메뉴에 일관되게 적용하고,

흑백 톤의 수술 장면 사진에 블루 헤드라인을 더해 종합병원다운 전문성과 무게감을 표현했습니다.

전문진료센터는 척추·뇌·신장 이미지를 깐 타일형 블록으로, 진료과는 라인 아이콘 그리드로 정리해

정보의 성격을 구분했으며, 짙은 네이비 푸터로 화면 전체를 안정감 있게 마무리했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

전문진료센터와 진료과 서브페이지 상단에 아이콘 탭 그리드를 두고 현재 위치를 블루로 강조해,

10개 센터와 14개 진료과 사이를 페이지를 벗어나지 않고 바로 오갈 수 있도록 구성했습니다.

본문은 진료과 소개, 원형으로 정리한 진료 분야, 주요 시술 목록 순으로 정리하고,

진료시간은 평일·토요일·휴일·응급환자를 색상 배지 카드로 나눠 많은 의료 정보를 한눈에 비교할 수 있게 디자인했습니다.

[웹사이트 UX/UI]

메인에서는 비주얼 하단에, 서브페이지에서는 화면 하단 고정 영역에 외래진료·건강검진 예약 입력창을 두어

어느 페이지에서든 이름과 연락처만으로 바로 예약을 신청할 수 있도록 전환 동선을 설계했습니다.

우측 퀵메뉴에는 대표번호와 의료진 소개·오시는 길·주차안내를 모으고 응급실 번호를 붉은색으로 분리했으며,

건강증진센터는 GNB 버튼으로 따로 연결하고 상단 드롭다운 경로 메뉴로 같은 분류의 페이지를 빠르게 이동하도록 구성했습니다.