포트폴리오로 돌아가기
신사 한의원 홈페이지
한의원 진료 분야와 병원 정보를 전달하는 의료 홈페이지
역할
디자인 리팩토링 · 프론트엔드 개발
기간
2주
연도
2026
프로젝트 개요
신사 한의원 홈페이지는 진료 철학, 진료 분야, 병원 위치와 이용 정보를 차분하게 전달하는 의료 웹사이트입니다. 기존 콘텐츠를 보존하면서 Astro 기반 정적 사이트와 반응형 화면으로 재구성하고, 원장님이 직접 글을 고칠 수 있는 관리자를 연결했습니다.
풀고 싶었던 문제
환자는 자기 증상으로 병원을 찾아요. 척추, 공황장애, 불면증, 갱년기처럼 진료 분야마다 따로 볼 수 있는 페이지와, 원장님이 문구를 직접 고칠 수 있는 구조가 필요했어요.
맡은 범위
- 메인과 진료 분야별 페이지(척추관 협착증·디스크, 공황장애, 불안장애, 화병, 분노조절장애, 불면증, 갱년기)
- 진료 과정 안내와 오시는 길
- 원장님이 직접 수정하는 관리자
- 수정하면 자동으로 다시 배포되는 구조
- 사이트맵 등 검색 최적화
만든 기능과 구성
- 진료 분야 소개
- 병원 안내
- 오시는 길
- 정적 배포 최적화
어려웠던 점과 해결 방법
원장님이 직접 수정
문구를 바꿀 때마다 개발자에게 요청하지 않도록, 관리자에서 고치면 사이트가 자동으로 다시 배포되게 했어요.
증상으로 찾아오는 환자
진료 분야마다 주소와 페이지를 따로 두어, 증상으로 검색한 환자가 바로 해당 페이지로 들어오게 했어요.
결과
- sinsahan.co.kr에서 운영 중이에요.
기술 스택
AstroTypeScriptTailwind CSSSveltia CMSCloudflare Pages
태그
#의료 #한의원 #홈페이지 #반응형
자주 묻는 질문
병원 홈페이지 문구를 직접 고칠 수 있나요?
네. 이 사례처럼 관리자에서 글과 사진을 고치면 사이트에 바로 반영되게 만들 수 있어요.
진료 과목이 여러 개인데 어떻게 나누나요?
진료 분야마다 페이지를 따로 만들고 같은 틀로 보여 줘요. 환자가 필요한 정보만 빠르게 찾을 수 있어요.
다른 포트폴리오