AI와 함께 만든 콘서트팩 아카이빙 웹페이지
프론트엔드
AI와 함께 만든 콘서트팩 아카이빙 웹페이지
두줄요약
디자이너 혼자 AI를 활용해 콘서트팩 아카이빙 웹페이지를 제작한 과정을 소개했습니다. 여러 AI의 코드를 비교하고 시안 이미지를 활용해 브랜드 경험을 구현한 방식이 핵심입니다.
핵심 내용
- 디자이너 혼자 AI를 활용해 콘서트팩 아카이빙 웹페이지를 제작한 사례
- Spline으로 3D 오브젝트를 만들고 Framer로 구현하면서, ChatGPT·Claude·Gemini의 코드를 비교해 최적안을 선택
- 스크롤 시퀀스 애니메이션과 영상·셋리스트 아카이빙으로 브랜드 경험 확장
적용해볼 점
- 하나의 프롬프트를 여러 AI에 넣어 코드 구조와 구현 결과 비교
- 레이아웃과 인터랙션은 시안 이미지를 함께 전달해 의도 명확화
- 디자인 패널 한계를 코드와 AI로 보완해 구현 범위 확장