프로젝트 설명
AI로 생성한 시네마틱 영상과 스크롤 인터랙션을 결합한 원페이지 웹사이트 5종과 3D 영상 없이 순수 HTML/CSS/JS로 완성한 정적 사이트 1종을 제작했습니다.
각 사이트는 스크롤에 따라 재생되는 영상이 페이지 상단을 채우고 영상이 끝나는 지점부터 실제 개발 영역(회원가입 폼 Flexbox 레이아웃 이미지맵 내비게이션 등)으로 자연스럽게 이어지는 구조입니다. 매번 팔레트·타이포그래피·카메라 연출을 새로 설계해 서로 다른 시각적 세계를 만들었습니다.
정적 사이트는 실제 헬스장을 레퍼런스로 삼아 INTERIOR·SCHEDULE·DIRECTIONS 구조로 구성하고 실제 수업 시간표와 매장 정보를 반영했습니다.
HTML/CSS 기초부터 스크롤 기반 인터랙션 설계 AI 영상 생성 툴 활용까지 프론트엔드 개발과 비주얼 기획을 함께 다루는 작업입니다.
