플러스프로젝트 배경
교육 프로그램의 특징과 학습 정보를 정적인 이미지 나열 방식보다 효과적으로 전달하기 위해 시작한 프로젝트입니다. 사용자가 페이지를 스크롤하는 과정에서 핵심 내용을 순서대로 이해하고, 시각적인 변화가 정보 탐색을 방해하지 않도록 모션과 콘텐츠 흐름을 함께 설계했습니다.
핵심 기능
스크롤 진행률 기반 화면 전환
섹션 위치와 뷰포트 높이를 기준으로 진행률을 계산해 스크롤에 따라 콘텐츠가 자연스럽게 전환되도록 구현했습니다.
진행 단계
콘텐츠 구조 및 사용자 흐름 기획
2026.08.
교육 콘텐츠를 문제 제기, 학습 과정, 루틴 형성, 혜택, 참여 유도 순서로 구성하고 전체 스크롤 흐름을 설계했습니다.
프로젝트 상세
교육 서비스의 프로그램과 학습 정보를 보다 몰입감 있게 전달하기 위해 제작한 반응형 모션 상세페이지입니다. 일반적인 정적 상세페이지처럼 이미지와 문구를 단순히 나열하는 대신, 사용자의 스크롤 흐름에 맞춰 콘텐츠가 단계적으로 나타나도록 구성했습니다. 방문자가 페이지를 읽는 과정에서 중요한 정보를 자연스럽게 인지할 수 있도록 화면 흐름과 인터랙션을 설계했습니다. 기획과 화면 구성, UI 디자인, Nex
