핵심 요약
여기어때가 Spline으로 3D 인터랙션 구현, Framer로 웹페이지를 구현하고 Claude·ChatGPT·Gemini를 비교·생성하는 과정을 통해, 디자이너 주도 콘서트팩 아카이빙 페이지 제작기를 공개했습니다.
주요 경험
- 같은 프롬프트를 여러 AI에 입력해 코드 차이를 비교하고 프로젝트 방향에 가장 근접한 결과를 골라 다듬었습니다.
- 시안 이미지를 함께 전달해 의도를 명확히 전달하고, 디자인과 구현 간의 간극을 줄였습니다.
- 스크롤 기반 인터랙션 중심으로 브랜드 경험에 맞는 흐름을 재구성하고, 필요한 경우 코드 확장을 시도했습니다.
얻은 인사이트
- 도구의 특성을 이해하고 의도를 명확히 전달하는 것이 결과물의 질을 좌우합니다.
- 비개발자도 AI 협업으로 구현 가능 범위를 확장할 수 있습니다.
- 디자인 방향성과 코드 구현의 적절한 타협이 최종 완성도를 높였습니다.
