자동차 보험 비교견적 광고 플랫폼 구축기- 랜딩페이지 제작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 공식 예제 워크플로우 및 커뮤니티 사례소개

1
1개의 답글

👉 이 게시글도 읽어보세요