소개
최근에 버블 ai 기능이 도입되었다고 한다!
클릭 1번 만으로 MVP를 만들 수 있다고 홍보하고 있으니 한 번 사용해보고자 한다.
진행 방법
이번 실험을 위해서 '외국인 대상으로 한국의 병원, 요가원, 뷰티 서비스를 탐색하고 예약하는 웹사이트 MVP'를 만들어 달라고 요청할 계획이다.
먼저, ChatGPT에게 버블 ai게 먹일 영어 프롬프트를 만들어달라고 요청했다.
버블 ai의 영문 프롬프트는 500자 제한이 있어서 넣을 수 있는 내용이 많지는 않다...
그렇게 나온 영문 프롬프트를 bubble ai에 넣었다.
'Create a mobile-friendly landing page where users can browse and explore fertility clinics, yoga studios, and beauty services in Korea. Each listing should include a name, photo, brief description, and a “Book Now” button. Keep the layout clean and user-friendly for easy navigation.'
그렇게 나온 User Stories와 Key Features!
Refine 하겠냐고 물어본다.
이 부분도 캡쳐해서 ChatGPT에게 보여줘서 Refine할 부분이 없는지 물어봤더니 다음과 같이 제안해준다.
Refine용 프롬프트 역시 300자 제한로 제한이 있다!
Add ability to filter listings by location (e.g. Seoul, Busan) and availability.
→ 위치별/예약 가능 여부 필터 추가Enable users to mark favorite listings and view them later in a ‘Saved’ tab.
→ 북마크/찜하기 기능 추가Allow users to sort results by rating or popularity.
→ 유저 입장에서 "가장 인기 많은 병원" 등을 정렬 가능하게Include a simple calendar UI for each listing to select available dates for booking.
→ 병원/요가원/뷰티에 날짜 선택 가능한 미니 캘린더 삽입
그렇게 나온 User stories와 Key Features이고 드디어 Generate 버튼을 눌렀다.
버블 ai가 웹사이트를 만드는 데에는 약 5-7분 정도 소요되었다.
그렇게 나온 웹사이트...!
병원/요가원 등 데이터가 아무것도 없었기에 텅 비었지만 껍데기는 잘 만들어준 듯 하다.
ExploreKO라는 웹사이트 가제도 지어주었다.
병원/요가원 등의 목록을 drop down으로 검색할 수 있도록 짜주었다.
결과와 배운 점
버블 ai로 손 하나도 안대고 마음에 드는 웹사이트를 만드는 것은 아직은 쉽지 않은 일일 것이다.
하지만 나처럼 버블 스터디를 신청했지만 생이 바빠져서 제대로 시작도 못한 버블린이에게...
버블 ai는 조금이라도 빠르게 시작할 수 있는 발판을 마련해줄 수 있는 것 같다!
도움 받은 글 (옵션)
다혜님께서 공유해주신 유튜브 영상을 참고했다