Tôi đã xây dựng một landing page (LP) cho sản phẩm mới mà tôi đang hỗ trợ bằng cách "chỉ dùng Claude Code," và vào tháng thứ ba sau khi ra mắt, doanh số hàng tháng đã vượt 10 triệu yên. Không thuê thiết kế, không chi phí phát triển, không nhờ vả công ty sản xuất LP. Tất cả những gì tôi dùng chỉ là Claude Code và "thời gian tôi bỏ ra để viết prompt."
Dưới đây là chi tiết các con số:
- Giá sản phẩm: 98.000 JPY (Khóa học trực tuyến, trả phí một lần)
- Số lượt chuyển đổi hàng tháng: Khoảng 105
- Doanh số hàng tháng: Khoảng 10,3 triệu JPY
- CVR (tỷ lệ chuyển đổi) qua LP: Khoảng 1,8% trên lượng traffic quảng cáo
- Chi phí sản xuất LP thực tế: Vài nghìn yên mỗi tháng cho phí Claude Code + tên miền/máy chủ
Trong khi người ta vẫn nói "thuê công ty sản xuất LP tốn từ 300.000 đến 1.000.000 JPY," thì chi phí sản xuất của tôi gần như bằng không. Hơn nữa, vì tôi để Claude Code đảm nhận mọi cải tiến sau khi ra mắt (thử nghiệm AB, chỉnh sửa nội dung, thay thế các phần), tốc độ cải tiến không thể so sánh với thời kỳ thuê ngoài. Trong bài viết này, tôi sẽ tiết lộ toàn bộ quy trình cùng với những prompt tôi thực sự đã sử dụng.
Bạn sẽ học được gì trong bài viết này
- Toàn bộ quy trình tạo LP bằng Claude Code (Yêu cầu → Nội dung → Triển khai → Đo lường → Cải tiến)
- Toàn văn các prompt thực sự được dùng trong từng bước
- Những điều tôi lưu ý cho cấu trúc LP để đạt CVR 1,8%
- Cách để Claude Code lo việc thử nghiệm AB và cải tiến sau khi ra mắt
- Những điểm tôi gặp vướng mắc và cách tránh chúng
Vì sao tôi quyết định xây dựng bằng "Chỉ Claude Code"
Trước đây tôi đã thuê ngoài sản xuất LP ba lần, mỗi trang tốn từ 350.000 đến 800.000 JPY. Dù không bất mãn với sản phẩm cuối cùng, nhưng các vấn đề cấu trúc bắt đầu lộ ra ngay khi vận hành:
- Chỉnh sửa chậm và tốn kém: Ngay cả những thay đổi nhỏ như sửa nội dung hay di chuyển một phần cũng tốn thời gian và tiền bạc. Không thể nào nhanh được khi mỗi lần thử nghiệm AB đều phải chờ báo giá.
- Nội dung, thiết kế và triển khai rời rạc: Khi người viết, người thiết kế và người code là những người khác nhau, tính nhất quán sẽ bị mất đi như trò chơi truyền tin.
- Không ai dựa trên dữ liệu để sửa: Các công ty sản xuất giỏi về "làm ra," chưa chắc giỏi "bán được." Họ không phải lúc nào cũng biết cách biến dữ liệu GA4 thành giả thuyết và phương án khắc phục.
Claude Code là một agent lập trình AI chạy trên terminal. Nó không chỉ viết code; nó còn quản lý cấu trúc tệp, xem trước HTML/CSS/JS, đảm nhận viết nội dung (copywriting), và thậm chí triển khai các cải tiến dựa trên dữ liệu GA4 hoặc heatmap. Chính sự tích hợp toàn diện này là yếu tố quyết định.
Sản phẩm và các điều kiện tiên quyết
- Sản phẩm: Khóa học trực tuyến về kỹ năng B2B (98.000 JPY)
- Traffic: Quảng cáo Meta (Instagram/Facebook) + Search Listing. Chi phí quảng cáo hàng tháng khoảng 1,8 triệu JPY
- Quy trình bán hàng: Quảng cáo → LP → Thanh toán (Stripe). Bán hàng trực tiếp đơn giản.
- Trình độ của tôi: Tôi đọc được HTML/CSS nhưng không viết đẹp. Tôi gần như không dùng công cụ thiết kế.
- Công cụ: Claude Code, GitHub, Cloudflare Pages, GA4, Microsoft Clarity.
Điều quan trọng nhất: tôi gần như không viết code. Claude Code đóng vai trò người phiên dịch giữa "đạo diễn" và "người thực hiện."
Quy trình 5 bước
- Thu thập yêu cầu: Để Claude Code "phỏng vấn" bạn về sản phẩm và khách hàng.
- Cấu trúc và nội dung: Tạo bố cục các phần và toàn văn nội dung.
- Thiết kế và triển khai: Code bằng HTML/CSS và tinh chỉnh qua bản xem trước.
- Đo lường và phát hành: Cài đặt GA4/Clarity và đưa vào hoạt động.
- Vòng lặp cải tiến: Đưa dữ liệu trở lại cho AI để thử nghiệm AB.
BƯỚC 1: Thu thập yêu cầu - Prompt "phỏng vấn"
Đừng chỉ nói "làm một cái LP." AI cần thông tin cụ thể để tránh cho ra kết quả chung chung. Tôi dùng một prompt để Claude Code phỏng vấn mình, hỏi những câu cụ thể về đối tượng mục tiêu, nỗi lo lắng và căn cứ định giá. Tôi cung cấp dữ liệu khảo sát khách hàng thô và nhật ký Slack. Kết quả là một tệp requirements.md có cấu trúc rõ ràng.
BƯỚC 2: Cấu trúc và nội dung
Tôi để Claude Code tạo cấu trúc các phần dựa trên bản yêu cầu, tập trung vào việc hóa giải những nỗi lo lắng thay vì chỉ làm theo một template như PASONA. Về nội dung, tôi không viết toàn bộ trong một lần. Tôi yêu cầu 10 phương án cho mỗi phần để chọn ra hướng tốt nhất. Tôi cũng nghiêm cấm AI bịa ra lời chứng thực giả hoặc dùng những tuyên bố phóng đại vi phạm pháp luật.
BƯỚC 3: Thiết kế và triển khai
Tôi dùng Claude Code để triển khai một trang web mobile-first, hiệu suất cao bằng HTML/CSS/JS tĩnh. Bằng cách để nó chỉ dựng phần "First View" (phần nhìn thấy đầu tiên) trước, tôi có thể thống nhất tông thiết kế trước khi mở rộng ra cả trang. Tôi dùng "chỉ đạo bằng lời nói" để điều chỉnh lề, kích thước nút và bố cục trong thời gian thực. Về nguồn cảm hứng thiết kế, tôi đưa cho nó ảnh chụp màn hình những LP tôi thích và yêu cầu nó "chuyển hóa" những điểm hay đó vào dự án của tôi.
BƯỚC 4: Đo lường và phát hành
Tôi để Claude Code tích hợp GA4 và Microsoft Clarity, đặc biệt theo dõi các sự kiện "đọc hết phần" (section read-through) để biết chính xác người đọc rời đi ở đâu. Việc phát hành được xử lý qua Cloudflare Pages và GitHub, tất cả đều do AI hướng dẫn.
BƯỚC 5: Vòng lặp cải tiến
Bắt đầu với CVR 0,9%, tôi đưa dữ liệu CSV từ GA4 và ảnh chụp màn hình Clarity trở lại cho Claude Code. Nó đề xuất ba phương án sửa lớn: sắp xếp lại thứ tự phần giá, biến FAQ thành phần "xử lý phản đối" (objection handling), và thử nghiệm AB cho nội dung hero. Những thay đổi này đã đẩy CVR lên 1,8%, chạm mốc doanh số 10 triệu JPY. Các vòng lặp này diễn ra trong vài giờ, chứ không phải vài tuần.
Tóm lại: 3 nguyên tắc thiết kế prompt
- Vai trò + Tệp ngữ cảnh + Định dạng đầu ra: Giao cho nó một vai trò cụ thể và tham chiếu đến các tệp như
requirements.md. - Đừng dựng mọi thứ cùng một lúc: Đặt các cột mốc để thống nhất (Phỏng vấn → Cấu trúc → Nội dung → Triển khai).
- Cấm đoán và quyền phản biện: Yêu cầu AI tuyệt đối không dùng dữ liệu giả và được phép phản bác nếu một thay đổi có thể làm giảm CVR.
Claude Code đã biến việc sản xuất LP từ "mua thời gian bằng tiền" thành "mua thời gian bằng prompt."
