소개
막 Kibbl.ai 라는 스타트업을 시작하였는데, 아직 랜딩 페이지가 없어서 빠르게 만들어보고 싶었습니다.
저희 회사는 반려동물 맞춤형 사료 및 영양제 추천 서비스를 제공하려고 합니다.
진행 방법
도구: Google AI studio, Lovable.dev 를 사용 했습니다.
프롬프트: 먼저 Google AI studio 에서 아래와 같이 프롬프트를 작성하였습니다.
Google AI Studio: I am trying to build an individualized pet (dogs and cats) diet and supplement recommendation iPhone app. Please provide me with the detailed information needed to build this. For healthy pet, combination of OTC diet & supplement will be recommended, whereas for pet with disease, combination of prescription diet & supplement will be recommended. Think step by step.
후에 스터디장이신 민경준님과 강성준님의 추천대로 PRD를 만들어 달라고 해보았습니다.
후속 프롬프트: Considering all together, please provide an example of Product Requirements Document (PRD) for my app.
이 PRD를 가지고 lovable.dev 에 복붙을 하였더니.. 짜잔! 멋들어진 랜딩 페이지를 몇분만에 만들어줬습니다.
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
아무리 AI 이후에 신세계라지만 이렇게 빠르게 MVP 랜딩 페이지를 만들 수 있는지 몰랐습니다 @.@
다 해도 1시간이 안 걸렸는데 이렇게 뚝딱 만들 수 있다니 신기했어요.
다만 약간의 아쉬운 점은 lovable.dev 내에서 프롬프트로 수정을 요청하였을 때 말귀를 한번에 못 알아들은 부분이었습니다.
수정 전에 사진은 아래와 같이 행복해 보이는 강아지 2마리였는데, 제가 추가 프롬프트로 아래처럼 넣었더니
change the first picture on the website to an AI-inspired moving wave like the pic I provided. It's not static but a moving wave.
그 후에 기존 사진을 제거하지 않고 배경에 움직이는 파동을 깔아버렸어요.. 물론 추가로 수정 요청하면 바뀔수도 있겠지만 굳이 흠을 잡자면 이 부분이 아쉬웠네요.
제가 미리 kibbl.ai 라는 도메인을 사뒀어서 저희 도메인으로 바로 연결 해뒀습니다.
뒷단에서 서비스를 만드는 동안 미리 랜딩 페이지에 사전 예약을 받을 수 있도록 하는 기능을 추가할까 합니다.
