과천스마트안과 홈페이지 신규 구축

• 병원 홈페이지 신규 구축 (메인 + 서브 27개 페이지 반응형 퍼블리싱)
• 전 페이지 메타태그·canonical·OG 및 Hospital 구조화 데이터 적용, 19개 페이지 FAQPage 스키마로 SEO/AEO 대응
• 질환별 제목 체계(h1~h3) 설계로 검색엔진 친화적 콘텐츠 구조 구성
• GSAP, AOS, Swiper를 활용한 스크롤 애니메이션 및 슬라이드 인터랙션 구현
• 간편 상담신청 바, 플로팅 퀵메뉴, 온라인 예약 등 상담 전환 중심 UI 구현
• 서브페이지에도 깔끔한 스크롤 애니메이션을 적용해 병원의 전문성이 돋보이도록 구성

섹션별 화면

PC에서는 fullPage.js로 한 화면씩 넘어가고, 모바일에서는 일반 스크롤로 동작합니다. 각 섹션의 PC 화면(왼쪽)과 모바일 화면(오른쪽)입니다.

메인 비주얼

병원의 강점을 전하는 슬라이드입니다. 화면 아래에는 간편 상담신청 바, 오른쪽에는 플로팅 퀵메뉴가 고정되어 어느 섹션에서든 바로 상담으로 이어집니다.

진료 안내

진료 과목 여섯 가지를 아이콘 카드로 배치해 해당 진료 페이지로 바로 이동하는 섹션입니다.

의료진 소개

두 원장의 사진과 의료진 소개 바로가기를 담은 섹션입니다.

첨단 장비

검사 장비와 수술 장비를 슬라이드로 보여 주는 섹션입니다.

SMART NEWS

병원 소식을 카드 슬라이드로 보여 주고, 옆에 문의하기 폼을 함께 배치한 섹션입니다.

오시는 길

전화번호와 진료시간, 지도, 교통편별 안내를 담은 섹션입니다.

서브페이지

눈 종합검진

메인뿐 아니라 서브페이지에도 깔끔한 애니메이션을 적용해 병원의 전문성이 돋보이도록 작업했습니다. 스크롤에 맞춰 연령대별 검진 안내, 대표 안질환, 검진이 필요한 경우가 차례로 나타나 긴 진료 정보도 흐름에 따라 읽을 수 있습니다.