Indie hackers
Marketing engineers
Growth hackers
개발자 1명, 코딩할 줄 아는 마케터, 성장 중심 엔지니어. 터미널을 벗어나지 않고 B2C, SaaS, e-commerce, 콘텐츠 등 모든 사이트의 전환을 개선하세요.
그냥 쌓이기만 하는 히트맵.
인사이트가 특정인의 머릿속에만
대시보드를 여는 사람만 압니다. 가설과 개선 이력이 코드베이스에 남지 않아요.
"다음에 뭘 시도할지"가 없다
클릭 분포는 보입니다. 다음 실험을 결정하는 건 여전히 당신 몫이에요.
GUI 안에서만 사라지는 필터
대시보드에서 설정한 세그먼트와 필터가 PR 리뷰까지 살아남지 못합니다.
CLI에서 실행하고, 코드로 추적하세요.
heatmap.config.ts
import { defineHypothesis } from 'heatmapx'
export default defineHypothesis({
page: '/pricing',
goal: 'Lift CTA reach rate',
variants: [
{ name: 'control' },
{ name: 'cta-above-fold' },
],
})
- 1. heatmap.config.ts에 가설을 정의합니다
- 2. heatmapx analyze /pricing으로 캡처 + AI 분석을 실행합니다
- 3. Claude가 수정 사항과 HTML 패치를 제안합니다 (자동 PR은 곧 출시)
- 4. 리뷰 → 머지
- 5. 다시 analyze를 실행 — 문제를 찾은 같은 히트맵이 수정 효과도 보여줍니다
작동 원리
설치에서 CRO 인사이트까지 3단계
SDK 통합 없음. 대시보드 구성 없음. 그냥 설치, 대기, 분석.
01
트래커 설치
사이트에 1줄 스크립트 태그를 붙여넣거나 heatmapx init을 실행하세요. 코드 리뷰 없음, SDK 설정 없음.
02
실제 사용자 탐색
HeatMapX가 백그라운드에서 클릭, 스크롤 깊이, 뷰포트 세션을 캡처합니다. 보통 24시간의 트래픽으로 충분합니다.
03
CLI를 통해 AI 수정 사항 확인
터미널에서 heatmapx analyze /pricing를 실행하거나 Claude Code에 문의하세요. 우선순위가 정해진 CRO 인사이트와 병합 가능한 HTML 패치를 받아보세요.
제공 기능
히트맵 트래킹
경량 트래커로 클릭, 스크롤, 마우스 이동을 캡처합니다.
CRO as Code
heatmap.config.ts에 가설을 정의하고, 팀의 지식을 PR 리뷰에 남기세요.
Claude Code CLI
heatmapx analyze /pricing — Claude가 분석하고, 수정 사항을 제안하며, HTML 패치를 생성합니다.
HeatMapX를 선택하는 이유
HeatMapX와 다른 히트맵 도구 비교
히트맵만을 위해서는 어떤 도구도 작동합니다. HeatMapX는 한 발 더 나아갑니다 — AI로 생성된 HTML 패치가 CLI에서 제공됩니다.
| 기능 | HeatMapX | 도구 A | 도구 B |
|---|---|---|---|
| 1줄 트래커 설치 | |||
| CLI 기반 AI 패치 (자동 생성 HTML) | — | — | |
| Claude Code 스킬 / 에이전트 통합 | — | — | |
| 병합 가능한 PR 출력 | — | — | |
| 무료 티어 | ✓ 1 site | ||
| 유료 요금제 시작 가격 | $29 / mo | $80 / mo | — |
| 자체 호스팅 옵션 | Roadmap | — | — |
| 세션 재생 (비디오) | Roadmap | ||
| 분노 / 데드 클릭 감지 | Roadmap |
* 다른 도구의 가격은 2026년 6월 기준, 공개 출처 참조.
HeatMapX를 사용하는 대상
측정하는 빌더를 위해 만들어짐
개인 SaaS 개발자부터 사내 개발팀, Claude Code 고급 사용자까지. HeatMapX는 무언가를 만들고 개선하는 사람들을 위합니다.
프리랜서 개발자
클라이언트에게 구체적인 히트맵 데이터를 보여주고 업무의 ROI를 증명하세요. AI가 생성한 CRO 패치는 수작업 보고서보다 빠르게 배포됩니다.
소규모 개발팀
에이전시
옵스 팀이나 별도의 CRO 컨설턴트가 필요하지 않습니다. 개발 워크플로우에서 히트맵 분석을 실행하고 기능과 함께 개선사항을 배포하세요.
Claude Code users
Claude Code에 사이트 분석을 요청하고 대화에서 바로 히트맵 기반 CRO 제안을 받으세요. 컨텍스트 전환 없음.
로드맵
- 라이브
Dashboard
클릭, 스크롤, 마우스 이동을 시각화합니다
- 라이브
Tracking API
한 줄짜리 경량 트래커
- 라이브
Claude Code CLI
CLI에서 캡처, 분석, 제안을 바로 실행합니다
- 라이브
AI 제안 + HTML 패치 생성
Claude가 분석 결과를 PR 준비 완료된 개선 패치로 변환합니다
- 진행 중
팀 플랜
팀을 위한 멀티 시트 협업
- 진행 중
First-View A/B 테스트 (설정 및 측정)
상단 영역에서 변형을 실행하고 측정합니다
- 진행 중
A/B 테스트 결과 적용
승리 변형을 클릭 한 번으로 프로덕션에 적용합니다
- 진행 중
A/B 자동 최적화 (ML)
트래픽을 승리 변형으로 자동 할당 — 광고 ML과 동일
Pricing
Simple, transparent pricing
Start free, scale as you grow. Save ~20% with yearly billing.
Free
Indie hackers / freelancers
$0/ 월
- 사이트 1개
- 월 5,000 세션
- 월 AI 분석 10회
Pro
20% OFFMarketing engineers / growth hackers
$29/ 월
- 사이트 3개
- 월 50,000 세션
- 월 AI 분석 100회
Team
사내 팀 / 에이전시
$99/ 월
- 사이트 10개
- 월 500,000 세션
- 월 AI 분석 1,000회
Enterprise
대용량 / 커스텀
영업팀 문의
- 무제한 사이트, 세션, 분석
- 전담 지원 & SLA
- 자체 호스팅 옵션
FAQ
- 요금은 얼마인가요?
- Free / Pro $29/월 / Team $99/월 / Enterprise — 4가지 티어, 연간 플랜은 20% 할인. 자세한 내용은 heatmapx.com/ko/pricing을 확인하세요.
- Hotjar / Microsoft Clarity / PostHog와 무엇이 다른가요?
- 그 도구들은 GUI 중심의 히트맵 뷰어입니다. HeatMapX는 CLI + 코드로 git에서 가설을 관리하고, Claude가 실제 개선안을 제안합니다.
- 어떤 사이트를 지원하나요?
- 태그를 삽입할 수 있는 모든 사이트. Next.js / Nuxt / Astro / WordPress에서 검증되었습니다.
- 개인정보는 어떻게 처리되나요?
- 개인 식별 정보는 수집하지 않습니다 — 클릭 좌표와 익명 세션 ID만 수집해요.
- 어떻게 시작하나요?
- 무료로 가입하고, 사이트를 추가한 뒤, 생성된 트래커 태그를 삽입하고, 터미널에서 heatmapx analyze를 실행하세요. 첫 히트맵과 AI 개선 제안을 몇 분 안에 받아볼 수 있습니다.