🧚🏻‍♀️ Graduation Recital

지예와 가현의 졸업연주회 프로그램북
https://graduation-recital.vercel.app/ (모바일로 보세요)

프로젝트 소개

• 종이 인쇄가 아닌 모바일용 웹 사이트로 제작한 졸업연주회 프로그램 북입니다.
• 곡의 분위기를 각 페이지에서 느낄 수 있고, 곡 별 설명을 더욱 자세하게 담았습니다.
• 프로그램 북 인쇄비용을 62.5% 감소시켰습니다.

기술 스택

• React 18.2.0
• tailwindCSS 3.3.5

고민한 부분

페이지 소개

메인페이지	Deep Dive	모순	스펙트럼
• 스크롤 스냅으로 두 페이지 분리 • 오버 스크롤 안되도록 구현	• Deep Dive 라는 곡에 어울리는 배경 그림과 폰트 선정 • 스크롤 스냅으로 두 페이지 분리	• 모순에 영감을 준 책의 뒷 모습을 배경으로 하여 마치 책에 적힌 글귀 같이 보이도록 구현	• 스크롤 속도를 다르게 하여 우주 공간과 같은 3D 효과를 표현