1분이면 나오는 랜딩 페이지

InsightInsight·
#templates#speed#pricing#landing-page#insight

테스트에 참여한 분들이 AI로 만드는 과정에 대해 늘 세 가지를 말했습니다. 느리다, 비싸다, 결과가 밋밋하다.

그래서 첫 페이지를 만드는 방식을 바꿨습니다.

첫 랜딩 페이지 빌드, 이전과 지금

페이지는 디자이너가 만들고, AI는 채웁니다

돈코드 라이브러리의 템플릿은 모두 실제로 배포된, 동작하는 앱입니다. 템플릿에서 시작하면 AI가 랜딩 페이지를 코드로 다시 쓰지 않습니다. 여러분의 문구와 색이 디자이너가 이미 완성한 페이지에 들어갑니다.

게시된 템플릿과, 같은 템플릿에 네일숍의 문구를 채운 모습

문구를 쓰는 일은 코드를 쓰는 일보다 훨씬 작습니다.

랜딩 페이지 하나를 만드는 출력 토큰: 코드와 문구

템플릿 다섯 개를 재 보니 랜딩 페이지의 코드는 그 페이지를 채우는 문구보다 10배에서 17배 많은 토큰입니다. 페이지가 이미 있으면 AI는 그 코드를 한 줄도 쓰지 않으니, 기다릴 것도 잘못될 여지도 훨씬 적습니다.

1분이 안 걸립니다

Space Booking Platform은 앱 만들기를 누르고 페이지가 열리기까지 48초가 걸렸습니다.

이 방식으로 만든 첫 랜딩 페이지 13개는 빌드 시간의 중앙값이 35초였습니다. AI가 같은 종류의 페이지를 코드로 쓸 때는 3.9분이 걸렸습니다.

검사가 있는 플랜에서는 검사를 통과하는 대로 페이지가 열립니다.

비용

  • 템플릿을 고르고 문구를 다듬는 아이디어 채팅은 무료입니다.
  • 첫 프로젝트의 첫 랜딩 페이지는 무료입니다.
  • 그다음부터 템플릿 랜딩 페이지는 약 50 크레딧입니다. AI는 문구만 쓰기 때문입니다.
  • 채운 페이지가 깔끔하게 빌드되지 않으면 Insight가 나서서 고칩니다.

랜딩 페이지 하나, 달러로: Lovable과 돈코드

Lovable은 이미지가 있는 랜딩 페이지를 1.70에서 2.00 크레딧으로 안내합니다(요금 페이지와 문서의 숫자가 다릅니다). 크레딧당 $0.30인 충전 요금으로 $0.51에서 $0.60입니다. 돈코드에서는 첫 페이지가 무료, 그다음은 약 $0.03이고, 모두 디자이너가 이미 완성한 페이지에서 나옵니다.

다음 단계

랜딩 페이지가 첫 빌드입니다. 그다음부터 앱은 기능 하나씩 자랍니다. 계획한 기능마다 크기와 예상 크레딧이 빌드 버튼 옆에 보여서, 한 단계에 드는 비용을 미리 알 수 있습니다.

이 기술은 특허 출원 중입니다.

프로젝트 시작하기