skax-imagineax 행사페이지

SK AX가 2026년 6월 그랜드 인터컨티넨탈 서울 파르나스에서 개최한 오프라인 행사 "IMAGINE AX 2026"의 초대 랜딩 페이지. B2B 의사결정자에게 일정·장소·아젠다·스피커 정보를 한 페이지로 전달하는 게 목적이며, Figma 디자인을 100% 재현하는 것이 성공 기준이었다.

Figma에서 dev모드로 연결해서 만들었으나 그대로 안만들어줬다. 알고보니 dev모드로 본다고 클로드가 완벽하게 볼 수 있는게 아니었음을 알게 되었고, mcp 디자인코드와 피그마 api를 확인하게 명령을 했고, 전체 이미지와 각 컴포넌트별로 분간이 안된사용할 이미지를 export하여 프로젝트 파일에 넣은 후 시켰더니 Figma에 나온대로 해주었다.

• Next.js 14 (static export) — 백엔드 없는 정적 랜딩 페이지, SEO와 배포 최적화
• Tailwind CSS — Figma MCP로 뽑은 코드가 Tailwind 기반이라 채택
• Framer Motion — 디자이너가 채택한 효과를 그대로 하기 위해 히어로 섹션 페이드인/스크롤 트리거 애니메이션 적용

Firebase Hosting으로 정적 배포했고, 사전등록 마감일까지 이용된 뒤 종료 후 커스텀 도메인 걷어내고 기본 도메인 적용.