서울바른내과의원 홈페이지
기획 의도
서울바른내과의 진료 철학과 의료진의 전문성을 명확하게 전달하고, 환자가 필요한 정보를 쉽고 빠르게 확인할 수 있도록 기획했습니다.
내과 진료부터 노년 건강, 검진·내시경, 비만 관리, 시설 안내와 오시는 길까지 병원 이용에 필요한 정보를 하나의 자연스러운 흐름으로 연결했습니다.
내과 진료부터 노년 건강, 검진·내시경, 비만 관리, 시설 안내와 오시는 길까지 병원 이용에 필요한 정보를 하나의 자연스러운 흐름으로 연결했습니다.
디자인 컨셉
요소가 돋보일 수 있도록 화이트, 회색 계열의 배경 컬러를 사용하고, 의료기관의 신뢰감을 전달하는 네이비와 블루 컬러를 포인트 컬러로 활용했습니다.
여유 있는 여백과 명확한 정보 위계, 의료진 및 시설 이미지, 직관적인 아이콘을 조합하여 전문적이면서도 편안하게 다가갈 수 있는 디자인으로 완성했습니다.
여유 있는 여백과 명확한 정보 위계, 의료진 및 시설 이미지, 직관적인 아이콘을 조합하여 전문적이면서도 편안하게 다가갈 수 있는 디자인으로 완성했습니다.
핵심 기능
섹션 이동형 내비게이션과 메인 배너 슬라이드를 적용하고, 진료 분야와 의료 정보를 탭 형태로 구성하여 많은 내용을 직관적으로 확인할 수 있도록 구현했습니다.
공지사항·비급여 안내·자주 묻는 질문, 시설 및 장비 안내, 팝업, 카카오 지도, 주소 복사, 전화 연결과 모바일 전용 빠른 메뉴 등 병원 이용에 필요한 기능을 통합했습니다.
공지사항·비급여 안내·자주 묻는 질문, 시설 및 장비 안내, 팝업, 카카오 지도, 주소 복사, 전화 연결과 모바일 전용 빠른 메뉴 등 병원 이용에 필요한 기능을 통합했습니다.
구현 범위
전체 정보 구조와 반응형 UI·UX 설계부터 PC·태블릿·모바일 화면 구현, 슬라이드·탭·아코디언·팝업·스크롤 애니메이션 개발까지 진행했습니다.
카카오 지도와 전화 연결 기능을 연동하고, 검색엔진 메타 정보·구조화 데이터·접근성 요소를 적용하여 다양한 환경에서 안정적으로 이용할 수 있도록 최적화했습니다.
카카오 지도와 전화 연결 기능을 연동하고, 검색엔진 메타 정보·구조화 데이터·접근성 요소를 적용하여 다양한 환경에서 안정적으로 이용할 수 있도록 최적화했습니다.







