홈페이지 제작 러버블 vs 버블 (투표 바랍니다.)

■ 소개

홈페이지 제작에 관심 생겨서 버블을 배우기 시작했어요.
시작은 진짜 ㅂ도 몰랐지만,
세임님, 다혜님 덕분에 툴 만져보고
이제 디자인, 워크플로우, 데이터셋 정도는 감 잡을랑 말랑~~~

근데 문제는 그다음…
‘내가 만들고 싶은 걸 어떻게 구현하지?’
갈 길이 너무 멀어요 ㅠㅠ

요즘 핫하다는 러버블~~~
스터디장님이 제 팔랑귀를 붙잡았지만…
살짝 빠져서 놀다 왔어요ㅋㅋ ( 난 바람났오~~~ )

확실히 쉽고, 형태도 예쁘게 잡아주니
초보 눈엔 진짜 신세계더라고요!
근데! 버블을 배운 뇨자~
진짜 어려운건 뒷단 기능 구현이라는 거…ㅎ

스터디원분들과, 같이 아이디어 공유하다가 버블 AI 기능으로
페이지 제작이 가능하다는 것도 알게 됐고,
버블로 하나 더 만들어 봤습니다. ( 오~ 신세계 발견, 다시 돌아 왔오~~~ )

러버블과 잠시 바람 폈다가, 다시 버블로 돌아온썰~~~ 입니다.

✨ 오늘의 사례글 주제!

"내가 원하는 페이지, 어느 쪽이 더 잘 구현했을까?"
버블 vs 러버블, 여러분의 의견을 댓글로 알려주세요! 😊

■ 진행 방법

1번) lovable 러버블이 만들어 준 홈페이지

  • 원페이지로 잘 정리 되었어요.

  • 웹형, 앱형, 요청을 하면 반응형 사이즈 조절 해 주네요.

  • 기가막히게, 한국어로 잘 되어 있습니다.

검은 배경이있는 웹 사이트의 스크린 샷

2번) bubble.io 버블이 만들어 준 홈페이지

  • 앱 작명을 해주었어요. reporfit 나름 맘에 들어요

  • 좀더 외국언니 스퇄인듯해요.

  • 제작은 한국어로 요청 했지만, 영어로 표현이 되었고, 설정에 언어 변경 할 수 있게 되어있네요. ( 생각도 못했는데,,, 글로벌 버젼으로 만들어야 할까 봐요 ㅎㅎ )

  • 원페이지 보다는 상단 카테고리 분리하여 나오네요.

  • 뒷단의 워크플로워도 나와 있는데,,, ( 이건 아직 잘 볼 줄 몰라서,,, )

  • 가장 어마어마한건,,, DB를 넣어 줬다는거~~~ ( 저 사실 이거 구현하다가, 러버블과 바람 났거든요 ㅎㅎ 근데 이게 되네요~~~~ 🚀 )

양복을 입은 남자의 사진이 담긴 웹 사이트의 홈페이지
클라이언트 설문 조사 페이지의 스크린 샷
사용자 정의 보고서 생성 페이지의 스크린 샷
약속 스케줄러 페이지의 스크린 샷

▼ 개인별 맞춤형 대시보드~~~~ ⭐⭐⭐⭐⭐ (별이 다섯개)

  • 일방향으로 정보만 전달하는 페이지가 아니라~

  • 양뱡향으로 대시보드를 통해서 고객 관리까지 할 수 있도록 구조 되었어요.

웹 사이트 홈페이지의 스크린 샷

▼ 워크플로우 짜잔~~~~ ⭐⭐⭐⭐⭐ (별이 다섯개)

  • 개발자가 아니면, 아무리 노코드라고 하더라도

  • 이거 이해 하는게 어렵긴 하죠 ㅠㅠ

  • 하지만 버블이, 버블 해 줬어요 ㅎㅎ ( 상상을 실현 해 줬어요 )

항목 목록을 보여주는 페이지의 스크린 샷

▼ DB 짜잔~~~~ ⭐⭐⭐⭐⭐ (별이 다섯개)

  • 데이터유형도 4개 구성 해 주었고,

  • 각 유형별, 샘플 데이터도 넣어 줬어요.

  • 버블버블 아주 좋아~~~ ( ㅂ도 몰랐지만, 이제 버까지는 아는거 같아요 ㅎ )

제품 설정을 보여주는 화면의 스크린 샷
항목 목록을 보여주는 웹 페이지의 스크린 샷

■ 결과와 배운 점

제가 구현하고 싶은건,

앱 유형: SaaS 기반 상담 자동화 플랫폼
타겟 사용자: 보험 설계사, 웨딩 플래너 등 1:1 상담 전문가
핵심 기능: 개인 브랜딩 페이지(소개, 포트폴리오, 블로그) + 고객 설문 수집 → GPT 기반 맞춤 리포트 자동 생성 → 상담 예약 연동
디자인 스타일: 미니멀한 베이지 & 네이비 컬러, 라이트 모드
앱 이름: ReportFit – 고객을 설득하는 맞춤 리포트 솔루션

저는 이번 기회에 이걸 만들어서, 보급형?! 으로 확장하고 싶어요 ( 꿈이 야무지죠?! )

어려분이라면??? 러버블🖐 버블🖐

저는 이번에 꼭 페이지 만들거니깐요 ㅎㅎ 진짜루요~~~~

10
15개의 답글

👉 이 게시글도 읽어보세요