프리랜서 개발자의 역량과 서비스를 소개하는 브랜딩 랜딩 페이지입니다. 포트폴리오 쇼케이스, 서비스 안내, 문의 기능을 하나의 페이지에 담았습니다. [아키텍처] React + Next.js 기반 SSR/SSG 하이브리드 렌더링, Tailwind CSS 유틸리티 퍼스트 스타일링, Framer Motion 애니메이션 라이브러리로 구성했습니다. [기술 구현 상세] 1) 히어로 섹션 서비스 핵심 가치를 임팩트 있게 전달하는 풀스크린 히어로. Framer Motion 기반 타이포그래피 애니메이션과 시차 스크롤 효과를 적용했습니다. 2) 서비스 안내 제공하는 서비스 종류와 작업 프로세스를 카드 UI로 시각적으로 정리했습니다. 각 서비스별 상세 설명과 예상 기간/비용 안내를 포함합니다. 3) 포트폴리오 갤러리 실제 작업물을 카드 형태로 보여주는 인터랙티브 쇼케이스 섹션. hover 효과와 모달 프리뷰로 작업물을 상세하게 확인할 수 있습니다. 4) 스크롤 인터랙션 Framer Motion + Intersection Observer 기반 스크롤 트리거 애니메이션. 섹션 진입 시 fade-in, slide-up 등 자연스러운 전환 효과를 적용했습니다. 5) 문의/견적 요청 고객이 간편하게 프로젝트를 의뢰할 수 있는 폼을 연동했습니다. 6) 퍼포먼스 이미지 lazy loading, 코드 스플리팅, SEO 최적화 메타데이터를 적용하여 초기 로딩 속도를 최적화했습니다. [기술 스택] React, Next.js, TypeScript, Tailwind CSS, Framer Motion, 반응형 웹 [성과] 스크롤 애니메이션 기반 몰입형 UX, SEO 최적화, 모바일 완벽 반응형