시즌 프로모션이 다음 주인데, 랜딩페이지가 아직 없어요. 디자이너한테 맡기면 일주일, 외주 주면 견적부터 3일. 그렇다고 카페24나 아임웹에서 기본 템플릿으로 올리자니 우리 브랜드 톤이 안 살아요.
요즘은 이런 상황에서 랜딩페이지를 직접 만드는 브랜드들이 늘어나고 있어요. 코딩을 배워서가 아니라, 말로 설명하면 AI가 페이지를 만들어주는 도구가 나왔거든요. 그중에서 가장 빠르게 퍼지고 있는 게 러버블(Lovable)이에요.
🔍 러버블,
브랜드 사이에서 빠르게 퍼지는 이유
바이브 코딩으로 작동하는 러버블
러버블을 알기 전에 먼저 바이브 코딩(Vibe Coding)부터 이해해야 해요.
바이브 코딩은 코드를 직접 작성하는 대신, 자연어로 원하는 걸 설명하면 AI가 코드를 만들어주는 방식을 뜻하는데, 2025년 하반기부터 급속히 퍼지며 2026년 현재 마케터, 기획자, 디자이너까지 쓰는 사람이 늘고 있는 흐름이죠.
러버블은 이 바이브 코딩을 가장 쉽게 쓸 수 있는 플랫폼이에요. 러버블에 ‘프로모션 랜딩페이지를 만들고 싶어요. 상단에 타이머가 있고, 아래에 혜택 3가지와 구매 버튼을 넣어주세요’라고 입력하면, 그에 맞는 웹 페이지를 뚝딱 만들어줘요. 코드를 읽거나 수정할 필요 없이, 프롬프트를 고치면서 결과물을 다듬는 방식이라 개발 지식이 없어도 랜딩페이지를 만들 수 있다는 게 장점이죠.
러버블로 랜딩페이지 만들기, 기존 방식과 뭐가 다를까?
브랜드가 랜딩페이지를 만드는 방법은 보통 세 가지예요. 각각 장단점이 있는데, 러버블은 기존 방식의 빈틈을 파고드는 도구예요.
| 구분 | 외주 제작 | 노코드 빌더 (카페24, 아임웹 등) | 러버블 |
|---|---|---|---|
| 제작 시간 | 2~4주 | 반나절~1일 | 5~15분 |
| 비용 | 50~200만 원 | 월 구독료 | 무료~월 $25 |
| 디자인 자유도 | 높음 | 템플릿 내 제한 | 높음 (프롬프트로 조정) |
| 브랜드 톤 반영 | 커뮤니케이션 비용 | 제한적 | 프롬프트로 직접 반영 |
| 수정 속도 | 수일 | 직접 수정 가능 | 프롬프트 한 줄로 즉시 |
브랜드가 기존에 랜딩페이지를 만들던 방식 중 하나인 외주 의뢰는 퀄리티가 높지만 시간과 비용이 많이 든다는 단점이 있었어요. 이를 보완하기 위해 등장한 아임웹 등의 노코드 빌더는 직접 빠르게 만들 수 있지만 구조 자체가 템플릿 안에서 벗어나기 어려웠고요.
이런 상황에서 등장한 러버블은 프롬프트만으로 자유도 높은 페이지를 빠르게 만들 수 있다는 차이점을 앞세워 빠르게 퍼지고 있어요.
카페24와 아임웹 중 우리 브랜드에 더 잘 맞는 플랫폼이 알고 싶다면 이 글도 참고해 보세요.
⚡ 러버블 핵심 기능 4가지
1. 프롬프트 기반 페이지 생성
원하는 페이지를 문장으로 설명하면 AI가 자동으로 만들어줘요. 레이아웃, 색상, 버튼, 텍스트까지 한 번에 생성되어 빠르게 초안을 먼저 제작한 후 미세한 수정을 잡아 나가기 좋죠.
2. 실시간 미리보기와 수정
코드 변경이 화면에 바로 반영돼요. 프롬프트를 수정하거나 시각 편집기(Visual Edit)로 직접 요소를 클릭해서 바꿀 수도 있어요.
3. 반응형 디자인 자동 적용
데스크톱, 태블릿, 모바일 화면에 자동으로 대응해요. 이커머스 트래픽의 70% 이상이 모바일인 점을 감안하면, 별도 설정 없이 모바일 최적화가 되는 건 꽤 큰 장점이에요.
4. 원클릭 배포
완성된 페이지를 클릭 한 번으로 실제 URL로 배포할 수 있어요. 무료 플랜은 lovable.app 주소, 유료 플랜은 커스텀 도메인을 연결할 수 있어요.
🛠️ 러버블로 프로모션 랜딩페이지 만드는 법
여름 시즌 프로모션 랜딩페이지를 직접 만들어 본다고 가정하며 러버블 사용법을 정리해볼게요.
1️⃣ 가입하기
러버블 공식 사이트(lovable.dev)에 접속해서 우측 상단 Get started 버튼을 누르면 돼요. 구글 계정으로 바로 가입할 수 있고, 별도 설치나 다운로드는 필요 없어요.
가입이 완료되면 인터페이스 모드(Light/Dark)를 선택하는 화면이 나와요. 취향에 맞게 고르면 바로 작업을 시작할 수 있어요.
2️⃣ 프롬프트로 페이지 만들기
가입 후 나오는 입력창에 만들고 싶은 페이지를 설명하면 돼요. 뷰티 브랜드 프로모션 랜딩페이지라면 이런 식이에요.
여름 시즌 프로모션 랜딩페이지를 만들어주세요.
구성 요소를 구체적으로 넣어줄수록 결과물이 좋아져요.
- 상단에 카운트다운 타이머 (프로모션 종료일까지)
- 히어로 섹션에 “여름 한정, 최대 40% 할인” 카피와 CTA 버튼
- 베스트셀러 상품 3개 카드 (상품 이미지, 이름, 원가, 할인가, 구매 버튼 등 추가)
- 고객 후기 섹션 (별점 + 한 줄 리뷰 3개)
- 하단에 브랜드 소개와 교환/반품 안내
디자인 방향도 함께 넣어주면 좋아요.
- 화이트 베이스에 블로 톤으로 포인트 컬러
- 모던하고 깔끔한 느낌, 모바일 반응형
- 모든 텍스트 한국어
프롬프트를 입력하면 5분 이내에 페이지가 생성돼요. AI가 코드를 작성하는 과정이 실시간으로 보이고, 완성되면 오른쪽 미리보기 창에서 바로 결과물을 확인할 수 있어요.
프롬프트가 구체적일수록 결과물의 품질이 올라가요. 특히 색상, 섹션 구성, 텍스트 톤을 명확하게 넣어주면 수정할 부분이 줄어드는 편이에요.
3️⃣ 수정하기
첫 결과물이 100% 마음에 드는 경우는 드물어요. 수정은 두 가지 방법으로 할 수 있어요.
💬 프롬프트로 수정
채팅창에 추가 요청을 입력하면 돼요.
- “CTA 버튼 색상을 코랄 핑크로 바꿔주세요”
- “고객 후기 섹션을 상품 카드 아래로 옮겨주세요”
- “카운트다운 타이머 폰트를 더 크게 해주세요”
이런 식으로 한 줄씩 수정하면 AI가 바로 반영해줘요.
🖱️ 시각 편집(Visual Edit)으로 수정
화면에서 직접 요소를 클릭하고, 색상이나 크기, 여백을 조정할 수 있어요. 텍스트는 더블클릭해서 바로 수정하면 돼요. 파워포인트를 다루는 느낌과 비슷해요.
직접 작업해 보니, 처음 프롬프트로 큰 구조를 잡고, 세부 디테일은 시각 편집으로 다듬는 순서가 효율적인 것 같더라고요!
4️⃣ 배포하기
수정이 끝나면 우측 상단 Publish 버튼을 누르면 돼요. 무료 플랜에서는 프로젝트명.lovable.app 형태의 URL이 자동으로 생성돼요. Pro 플랜 이상에서는 우리 브랜드 도메인을 연결할 수 있어요.
배포된 페이지는 상업적으로 사용해도 문제없어요. 다만 무료 플랜에서는 하단에 “Edit with Lovable” 배지가 표시되는데, 유료 플랜에서 제거할 수 있어요.
📝 실전 프롬프트 더 보기
프로모션 랜딩페이지 외에도 이런 프롬프트를 활용할 수 있어요.
신제품 출시 페이지
스킨케어 신제품 출시 랜딩페이지를 만들어주세요. 상단에 제품 메인 이미지와 “피부 장벽을 살리는 세라마이드 크림” 카피. 제품 특징 3가지를 아이콘과 함께 나열. 성분표 섹션. 사전예약 버튼과 출시 알림 이메일 입력폼. 디자인은 미니멀하고 고급스러운 느낌, 베이지 톤 베이스.
리드 수집 페이지
브랜드를 위한 무료 가이드북 다운로드 페이지를 만들어주세요. “매출 3배 만드는 상세페이지 기획법” 타이틀. 가이드북 목차 미리보기 3가지. 이름과 이메일을 입력하면 다운로드 버튼이 활성화되는 폼. 화이트 베이스에 블루 포인트.
🛍️ 브랜드가 러버블로 만들 수 있는
4가지 페이지
러버블은 범용 웹사이트 빌더이지만, 마케팅에서 특히 쓸모 있는 페이지 유형이 있어요.
🎯 시즌 프로모션 랜딩페이지
설, 여름, 블프, 크리스마스 같은 시즌 프로모션마다 별도 랜딩페이지를 만들 수 있어요. 카운트다운 타이머, 할인 상품 카드, 구매 CTA까지 한 페이지에 담으면 자사몰 메인에서 프로모션 페이지로 바로 랜딩시키기 좋죠.
기존에는 시즌마다 디자이너한테 요청하거나 외주를 줬는데, 러버블로는 기존 프로모션 페이지 프롬프트를 살짝 수정해서 재활용할 수 있거든요. 한 번 만든 프롬프트가 다음 시즌에도 쓰인다는 게 포인트예요.
🆕 신제품 출시 페이지
신제품이 나올 때마다 별도 소개 페이지를 만드는 브랜드가 늘고 있어요. 자사몰 상세페이지와는 다르게, 제품의 스토리와 개발 배경, 핵심 성분이나 기술을 풀어서 보여주는 페이지예요.
이런 페이지는 인스타그램이나 메타 광고에서 바로 랜딩시키는 용도로 쓰기 좋아요. 상세페이지보다 한 단계 앞에서 관심을 끄는 역할로 활용하기 좋죠.
상세페이지 자체를 AI로 만드는 방법이 궁금하다면, 미리클과 제디터를 비교 정리한 이 글도 함께 참고해 보세요.
📋 리드 수집 페이지
무료 가이드북, 할인 쿠폰, 사전예약 같은 리드 수집용 페이지를 만들 수 있어요. 이름과 이메일을 입력하는 폼 정도는 러버블이 기본으로 만들어줘요.
수집한 이메일로 이후 뉴스레터나 프로모션 알림을 보내는 CRM 마케팅의 시작점이 되는 페이지예요. 리드를 모으는 페이지 자체는 러버블로 빠르게 만들고, 이후 이메일 발송이나 세그먼트 관리를 전문적으로 진행할 수도 있죠.
🎉 이벤트 마이크로사이트
한정 기간 이벤트, 콜라보 프로모션, 팝업스토어 안내처럼 기간 한정 페이지를 만들 때 유용해요. 자사몰에 직접 넣기 어렵거나, 별도 URL로 운영해야 하는 이벤트를 빠르게 띄울 수 있어요.
특히 SNS 광고나 카카오 채널에서 클릭했을 때 바로 이벤트 내용이 보이는 원페이지 구조에 적합해요.
초기 이커머스 브랜드가 SNS 마케팅을 어떻게 시작하면 좋을지 궁금하다면, 이 글에서 채널별 우선순위를 정리해두었어요.
💰 러버블 요금제 정리
러버블은 크레딧 기반으로 운영돼요. 프롬프트 한 번 입력할 때마다 작업 난이도에 따라 크레딧이 소모되는 구조예요.
| 요금제 | 월 가격 | 크레딧 | 주요 특징 |
|---|---|---|---|
| Free | $0 | 일일 5개 | 기본 기능 사용 가능, 하단 Lovable 배지 표시 |
| Pro | $25~ | 월 100개~ | 비공개 프로젝트, 커스텀 도메인, 배지 제거 |
| Business | $50~ | 월 100개~ | Pro 기능 + 팀 역할 관리, 데이터 학습 제외 |
| Enterprise | 별도 문의 | 맞춤 | 전담 지원, 커스텀 통합 |
🧮 러버블 크레딧은 어떻게 소모되나요?
- 버튼 색상 변경 같은 단순 수정: 약 0.5 크레딧
- 인증 로직 추가 같은 기능 변경: 약 1.2 크레딧
- 랜딩페이지 신규 생성: 약 2.0 크레딧
무료 플랜(일일 5개)으로도 프로모션 페이지 1~2개를 만들어볼 수 있어요. 우선 무료로 테스트해보고, 쓸만하다 싶으면 Pro 플랜으로 올리는 순서가 현실적이에요.
학생 할인(Pro 50% 할인), 연간 결제 할인(Pro $21/월)도 있으니 참고해 보셔도 좋고요!
🎯 러버블로 만든 페이지, 다음 단계가 궁금하다면
러버블 덕에 랜딩페이지 만드는 속도는 확실히 빨라졌어요. 우선 무료 플랜으로 프로모션 페이지 하나 만들어보세요. 직접 써보면 어디에 더 활용할 수 있을지 감이 잡힐 거예요. 카피 기획이나 전환 설계처럼 경험이 필요한 부분은 원포인트에서 시니어 마케터를 시간 단위로 붙여보는 것도 방법이고요!
상세페이지도 AI로 빠르게 만들고 싶다면, 미리클과 제디터를 비교한 실전 가이드를 참고해 보세요.
페이지는 만들었는데 구매 전환이 안 나온다면, 고객 심리 기반 상세페이지 설계법에서 어디를 고쳐야 하는지 힌트를 얻을 수 있어요.
러버블 외에 마케팅 실무에 쓸 수 있는 AI 도구가 더 궁금하다면, 클로드코드와 코덱스를 마케팅에 나눠 쓰는 법도 함께 읽어보세요.
