메인 및 전체 서브페이지 퍼블리싱
메인과 메뉴 기준 서브 26페이지를 퍼블리싱했습니다. 병원 소개, 환자 경험, 진료별 안내, 커뮤니티 등 페이지별 콘텐츠에 맞춰 레이아웃을 구현했습니다.
PORTFOLIO DETAIL
서울이도치과
서울이도치과의 메인과 전체 서브페이지를 퍼블리싱했습니다. 브랜드 인트로부터 스크롤 연동 애니메이션, 임플란트 이미지 시퀀스, 치료 전후 비교까지 콘텐츠에 맞춘 인터랙션을 구현했습니다.
PROJECT OVERVIEW
작업 개요
서울이도치과의 메인페이지와 병원 소개, 진료 안내, 커뮤니티 등 전체 서브페이지 퍼블리싱을 담당했습니다.
메인페이지에는 좌우 분할 인트로와 스크롤 진행에 따른 심볼·텍스트·이미지 전환을 구현했습니다. 주요 섹션을 화면에 고정한 상태에서 콘텐츠가 변화하도록 구성하고, 임플란트 식립 과정을 캔버스 이미지 시퀀스로 표현했습니다.
서브페이지는 각 진료의 특성에 맞춰 정보와 시각 자료를 배치했습니다. 의료진 상세 팝업, 치료 전후 비교, 턱관절 구조 탐색, 슬라이드와 FAQ 등 다양한 콘텐츠 UI를 적용하고, 공통 내비게이션과 전체 화면을 PC·모바일 환경에 맞춰 구현했습니다.
WORK SCOPE
담당 작업 범위
브랜드 인트로 및 스크롤 인터랙션
좌우 분할 인트로의 등장·열림 효과와 GSAP 기반 스크롤 애니메이션을 구현했습니다. 섹션 고정, 심볼 이동, 텍스트 전환, 이미지 확대·이동을 스크롤 진행과 연동했습니다.
공통 UI 및 반응형 대응
헤더, 전체 메뉴, 모바일 내비게이션, 푸터와 퀵메뉴 등 공통 UI를 구현했습니다. 슬라이드, 이미지 확대보기, FAQ와 콘텐츠 등장 효과를 적용하고 화면 크기에 맞춰 배치와 조작 방식을 조정했습니다.
PREVIEW
프로젝트 화면
