Work · 분양 · 2025.11 - 2025.12
더샵 분당센트로 웹사이트 구축
fullPage.js 기반 사이트에 clip-path 장면 전환과 모바일 최적화를 적용했습니다.
Overview
한눈에 보기
- Period
- 2025.11 - 2025.12
- Role
- 퍼블리싱·모바일 대응
- Stack
- fullPage.js
- 반응형
- 애니메이션
Description
작업 설명
- 풀페이지(fullPage.js) 기반 웹사이트 퍼블리싱 및 모바일 대응을 위한 레이아웃 구현
- CSS
clip-path를 활용한 장면 전환형 커스텀 애니메이션 구현 - 모바일 화면 크기와 콘텐츠 특성을 고려한 반응형 레이아웃 및 CSS 최적화
- PC·모바일 환경별 스크롤 인터랙션 및 콘텐츠 표시 방식 최적화
- 인트로 제작(한 번만 재생되도록 처리), 메인 PC·모바일 퍼블리싱
- 100vh를 넘는 콘텐츠 영역은 일반 스크롤로 전환하도록 메인 스크롤 구조 개선
- 팝업을 최대 5개까지 동시에 노출하고 노트북 화면에서 잘리지 않도록 크기 조정
- 페이지별 타이틀·설명 작성 등 SEO 작업, 메인 영상·이미지 리소스 압축
- 오픈 이후 유지보수 담당 (2025.11 ~ 2026.04, 작업일수 17일)
More