메인페이지 및 풀페이지 인터랙션
메인페이지 전체 섹션을 퍼블리싱하고 풀페이지 스크롤에 따른 섹션 전환을 구현했습니다. 화면 전환과 연계한 텍스트·이미지 등장 효과를 적용했습니다.
PORTFOLIO DETAIL
서울단단치과
메인페이지에는 풀페이지 스크롤 인터랙션을 적용해 주요 콘텐츠를 섹션 단위로 전달하고,
화면 전환에 맞춰 텍스트와 시각 요소가 등장하도록 구현했습니다.
병원 소개, 의료진, 환자 후기, 내부 공간 등 각 콘텐츠의 특성에 맞는 레이아웃과 인터랙션을 적용했습니다.
PROJECT OVERVIEW
작업 개요
서울단단치과의 메인페이지와 전체 서브페이지 퍼블리싱을 담당했습니다.
메인페이지는 병원의 진료 철학, 의료진 소개, 진료 보증, 환자 후기, 내부 공간, 위치 및 진료시간을 순차적으로 확인할 수 있도록 구성했습니다.
서브페이지는 통증 완화 시스템, 임플란트·틀니, 치아성형, 일반진료 등 진료별 콘텐츠에 맞춰 구현했습니다.
PC와 모바일 환경에 대응하는 레이아웃을 적용하고, 헤더와 내비게이션, 푸터, 퀵메뉴, 상담 신청 UI 등 홈페이지 전반의 공통 요소를 함께 퍼블리싱했습니다.
WORK SCOPE
담당 작업 범위
공통 UI 및 상담 화면 구현
헤더, 전체 메뉴, 모바일 내비게이션, 푸터, 퀵메뉴와 상단 이동 버튼을 구현했습니다. 빠른 상담 신청 화면과 약관·비급여 안내 팝업 등 공통 UI를 퍼블리싱했습니다.
반응형 및 콘텐츠 인터랙션
슬라이드와 스크롤에 따른 화면 전환 및 등장 효과,
화면 크기에 따라 콘텐츠 배치와 메뉴 구성이 전환되도록 적용했습니다. 후기 롤링, 공간 이미지 슬라이드, FAQ 펼침 등 콘텐츠 탐색을 돕는 인터랙션을 구현했습니다.
PREVIEW
프로젝트 화면
