메인 비주얼과
진료 분야 소개
메인에는 요로결석 전문 병원이라는 문구를 담은 비주얼 아래에 요로결석, 여성질환, 전립선질환, 혈뇨, 피부질환 5개 진료 분야를 사진 카드로 배치했습니다. 이어서 병원의 진료 방향을 담은 문구 영역을 두었습니다.
엘림비뇨기과 병원 홈페이지 구축
클리닉별 질환 안내부터 진료시간과 오시는 길까지
- 클라이언트명
- 엘림비뇨기과 · ELIMURO
- 기술
- PHP · CodeIgniter · jQuery · Bootstrap · AOS
- 프로젝트 유형
- 병원 홈페이지 · 클리닉 안내 · 반응형 웹
- 담당 범위
- 홈페이지 디자인 · 퍼블리싱 · 개발
- 주요 기능
-
- 메인 비주얼 · 진료 분야 5개 카드 · 병원소개와 ‘엘림’의 의미
- 요로결석·전립선·여성배뇨장애·혈뇨 클리닉 페이지 4개
- 증상 카드 · 체크리스트 · 감별진단 표 · 진료시간·오시는 길 안내
- 프로젝트 개요
-
- 엘림비뇨기과는 인천 서구 가정로에서 요로결석 치료를 중심으로 전립선 질환과 배뇨장애 등 비뇨기 질환을 진료하는 병원입니다.
- 질환마다 증상, 원인, 검사, 치료 설명이 길어 클리닉별로 페이지를 나누고, 같은 형식의 블록으로 내용을 정리한 병원 홈페이지를 구축했습니다.
- 모든 페이지 아래에 진료시간과 교통 안내를 두어, 질환 정보를 읽은 뒤 바로 내원 정보를 확인하도록 했습니다.
- 개발 목표
-
- 환자가 자신의 증상에 맞는 클리닉을 메뉴에서 찾고, 증상부터 검사와 치료까지 순서대로 읽도록 합니다.
- 질환 정보를 확인한 뒤 같은 화면에서 진료시간과 찾아오는 길을 확인하도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Pretendard
Eng
Pretendard
WEB DESIGN
증상을 찾아 읽는 순간부터,
진료시간과 오시는 길까지
엘림비뇨기과는 요로결석, 전립선 질환, 여성 배뇨장애, 혈뇨처럼 진료 분야가 여러 갈래이고 질환마다 설명할 내용이 많습니다. 환자가 해당 클리닉에서 질환 정보를 읽고, 내원 정보까지 이어서 확인하도록 홈페이지 구조를 정리했습니다.
-
진료 분야별 클리닉 메뉴
요로결석, 전립선, 여성배뇨장애, 혈뇨 클리닉을 각각의 페이지로 나누고, 질환마다 증상·원인·검사·치료 순서로 정리했습니다.
-
같은 틀로 짠 질환 설명 블록
사진 카드, 번호 목록, 체크리스트, 표 같은 블록을 만들어 여러 클리닉 페이지에서 반복해 쓰도록 해, 글이 길어도 읽는 순서가 일정합니다.
-
모든 페이지 아래 내원 정보
페이지 하단 Contact Us 영역에 약도, 주소, 진료시간, 버스·지하철 안내를 넣어 어느 페이지에서든 확인하도록 했습니다.
질환마다 다른 설명을
같은 형식으로 정리한 병원 홈페이지
질환 설명은 페이지마다 분량과 항목이 다릅니다. 증상은 사진 카드로, 원인은 목록으로, 검사와 진단은 번호 단계로, 비교가 필요한 내용은 표로 보여 주는 블록을 정해 두고 각 클리닉 내용을 채웠습니다. 화면 폭이 좁아지면 가로로 놓인 블록이 세로 한 줄로 바뀝니다.
메인 비주얼과
병원소개와
‘엘림’의 의미
원장 인사말에서 요로결석 중심 진료와 체외충격파쇄석기, 초음파 진료를 소개하고, 병원 이름 ‘엘림’의 뜻을 성경 구절과 함께 풀어 두었습니다.
요로결석 클리닉
통증·혈뇨·발열·구토 4가지 증상을 사진 카드로 보여 주고, 발생 원인 목록과 병력 청취부터 초음파검사까지 4단계 검사 과정을 정리했습니다. 체외충격파쇄석술·수술요법·기대요법 치료 안내와 예방법, 정기검진, 식이요법까지 한 페이지에 담았습니다.
전립선·여성배뇨장애
클리닉
전립선 클리닉은 전립선염, 전립선비대증, 전립선암을, 여성배뇨장애 클리닉은 방광염, 과민성 방광, 신경인성 방광, 요실금, 골반 통증을 질환별로 나눴습니다. 과민성 방광 증상 체크리스트, 전립선비대증 5단계 진단, 요실금 수술 방법(TVT·TOT) 같은 내용을 블록별로 정리했습니다.
혈뇨 클리닉과
감별진단 표
혈뇨를 육안적 혈뇨와 현미경적 혈뇨로 나눠 설명하고, 원인 질환별 임상양상과 위험인자를 표로 정리했습니다. 이어서 방광암의 위험인자, 증상, 진단 방법을 안내했습니다.
진료시간과
오시는 길 안내
오시는길 페이지에는 약도와 함께 주소, 주차, 버스 노선을 정리했습니다. 모든 페이지 아래 Contact Us 영역에는 평일·토요일 진료시간과 점심시간, 일요일·공휴일 휴진 안내, 버스·지하철 이용 방법을 두었습니다.
진료 분야가 많은 병원 홈페이지,
질환 안내와 내원 정보까지 정리하세요.
클리닉별 질환 정보와 진료시간, 오시는 길을 정리해야 하는 병원 홈페이지가 필요하신가요?
진료 과목과 병원 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의