Conversion-Ready Homepage

홈페이지는
브랜드 소개에서
끝나면 안 됩니다.

브랜드 사이트든, 랜딩페이지든, 쇼핑몰이든 — 문의·예약·구매 같은 전환과 광고 유입·데이터까지. 듀잇은 비즈니스 목표를 기준으로 어떤 홈페이지든 전환형으로 설계합니다.

브랜드 사이트가맹 모집 랜딩이커머스 · 쇼핑몰서비스 · SaaS병원 · 클리닉교육 · 학원부동산 · 분양B2B 리드
yoursite.kr/landing

Brand / Landing

보여주는 데서 끝나지 않고,
행동하게 만드는 한 페이지.

강점 · 가격 · 후기 · 자주 묻는 질문까지, 방문자가 결정에 필요한 정보를 흐름에 맞게 배치하고 전환으로 연결합니다.

월 방문자

32K

전환율

6.4%

이번달 문의

284

평균 응답

1영업일

핵심 강점가격 · 플랜고객 후기사례 · 성과FAQ전환 CTA
문의 · 예약 신청

문의 1영업일 내 회신

이름

홍길동

연락처

010-1234-5678

관심 항목

서비스 · 가격 문의

유입 경로

검색 · 광고
문의 신청 →

제출 시 GTM · inquiry_submit 전환 이벤트가 발생합니다.

홈페이지 하나로 만들어지는 데이터 흐름

Ad

Meta_Lead_0526

광고 유입

Event

inquiry_submit

전환 이벤트

CRM

신규 리드 · 자동 적재

리드 생성

Report

리포트 · 자동 정리

성과 집계

Difference

보기 좋은 홈페이지와
전환되는 홈페이지는 다릅니다.

많은 홈페이지가 브랜드 소개에 집중하지만, 성과를 내는 홈페이지는 방문자의 탐색과 전환(문의·예약·구매)까지 고려해야 합니다. 누가 어떤 광고로 들어와 어떤 페이지를 보고 행동했는지 확인할 수 있어야 마케팅 운영이 가능해집니다.

일반 홈페이지

브랜드 소개에서
끝나는 홈페이지

  • 브랜드 소개 중심
  • 디자인 / 이미지 전달 중심
  • 문의 폼은 단순 수집
  • 광고 데이터와 분리됨
  • 리포트는 수동 정리
  • 캠페인별 확장 어려움

Duit · 전환형 홈페이지

문의·예약·구매 전환과
광고 운영까지 설계

  • 전환(문의·예약·구매) 중심
  • 광고 유입 추적 기본 탑재
  • CRM 연동 가능 구조
  • 매체별 전환 스크립트 설치
  • 데이터레이어 설계
  • 리포트 / 대시보드 연결 준비

Architecture

홈페이지 안에
마케팅 운영 구조를 함께 설계합니다.

듀잇은 화면을 만드는 것에서 끝나지 않습니다. 문의·예약·구매가 일어나고, 담당자가 확인하고, 광고 성과로 집계되는 흐름까지 고려합니다.

광고 유입

매체별 캠페인이
홈페이지로 들어옵니다

MetaUTM
NaverUTM
GoogleUTM
KakaoUTM
yoursite.kr/landingLanding

Conversion Landing

전환형 페이지 섹션

  • 01Hero · 핵심 메시지
  • 02강점 · 차별점
  • 03가격 · 플랜
  • 04후기 · 사례
  • 05FAQ
  • 06문의 · 전환 CTACTA

CRM · 광고 · 리포트

데이터로 흐릅니다

신규 리드+42건
유입 캠페인Meta_0526
전환 이벤트inquiry_submit
리포트 반영주간 자동
성과 보고 자동 정리

홈페이지는 광고와 CRM, 리포트가 연결되는 첫 번째 접점입니다.

Tracking

광고 성과를 확인할 수 있도록
처음부터 추적 구조를 설계합니다.

광고를 운영하려면 홈페이지 안에서 어떤 행동이 전환인지 정의되어야 합니다. 듀잇은 상담 신청, 구매·결제, 예약, 전화 클릭, 자료 다운로드 등 비즈니스에 필요한 전환 이벤트를 기준으로 추적 구조를 설계합니다.

광고를 붙일 수 있는 홈페이지가 아니라, 광고 성과를 읽을 수 있는 홈페이지를 만듭니다.

Conversion Events

전환 이벤트 설계

문의·구매·예약이 만들어지는 순간을 정의합니다.

상담 신청구매 · 결제예약 신청전화 클릭카카오 문의자료 다운로드회원가입장바구니 담기FAQ 클릭

Ad Platforms

광고 매체 연동

매체별 스크립트를 정확한 위치에 심습니다.

Meta PixelGoogle AdsGA4GTMNaver 스크립트Kakao 스크립트TikTok Pixel

DataLayer

데이터레이어 설계

문의 한 건에 따라오는 맥락을 함께 보냅니다.

문의 유형희망 지역유입 캠페인페이지 위치CTA 클릭 정보전환 단계리드 상태
dataLayer.push
inquiry_submit
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: "inquiry_submit",
  inquiry_type: "consulting",
  interest: "pricing",
  lead_source: "Meta",
  campaign_name: "lead_camp_0526",
  cta_position: "hero",
  page_path: "/landing",
});
제출 한 번에 GA4 · Meta · Naver · Kakao 등 매체별 전환 이벤트가 동시 발화되고, CRM은 같은 페이로드를 기준으로 리드를 적재합니다.

Landing Structure

방문자의 의사결정 흐름에 맞춰
페이지를 구성합니다.

방문자는 단순히 보기 좋아서 행동하지 않습니다. 필요·강점·가격·후기를 확인하며 문의·예약·구매를 결정합니다. 아래는 전환형 페이지의 기본 골격으로, 가맹 모집·쇼핑몰·서비스 등 업종에 맞게 섹션을 조정합니다.

yoursite.kr/landing · structure
  • 01

    핵심 메시지 · Hero

  • 02

    문제 · 니즈 공감

  • 03

    솔루션 · 핵심 강점

  • 04

    가격 · 플랜

  • 05

    신뢰 요소 · 후기 · 사례

  • 06

    자주 묻는 질문 (FAQ)

  • 07

    행동 유도 (CTA)

Section · 01

핵심 메시지 · Hero

무엇을 주는 브랜드인지 한 문장으로 각인시킵니다.

Conversion Point

첫인상 · 신뢰 형성

정보를 나열하는 페이지가 아니라, 행동을 결정하도록 돕는 설계입니다.

Deliverables

결과물보다
운영 가능한 구조를 남깁니다.

홈페이지 한 번 만들고 끝나는 작업이 아니라, 캠페인이 늘어나도 직접 운영할 수 있는 구조가 남도록 4개 영역을 함께 정리합니다.

Planning

기획

방문자의 의사결정 흐름에 맞춰 페이지 구조를 잡습니다.

  • 홈페이지 · 사이트 구조 기획
  • 랜딩 · 캠페인 페이지 설계
  • 방문자 전환 흐름 설계
  • CTA · 문의 폼 설계
  • 콘텐츠 섹션 구성

Design & Dev

디자인 / 개발

브랜드 톤앤매너를 유지하면서 운영 가능한 구조로 만듭니다.

  • 반응형 홈페이지 제작
  • 랜딩 · 캠페인 페이지 제작
  • 브랜드 톤앤매너 반영
  • 관리자 친화적 구조
  • 빠른 로딩 · 유지보수 고려
Duit 차별

Data · Ad

데이터 / 광고 연동

광고와 CRM, 리포트로 흐르는 데이터 구조를 함께 설계합니다.

  • GA4 · GTM 설치
  • 광고 매체 스크립트 설치
  • 전환 이벤트 정의 · 설정
  • 데이터레이어 설계
  • CRM 연동 구조 설계
  • 리포트 · 대시보드 연결 준비

Operation

운영 지원

캠페인이 늘어나도 흔들리지 않는 운영 기반을 만듭니다.

  • 페이지 수정 가이드
  • 문의 데이터 관리 구조
  • 광고 운영 전환 기준 정의
  • 캠페인별 랜딩페이지 확장 가능 구조

Process

제작 전에 먼저,
어떤 데이터를 남길지 설계합니다.

일반 홈페이지 제작 프로세스가 디자인·개발에 집중한다면, 듀잇은 데이터와 전환 구조를 먼저 정리하고 그 위에 화면을 만듭니다.

  1. Step 01

    브랜드와 비즈니스 목표 분석

    브랜드 현황, 타깃 고객, 경쟁사, 현재 홈페이지 구조와 달성하려는 목표를 확인합니다.

  2. Step 02

    홈페이지 목적 정의

    브랜드 소개, 문의·상담, 예약, 구매·결제 등 홈페이지가 만들어야 할 전환 목표를 정의합니다.

  3. Step 03

    페이지 구조와 전환 흐름 설계

    방문자의 탐색 흐름에 맞춰 페이지 섹션, CTA, 문의 폼, FAQ 구조를 설계합니다.

  4. Step 04

    디자인 / 개발

    브랜드 톤앤매너를 반영하면서 광고 유입과 전환을 고려한 반응형 홈페이지를 제작합니다.

  5. Duit 차별

    Step 05

    트래킹 · CRM · 광고 매체 연동

    GA4, GTM, 광고 스크립트, 데이터레이어, CRM 연동 구조를 세팅합니다.

  6. Step 06

    운영 및 개선

    광고 운영 결과와 문의 데이터를 기준으로 페이지 구조와 CTA를 개선합니다.

Homepage Packages

필요한 만큼 골라 시작하는
홈페이지 제작 패키지

랜딩페이지 하나만 빠르게 시작할 수도, 데이터까지 연결된 브랜드 홈페이지로 갈 수도 있습니다. 모든 패키지는 전환과 광고 운영을 기준으로 설계됩니다.

베이직

가맹 모집 광고를 시작하려는 본사

1,500,000

1회성 제작비 · VAT 별도

  • 가맹 문의 랜딩페이지 1종
  • 반응형 디자인 (PC · 모바일)
  • 기본 전환 스크립트 (문의 폼)
  • 문의 데이터 수집 구조
추천

프리미엄

브랜드 사이트 + 데이터까지 한 번에

3,500,000

1회성 제작비 · VAT 별도

  • 브랜드 홈페이지 + 가맹 문의 랜딩
  • GTM · 데이터레이어 설계
  • 매체 전환 스크립트 (Meta·Naver·Google·Kakao)
  • 문의 알림 · 관리 구조
  • 기본 SEO · 속도 최적화

맞춤형

CRM 연동 · 다국어 · 대규모 구조

5,000,000~

범위에 따라 견적

  • 프리미엄 전체 포함
  • 본사 CRM 연동
  • 다국어 · 멀티 브랜드 구조
  • 맞춤 데이터 대시보드 설계

표시 가격은 VAT 별도이며, 브랜드 상황과 운영 범위에 따라 조정될 수 있습니다.

Homepage

홈페이지를 새로 만드는 이유가
성과라면, 처음부터 다르게 설계하세요.

브랜드 사이트든 랜딩이든 쇼핑몰이든 — 듀잇은 비즈니스 목표와 광고 운영을 기준으로 홈페이지·전환 추적·CRM 구조를 함께 설계합니다.