자동차 보험 비교견적 광고 플랫폼 구축기- 랜딩페이지 제작1

모바일·PC 자동차 비교 견적 안내 랜딩페이 구현기

소개

왕초보의 랜딩페이지 제작 도전기입니다 💪

모바일 웹과 PC 환경에서 동시에 유입되는 고객 데이터를 확인하고,
비교 견적 요청 시 특정 번호로 자동 안내하는 자동화 흐름을 만들어보았습니다.

전문가의 도움 없이 시작했으며,
이 과정을 통해 API 연동, 사용자 자동 분류, 메시지 자동화 흐름에 대해 자연스럽게 배울 수 있었습니다.

진행 방법

사용 도구

• Lovable : 워크플로우 자동화 플랫폼

• ChatGPT : 구조 설계 및 조건 분기 논리 설계에 도움

자동화 흐름

1. 고객 유입 처리

   • PC 또는 모바일 웹에서 방문 시, 각각의 분기 설정

   • 특정 파라미터 또는 브라우저 정보 기반 분류

2. 견적 요청 유도

   • 렌딩페이지 내 CTA 버튼 클릭 시 조건 분기 시작

3. 메시지 자동 안내

   • 특정 번호(예: 카카오톡, 문자 등)로 자동 안내 메시지 전송

   • "안녕하세요! 견적 비교를 원하시면 여기에 메시지를 남겨주세요 :)" 형식으로 안내

4. ChatGPT 활용

   • 분기 조건 예시 설계:

     사본

     if user_agent in mobile_keywords:
         source = "모바일"
     else:
         source = "PC"
     

   • 메시지 자동화 문구 생성, 사용자 플로우 설계 등에 사용

결과와 배운 점

얻은 인사이트

• 사용자 구분 처리: 유입 환경에 따른 동적 분기 처리가 가능하다는 점

• 메시지 자동화: 조건에 따라 유연하게 응답을 보내는 자동화 가능성

• API 연동의 기본 원리를 실제로 체험

시행착오

• 처음에는 분기 조건이 너무 단순해서 모든 유입이 동일하게 처리됨 😅

• 테스트 단계에서 메시지 중복 전송 문제 발생 → 조건 조정으로 해결

다음 계획

• 트래킹 기법 도입 (GA4, UTM 파라미터 등)

• 사용자 행동 기반 맞춤 응답 구현

• 실제 고객 서비스에 실용화 도전!

도움 받은 글

• ChatGPT 프롬프트 실험 예제들

• Lovable 공식 예제 워크플로우 및 커뮤니티 사례소개