프로젝트 목표

본 프로젝트는 위 문제를 해결하기 위해 다음과 같은 목표를 설정했습니다.
보호자가 최소한의 동선으로 필요한 정보를 확인할 수 있는 구조 설계
병원 서비스 특성에 맞춘 신뢰감 중심의 UI/UX 구현
PC·태블릿·모바일 환경 모두에서 동일한 사용 경험을 제공하는 반응형 웹 구축
온라인 예약, 회원 관리 가능

단순히 보기 좋은 홈페이지가 아니라,
실제 병원 운영에 도움이 되는 웹 서비스 구조를 목표로 했습니다.

중점 사항

아이와 보호자 모두에게 부담 없는 저자극 디자인과 안정적인 컬러 사용
정보 전달을 방해하지 않는 직관적인 레이아웃 구성
반응형 환경에서도 콘텐츠 가독성과 버튼 접근성 유지
병원 신뢰도를 높이기 위한 일관된 디자인 톤과 정보 구조 유지

1) 포트폴리오 소개 · 서비스 카테고리

본 프로젝트는 소아청소년과 병원을 위한 반응형 웹사이트 구축을 목표로 진행된 포트폴리오입니다.
아이와 보호자 모두가 안심하고 이용할 수 있도록 신뢰감 있는 디자인과 직관적인 정보 구조를 중심으로 설계하였으며,
단순 홍보용 홈페이지가 아닌 예약·안내 중심의 병원 서비스형 웹 구조를 지향했습니다.

병원이라는 서비스 특성상 과도한 연출보다는
✔ 안정감
✔ 가독성
✔ 명확한 정보 전달
을 최우선 가치로 두고 전체 UI/UX를 구성했습니다.

2) 작업 범위 · 개발 참여 영역

본 프로젝트에서 다음과 같은 영역을 직접 설계·구현했습니다.

전체 화면 구성 및 페이지 구조 설계

UI/UX 디자인 및 컬러·타이포그래피 가이드 설정

Front-end 개발 (HTML5 / CSS3 / JavaScript / React)

반응형 웹 구현 (PC · 태블릿 · 모바일 대응)

병원 특성에 맞춘 정보 동선 설계

확장 가능한 서비스 구조 설계
(온라인 예약, 회원 관리, 관리자 페이지 연동을 고려한 구조)

3) 주요 기능 · 핵심 페이지 구성

메인 페이지
: 병원 아이덴티티 전달, 신뢰감을 주는 메인 비주얼과 핵심 메시지 배치

병원 안내 / 진료 안내
: 보호자가 빠르게 이해할 수 있도록 정보 단순화 및 구조화

진료 과목 및 클리닉 소개

온라인 예약 유도 영역

로그인 / 회원가입 UI 설계 (확장 고려)

각 페이지는 불필요한 클릭을 줄이고,
보호자가 필요한 정보를 최소한의 동선으로 확인할 수 있도록 구성했습니다.

4) 중점 사항 · 설계 철학

병원 웹사이트 특성상 신뢰성과 안정성을 최우선으로 고려

아이·보호자 모두에게 부담 없는 저자극 컬러와 레이아웃 적용

반응형 환경에서도 동일한 정보 경험을 제공하도록 UI 일관성 유지

단기 제작이 아닌, 추후 기능 확장이 가능한 구조로 설계

디자인과 개발을 분리하지 않고,
**“운영 가능한 서비스 관점”**에서 전체 구조를 설계한 것이 본 프로젝트의 핵심입니다.