Show GN: PDF 대신 웹으로 만든 "Living Pitch Deck" (Next.js 16, Recharts)

글로벌 파트너(L'Oréal 등)를 대상으로 AI 솔루션을 피칭하기에는 정적인 PDF가 주는 한계를 느껴, 웹 기반 피치덱을 구현해보았습니다.

🌐 Live Slides: https://www.beautyinsightlab.com/slides

구현 배경

매체의 일관성: AI 기술을 제안하면서 정적인 문서를 쓰는 것이 비효율적이라 판단했습니다.

UX 개선: 모바일 환경에서 PDF의 'Pinch to Zoom' 없이도 쾌적하게 데이터를 확인하게 하고 싶었습니다.

주요 구현 포인트

• Hybrid UX: Desktop은 가로형 슬라이드, Mobile은 수직 스크롤 랜딩페이지로 대응하는 어댑티브 구조를 설계했습니다.

• Data Visualization: @Recharts를 사용해 AI 효율성 지표를 정지된 이미지가 아닌 실시간 애니메이션 차트로 시각화했습니다.

• Engineering Details: Markdown 렌더링 최적화 및 고유 ID 기반 네비게이션(ToC) 등 사용자 경험의 디테일에 집중했습니다.

현재 이 결과물과 데모를 가지고 릴레이 커피챗을 진행하며 실제 비즈니스 임팩트와 개선점을 파악하고 있습니다. 🏃‍♂️

단순한 발표 자료를 넘어 하나의 '제품'으로서 피치덱을 빌딩해보는 중인데, 혹시 비슷한 고민을 하시거나 프로젝트 비전이 궁금하신 분들은 편하게 의견 부탁드립니다.