Việc mà năm người mất ba tuần để hoàn thành, bạn có thể làm xong trong một buổi chiều. Không cần lập trình, không cần mở terminal dù chỉ một lần.
Một website công ty tử tế có giá từ 3.000€ đến 12.000€. Không phải vì code, mà vì ba tuần họp hành. Hôm qua tôi đã làm một cái từ ghế sofa, và tôi sẽ kể cho bạn toàn bộ quy trình, từng bước một.
Tôi sẽ kể cho bạn toàn bộ quy trình, từng bước một.
Một lời cảnh báo trước khi bắt đầu, vì có rất nhiều lời thổi phồng xung quanh chuyện này.
Chuyện này không phải là "lừa người khác và moi 5.000€ từ họ."
Mà là: phần việc thực sự của một website (quyết định nó nói gì, cho ai, và trông như thế nào) vẫn là công việc. Thứ đã biến mất là phần chậm chạp: dàn trang, làm đi làm lại, chờ developer, chờ designer, chờ ai đó trả lời email.
Nếu bạn làm tốt phần quan trọng, kết quả sẽ sánh ngang bất kỳ ai. Và nếu nó sánh ngang được, bạn tính phí là đúng.
Câu hỏi ai cũng thắc mắc: làm ở đâu?
Nhiều người nghĩ bạn cần terminal, cái màn hình đen đáng gờm kia. Không.
Ứng dụng desktop của Claude có ba tab ở trên cùng:
→ Chat, trò chuyện thông thường
→ Cowork, làm việc với file của bạn
→ Code, xây dựng dự án thực sự
Tab Code chính là Claude Code, nhưng có giao diện. Bạn viết bằng tiếng Anh đơn giản và nó sẽ tạo thư mục, tạo file, và khởi động mọi thứ.
Tải nó tại claude.com/download và đăng nhập bằng tài khoản của bạn.
Cảnh báo: cần gói trả phí. Với gói miễn phí, bạn sẽ cạn giới hạn trong nửa giờ.
BƯỚC 0: MỘT THƯ MỤC TRỐNG
Trước khi yêu cầu bất cứ điều gì, một mẹo đã giúp tôi tránh được hai website xấu xí.
Tạo một thư mục trống mới trên máy tính của bạn. Chỉ dành riêng cho website này.
Nghe có vẻ ngớ ngẩn, nhưng nó giúp tránh thảm họa điển hình: file vương vãi khắp màn hình nền, Claude động vào những thứ không nên động, còn bạn thì chẳng biết cái gì là gì.
Một thư mục, một dự án. Trong Claude, bạn chọn thư mục đó và nó sẽ không rời khỏi đó.
BƯỚC 1: FILE THƯƠNG HIỆU
Đây là bước gần như không ai làm. Và là bước tạo ra mọi khác biệt.
Viết một tài liệu dài một trang với những quyết định của bạn mà Claude không nên tự bịa ra.
Sáu dòng:
→ Ai ghé thăm: "nhiếp ảnh gia đám cưới, ngân sách 2.000€"
→ Cảm giác khi ghé thăm: "sang trọng, tĩnh lặng, không ồn ào"
→ Hành động duy nhất: "đặt lịch gọi điện"
→ Font: tối đa hai
→ Màu sắc: ba. Màu nền, màu chữ, một màu nhấn
→ Điều cấm: những gì bạn không muốn thấy trong bất kỳ trường hợp nào
Không có file này, Claude sẽ tự điền vào những chỗ trống. Và thứ nó tự điền mặc định kiểu như template giá 200€.
Sao chép mẫu này và điền thông tin của bạn nhé :)
1THƯƠNG HIỆU: [tên]2KHÁCH HÀNG LÝ TƯỞNG: [họ là ai, họ tìm gì, ngân sách của họ]3CẢM GIÁC: [3 tính từ, không mơ hồ]4HÀNH ĐỘNG DUY NHẤT: [điều duy nhất họ phải làm]5FONT: [một cho tiêu đề, một cho nội dung]6MÀU SẮC: [nền / chữ / màu nhấn, kèm mã hex]7ĐIỀU CẤM: gradient, icon emoji, ảnh stock,8mọi thứ căn giữa, "giải pháp sáng tạo"
Lưu nó thành brand.txt trong thư mục dự án.
Và trong Claude, viết thế này:
1Đọc brand.txt trước khi đưa ra bất kỳ quyết định thiết kế nào.2Nếu thiếu gì, hãy hỏi tôi.
Câu cuối cùng đó thay đổi khá nhiều thứ. Nó chuyển từ tự bịa sang hỏi ý kiến bạn.
BƯỚC 2: CHO NÓ MỘT THƯỚC ĐO
Tính từ không có tác dụng. "Thanh lịch" chẳng có nghĩa gì với một mô hình. Hình ảnh mới có tác dụng.
Cách tôi làm:
→ Tôi vào Land-book, Godly, hoặc Minimal Gallery. Cả ba đều miễn phí và đầy những website thật đã được xuất bản
→ Tôi chọn 3. Không phải mười. Chọn mười thì mọi thứ trộn lẫn và ra một mớ hỗn độn
→ Từ mỗi trang, tôi chụp trang chủ và một phần nội dung bên trong. Sáu tấm ảnh chụp
→ Tôi kéo chúng vào thư mục dự án
Tránh dùng Dribbble cho việc này. Ở đó toàn là những concept không tồn tại, và Claude sẽ cố tái tạo những thứ bất khả thi.
Và tôi bảo nó chính xác thế này ↓
1Dùng những ảnh chụp này làm chuẩn chất lượng: nhìn vào2cỡ chữ, khoảng cách giữa các phần, và nhịp điệu3của trang. KHÔNG được sao chép cấu trúc hay văn bản.
Không có câu "không được sao chép" đó, nó sẽ clone reference đầu tiên và bạn có một bản đạo văn với logo khác đắp lên trên. Tôi đã thấy chuyện này xảy ra.
BƯỚC 3: GIAO VIỆC
Một tin nhắn duy nhất. Bốn khối. Đừng ném ý tưởng ba thứ một lúc, đó là cách khiến mọi thứ hỏng bét.
1. Nó là gì: "Website một trang cho [X], với các phần: [danh sách]."
2. Nội dung: Tự bạn viết. Nghiêm túc đấy. Đây là thứ duy nhất Claude không thể tự bịa ra, vì nó không biết công việc kinh doanh hay khách hàng của bạn.
3. Cách xây dựng: "Dùng Astro và Tailwind. Web tĩnh, không CMS." Bạn không cần biết nó là gì. Đây là combo tải nhanh, không vỡ, và không bắt bạn trả bất kỳ khoản phí nào hàng tháng.
4. Giới hạn: "Tôn trọng brand.txt. Tối đa hai font và ba màu."
Bạn gửi và đợi vài phút.
Thứ hiện ra sẽ đạt 70%. Chuyện này bình thường, và quan trọng là bạn phải biết trước, vì đây chính là lúc hầu hết mọi người bực bội và bỏ cuộc.
Không ai xuất bản bản đầu tiên cả. Không phải bạn, không phải tôi, không phải agency tính phí 8.000€. Khác biệt là họ mất hai tuần để cho bạn xem cái 70% đó, còn bạn có nó trên màn hình trong sáu phút.
BƯỚC 4: MÀI GIŨA
Đây là giá trị thực sự, và là nơi quyết định nó trông đáng giá 500€ hay 5.000€.
Sai lầm ai cũng mắc là viết "cải thiện một chút, làm cho chuyên nghiệp hơn." Câu đó chẳng có nghĩa gì và kết quả còn tệ hơn.
Cách sửa là theo từng lớp. Một tin nhắn cho mỗi lớp:
→ Lớp 1, chữ: "Rà soát tất cả cỡ chữ. Giữ một thang tỷ lệ nhất quán. Không đụng vào gì khác."
→ Lớp 2, hơi thở: "Từng phần một: tăng gấp đôi khoảng trắng ở chỗ nào trông chật chội. Không đụng vào gì khác."
→ Lớp 3, chuyển động: "Cho các phần tử xuất hiện mượt mà khi bạn cuộn xuống. 250ms. Không thứ gì nảy lên."
Câu "không đụng vào gì khác" mới là phần quan trọng. Nếu bạn yêu cầu cả ba cùng lúc, nó sửa tốt một thứ và làm hỏng hai thứ kia.
Và nếu có điều gì đó cụ thể bạn không thích mà không biết diễn tả thế nào? Chụp màn hình, kéo vào, và mô tả bằng tiếng Anh đơn giản:
"Khối này trông chật chội so với khối phía trên."
"Nút này không nổi bật so với nền."
"Tiêu đề này chiếm quá nhiều diện tích trên mobile."
Bạn không cần vốn từ của một designer. Bạn chỉ cần chỉ tay. Đúng y như khách hàng làm với agency của họ, chỉ khác là phản hồi đến trong ba mươi giây thay vì bốn ngày.
Ba kiểm tra cuối cùng ↓
Ngay cả agency cũng bỏ qua chúng:
→ Mobile: "Cho tôi xem tất cả các trang ở độ rộng 375px và sửa những gì bị vỡ." Đó là nơi hầu hết khách của bạn đến từ.
→ Năm giây: cho ai đó xem trang chủ trong năm giây rồi che lại. Nếu họ không nói được bạn làm gì, thì headline vô dụng.
→ Nút bấm: nó có hiện ra mà không cần cuộn không? Nó có xuất hiện lại ở cuối trang không? Nếu không, bạn vừa làm một cuốn brochure, không phải website.
BƯỚC 5: XUẤT BẢN
Mười lăm phút và 0€ mỗi tháng.
Cách đơn giản nhất, không cần tài khoản hay server lằng nhằng:
→ Bạn nhờ Claude chuẩn bị thư mục dự án cuối cùng
→ Bạn vào Netlify hoặc Vercel và kéo thư mục đó lên màn hình
→ Họ đưa cho bạn một địa chỉ ngay lập tức
→ Bạn mua một tên miền (từ 8€ đến 12€ mỗi năm) và kết nối từ bảng điều khiển
Xong, nó online. Không phí hàng tháng, không bảo trì, không hóa đơn 120€ mỗi tháng cho "managed hosting."
BẠN TÍNH PHÍ BAO NHIÊU
Bây giờ đến phần không ai nói.
Nếu bạn làm việc này cho người khác, đừng bán "một website." Hãy bán trọn gói:
Một cuộc gọi 45 phút để chốt file thương hiệu, phần nội dung được viết sẵn (không phải thứ văn hoa rỗng tuếch), website đã xuất bản kèm tên miền, hai vòng chỉnh sửa, và một video 10 phút hướng dẫn cách cập nhật.
Đó là một đơn hàng từ 800€ đến 2.500€ tùy khách hàng, hoàn thành trong vài ngày thay vì vài tuần.
Bạn không tính phí theo giờ. Bạn tính phí vì khách hàng đi từ con số không đến việc có một thứ mang lại công việc cho họ.
Ba lỗi tôi thấy lặp lại liên tục:
→ Yêu cầu năm thay đổi trong một tin nhắn. Hỏng bét. Mỗi lần một thay đổi.
→ Để Claude viết nội dung. Ra đúng nhưng rỗng tuếch. Viết nội dung là việc của bạn.
→ Cầu toàn trước khi xuất bản. Website đã xuất bản dù có ba lỗi vẫn đáng giá gấp vạn lần website hoàn hảo còn nằm trong thư mục của bạn.
Vậy, điều gì thực sự thay đổi ở đây?
Cái agency bán là ba tuần quy trình. Quy trình đó vốn chỉ là bốn quyết định làm tốt:
→ cho ai
→ nó nên làm gì
→ nó nên trông thế nào
→ điều gì bị cấm
Phần còn lại chỉ là chờ đợi. Và chờ đợi không còn được tính phí nữa.
Website đầu tiên của bạn sẽ mất năm giờ và trông như 500€. Website thứ ba sẽ mất hai giờ và trông như 3.000€. Website thứ năm bạn làm trong lúc nửa tỉnh nửa mê.
Đó là một đường cong học tập bình thường, không phải phép màu. Hãy bắt đầu với website của chính bạn. Đó là nơi tốt nhất để mắc sai lầm, vì khách hàng là bạn.
Lưu bài này lại và dành vài giờ cho nó.
Tôi đảm bảo bạn sẽ không hối tiếc đâu :)
