플러스프로젝트 배경
프리랜서 개발자로서의 기술 역량과 서비스를 효과적으로 전달할 브랜딩 페이지가 필요했습니다. 단순 정보 나열이 아닌, 스크롤 애니메이션과 인터랙션으로 몰입감을 만들어 방문자의 신뢰와 전환을 이끌어내는 것이 목표였습니다.
프로젝트 성과
스크롤 애니메이션 기반 몰입형 랜딩 구현
Framer Motion 스크롤 연동 애니메이션으로 섹션별 내러티브 경험을 설계하고, SEO 최적화와 에셋 경량화로 빠른 로딩과 검색 노출을 동시에 달성했습니다.
핵심 기능
스크롤 애니메이션 + SEO 최적화 랜딩
Framer Motion 섹션별 스크롤 연동 인터랙션, Tailwind 반응형 레이아웃, Next.js SSR 기반 SEO 메타데이터 최적화, 견적 문의 전환 폼을 구현했습니다.
진행 단계
브랜딩 랜딩 페이지 기획-개발
2025.10
콘셉트 기획 및 섹션 구조 설계, Framer Motion 스크롤 애니메이션 구현, Next.js SEO 최적화, 문의 폼 연동까지 약 3개월간 기획·개발을 완료했습니다.
프로젝트 상세
프리랜서 개발자의 역량과 서비스를 효과적으로 전달하기 위한 브랜딩 랜딩 페이지를 기획부터 디자인, 개발까지 전 과정을 직접 수행했습니다. 포트폴리오 쇼케이스, 서비스 안내, 문의 기능을 하나의 페이지에 응집력 있게 담아냈습니다. 기술적 핵심은 Framer Motion을 활용한 스크롤 연동 애니메이션 시스템입니다. 각 섹션의 진입 타이밍에 맞춰 요소들이 자연스럽게 등장하는 인터랙션을 설계했으며, 서비스 소
