홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트온누리병원 반응형 종합병원 홈페이지제작
- 개발분야 : Website(웹사이트)
메인 화면 기획 및 전문 진료 중심 랜딩 구성
[메인 화면 기획]
척추·관절 치료, 인공신장센터, 건강검진센터를 메인 비주얼 슬라이드로 차례로 보여주고,
바로 아래에 외래진료예약과 건강검진예약 입력창을 배치해
첫 화면에서 진료 분야를 확인한 뒤 곧바로 예약을 신청할 수 있도록 기획했습니다.
이어서 4대 전문진료센터와 12개 진료과 아이콘, 공지사항·언론보도·온누리TV 소식 순으로
종합병원의 진료 규모와 지역 활동을 단계적으로 전달하도록 구성했습니다.
메인 디자인 시스템
[메인 디자인]
로고의 네이비 블루를 메인 컬러로 삼아 예약 영역과 버튼, 활성 메뉴에 일관되게 적용하고,
흑백 톤의 수술 장면 사진에 블루 헤드라인을 더해 종합병원다운 전문성과 무게감을 표현했습니다.
전문진료센터는 척추·뇌·신장 이미지를 깐 타일형 블록으로, 진료과는 라인 아이콘 그리드로 정리해
정보의 성격을 구분했으며, 짙은 네이비 푸터로 화면 전체를 안정감 있게 마무리했습니다.
콘텐츠 디자인 및 정보 구조
[콘텐츠 디자인]
전문진료센터와 진료과 서브페이지 상단에 아이콘 탭 그리드를 두고 현재 위치를 블루로 강조해,
10개 센터와 14개 진료과 사이를 페이지를 벗어나지 않고 바로 오갈 수 있도록 구성했습니다.
본문은 진료과 소개, 원형으로 정리한 진료 분야, 주요 시술 목록 순으로 정리하고,
진료시간은 평일·토요일·휴일·응급환자를 색상 배지 카드로 나눠 많은 의료 정보를 한눈에 비교할 수 있게 디자인했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
메인에서는 비주얼 하단에, 서브페이지에서는 화면 하단 고정 영역에 외래진료·건강검진 예약 입력창을 두어
어느 페이지에서든 이름과 연락처만으로 바로 예약을 신청할 수 있도록 전환 동선을 설계했습니다.
우측 퀵메뉴에는 대표번호와 의료진 소개·오시는 길·주차안내를 모으고 응급실 번호를 붉은색으로 분리했으며,
건강증진센터는 GNB 버튼으로 따로 연결하고 상단 드롭다운 경로 메뉴로 같은 분류의 페이지를 빠르게 이동하도록 구성했습니다.
상담요청
