Trang chủ B2B phục vụ nhóm đối tượng rộng nhất trên website: khách lần đầu từ tìm kiếm, khách hàng tiềm năng quay lại sau cuộc gọi bán hàng, khách hàng hiện tại tìm nút đăng nhập, ứng viên, nhà phân tích, đối tác. Nó không thể chốt đơn với ai trong số đó, nên nhiệm vụ thực sự là nhanh chóng cho mỗi người biết họ đã đến đúng nơi và nên đi đâu tiếp theo. Bộ sưu tập này xem xét 11 trang chủ đang hoạt động của các công ty phần mềm B2B nổi tiếng và phân tích cách mỗi trang đảm nhận nhiệm vụ đó.
Chúng tôi đã truy cập từng trang chủ vào tháng 10 năm 2026 và chỉ mô tả những gì có trên trang tại thời điểm đó. Trang chủ thay đổi thường xuyên, nhất là nội dung phần hero, vì vậy hãy coi các chi tiết cụ thể là ảnh chụp tại một thời điểm và các mô thức là bài học. Mỗi ví dụ đều có liên kết tới website thật.
Cách chúng tôi đọc từng trang chủ
Với mỗi ví dụ, chúng tôi kiểm tra năm điều, theo đúng thứ tự khách truy cập trải nghiệm:
- Tiêu đề và tiêu đề phụ của hero: có nói rõ sản phẩm là gì và dành cho ai không?
- CTA chính và CTA phụ: chúng yêu cầu điều gì, và có phù hợp với các giai đoạn khác nhau của người mua không?
- Bằng chứng: logo, số lượng khách hàng, trích dẫn có nêu tên, ghi nhận từ các nhà phân tích, và vị trí đặt chúng.
- Định tuyến: cách trang dẫn các vai trò, đội nhóm hoặc quy mô công ty khác nhau đến đúng nội dung.
- Chiều sâu bên dưới màn hình đầu tiên: các phần sản phẩm, giới thiệu ngắn về bảng giá, tài nguyên.
Nếu bạn muốn điều chỉnh các mô hình này theo từng phân khúc thay vì sao chép một phiên bản, hướng dẫn của chúng tôi về cá nhân hóa trang chủ cho B2B chỉ ra nên thay đổi phần tử nào trước.
1. HubSpot: hai CTA cho hai kiểu người mua
Trang chủ HubSpot mở đầu bằng một tuyên bố về nền tảng (“Build demand, win deals, and delight customers, all on one platform”) và tiêu đề phụ về việc gắn kết marketing, bán hàng và dịch vụ quanh dữ liệu khách hàng. Hai nút nằm cạnh nhau: một nút xem demo phần mềm cao cấp và một nút bắt đầu với các công cụ miễn phí. Cặp nút này lặp lại ở phía dưới. Số lượng khách hàng xuất hiện ngay sau phần hero, tiếp đến là một phần cho mỗi product hub. Xuống dưới nữa, một carousel case study có các tab cho doanh nghiệp nhỏ, vừa và lớn, và thanh điều hướng đưa ra lối đi theo quy mô đội.
Cặp CTA khớp chính xác với hai mô hình thu hút khách hàng của HubSpot. Chủ doanh nghiệp nhỏ tự phục vụ, giám đốc marketing ở công ty lớn hơn đặt lịch demo, và không ai phải đi tìm.
Điều chúng tôi sẽ thử nghiệm: phần giới thiệu từng hub khá dài. Chúng tôi sẽ thử một bộ chọn ngắn “bạn thuộc đội nào” phía trên, dẫn thẳng đến hub liên quan.
2. Stripe: Cho thấy sản phẩm đang hoạt động
Trang chủ Stripe mở đầu bằng “Financial infrastructure to grow your revenue” và một tiêu đề phụ trải dài từ giao dịch đầu tiên của startup đến giao dịch thứ một tỷ của công ty lớn. Bộ đếm “Global GDP running on Stripe” nằm trong phần hero, và trang dùng đồ họa sản phẩm, bao gồm một màn hình checkout mô phỏng, thay vì hình minh họa trừu tượng. Các CTA là “Get started” và “Sign up with Google”; “Contact sales” nằm ở header và trong một phần gần cuối trang.
Điểm mạnh ở đây là cho thấy thay vì kể: thay vì mô tả thanh toán, trang cho thấy một trang checkout Stripe trông như thế nào. Lập trình viên hoặc product manager có thể hình dung nó trong sản phẩm của chính họ mà không cần đọc danh sách tính năng.
Điều chúng tôi sẽ thử nghiệm: phần hero có hai nút tự phục vụ và không có lối đến đội bán hàng. Chúng tôi sẽ thử thay nút đăng ký bằng Google bằng đường link “Trao đổi với bộ phận bán hàng” cho khách truy cập được nhận diện là công ty lớn.
3. Slack: công cụ tìm gói đặt cạnh nút Get Started
Tiêu đề trang chủ Slack là “All your people and AI agents working together”, theo sau là tiêu đề phụ hai dòng: “Slack connects your team. Slackbot multiplies what they can do.” Các CTA là “Get started” và “Find your plan”. Bên dưới là các ví dụ sản phẩm theo tab (hỏi Slackbot, lên kế hoạch ra mắt, chạy dự án, trò chuyện với khách hàng, tự động hóa tác vụ), một luồng “What's new”, và các phần được nhóm theo kiến thức, con người, quy trình và nền tảng.
“Tìm gói của bạn” là một CTA phụ khéo léo cho một sản phẩm nổi tiếng đến thế. Một khách truy cập vốn đã dùng Slack ở công ty có thể chỉ đang chọn gói để mua, và CTA này đưa họ thẳng đến đó thay vì bắt họ nghe một lời chào hàng họ không cần.
Điều chúng tôi sẽ test: khối “What's new” nằm ở vị trí cao trên trang. Nó phục vụ tốt người dùng hiện tại, nhưng với khách truy cập là khách hàng mới tiềm năng, chúng tôi sẽ test thay nó bằng một câu chuyện khách hàng thuộc ngành của họ.
4. Notion: Trường hợp sử dụng dưới dạng liên kết, bằng chứng từ các lãnh đạo có tên
Trang chủ Notion mở đầu bằng “Where teams and agents think together” (động từ được định dạng riêng và có thể luân phiên) cùng hai CTA: “Get Notion free” và “Request a demo.” Tiếp theo là ba khối ngắn: lưu giữ kiến thức, tìm câu trả lời và tự động hóa việc lặt vặt. Sau đó là danh sách các trường hợp sử dụng cụ thể dưới dạng link (“Triage product feedback,” “Resolve support tickets in Slack,” “Automate weekly reporting”). Phần bằng chứng dùng trích dẫn của các lãnh đạo có nêu tên tại những công ty như Cursor, Faire và Ramp, kèm chức danh, cộng một hàng các tuyên bố về mức độ sử dụng như xếp hạng G2 và việc được dùng tại các công ty Fortune 100.
Điều chúng tôi thích: các liên kết trường hợp sử dụng được viết như công việc, không phải tính năng. Một trưởng nhóm hỗ trợ nhấp vào “Resolve support tickets in Slack” vì nó mô tả đúng tuần làm việc của họ.
Điều chúng tôi sẽ thử nghiệm: các liên kết trường hợp sử dụng đang chung chung cho mọi khách truy cập. Đây là vị trí tự nhiên để cá nhân hóa theo ngành hoặc phòng ban khi bạn biết ai đang truy cập.
5. Linear: Sản phẩm là nhân vật chính
Tiêu đề trang chủ Linear là “The product development system for teams and agents,” với tiêu đề phụ “Purpose-built for planning and building products. Designed for the AI era.” Hình ảnh hero là bản mô phỏng sản phẩm: một issue được tạo từ Slack, được AI gắn nhãn, được một agent nhận xử lý và chuyển sang In Progress, với một pull request nháp đang chờ review. Trang sau đó đi qua quy trình theo từng giai đoạn: tiếp nhận và tích hợp, lập kế hoạch và giám sát, AI và tự động hóa, xây dựng và review, tiếp theo là bản xem trước changelog, trích dẫn khách hàng và phần đăng ký kết thúc.
Với đối tượng kỹ thuật, một góc nhìn sản phẩm thực tế có sức thuyết phục hơn mọi lời tuyên bố. Phần hướng dẫn được sắp xếp theo đúng quy trình của chính người mua, từ tiếp nhận đến giao hàng.
Điều chúng tôi sẽ thử nghiệm: có rất ít nội dung cho người phê duyệt không chuyên về kỹ thuật như COO hay trưởng bộ phận tài chính. Một phần ngắn về bảo mật, quản trị và mô hình định giá sẽ giúp ích cho người thứ hai trong nhóm mua hàng.
6. Gong: luân phiên các từ nói về kết quả, sau đó là kết quả của một khách hàng có tên cụ thể
Phần hero trên trang chủ Gong kết hợp một tuyên bố về danh mục (“#1 AI OS for Revenue Teams”) với một dòng chữ xoay vòng: “Revenue AI built to” theo sau là các kết quả như chốt deal nhanh hơn, dự đoán rủi ro pipeline, tự động hóa bàn giao và dự đoán rời bỏ. Các CTA là “Book a demo” và “See Gong in action.” Ngay bên dưới là số lượng khách hàng, tiếp đó là một câu chuyện khách hàng có tên cụ thể với số liệu năng suất và trích dẫn từ trưởng bộ phận enablement của khách hàng đó. Các phần bên dưới giới thiệu nền tảng, một bức tường trích dẫn từ khách hàng có tên, xếp hạng trên trang đánh giá và sự công nhận từ giới phân tích.
Các kết quả xoay vòng giúp một phần hero nói chuyện với lãnh đạo sales, RevOps và customer success mà không cần ba trang riêng. Kết quả của một khách hàng có tên xuất hiện chỉ sau một lần cuộn, nên nhận định đã có bằng chứng trước khi khách truy cập kịp thắc mắc.
Điều chúng tôi sẽ thử nghiệm: chữ xoay vòng có thể bị bỏ lỡ hoặc bị đọc giữa chừng khi đang đổi. Thay vào đó, chúng tôi sẽ thử một tiêu đề tĩnh cho mỗi phân khúc, chọn theo vai trò hoặc loại công ty của khách truy cập.
7. Atlassian: Một sản phẩm ở phần hero, các bộ sưu tập bên dưới
Hero của trang chủ Atlassian là một carousel xoay vòng khi chúng tôi truy cập. Slide sản phẩm ghi "Unleash your teams and their agents" và tập trung vào một sản phẩm, với "Get started with Jira" và "Contact us"; các slide khác quảng bá sự kiện Team Europe với nút "Watch now". Bên dưới, trang giới thiệu các bộ ứng dụng nhóm theo công việc: làm việc nhóm, chiến lược, dịch vụ, phần mềm và sản phẩm. Thanh điều hướng cung cấp lối vào theo trường hợp sử dụng, đội nhóm, quy mô công ty và ngành.
Một công ty có nhiều sản phẩm nên chọn một điểm vào cho phần hero thay vì liệt kê tất cả, và Atlassian làm điều đó trên slide sản phẩm của mình. Phần bộ sưu tập sau đó giữ chân những khách truy cập đến vì mục đích khác.
Điều chúng tôi sẽ test: khách từ các đội dịch vụ IT có thể không muốn thấy Jira ở phần hero, và khách lần đầu có thể rơi vào một slide sự kiện chẳng nói gì về sản phẩm. Chúng tôi sẽ test một hero sản phẩm cố định, với sản phẩm được chọn theo nguồn giới thiệu hoặc ngành và Jira là mặc định.
8. Intercom: đăng ký ngay ở phần hero, bảng giá trên trang chủ
Trang chủ Intercom mở đầu bằng “A complete system for AI and human customer service”, một dòng về số lượng đánh giá năm sao, và trường nhập email kèm nút bắt đầu ngay trong phần hero. Trang sau đó giải thích hai sản phẩm, helpdesk và AI agent Fin, có phần “Works with the tools you already use”, và một phần “Transparent pricing” ngay trên trang chủ.
Đặt một phần bảng giá trên trang chủ trả lời câu hỏi mà nhiều khách B2B mang theo khi đến, đồng thời cho thấy nhà cung cấp tự tin khi bị so sánh. Mỗi phần sản phẩm còn có link “Xem demo”, để khách truy cập xem được sản phẩm trước khi để lại email.
Điều chúng tôi sẽ kiểm thử: trường email trong hero phù hợp với đội nhỏ. Với khách truy cập doanh nghiệp lớn, chúng tôi sẽ thử thay bằng CTA demo.
9. monday.com: tab phòng ban ngay màn hình đầu tiên
Tiêu đề trang chủ monday.com là “People and agents working as one team”, với tiêu đề phụ “The AI workspace where people and agents drive business results together.” Ngay bên dưới là một hàng các phòng ban (marketing, vận hành, sản phẩm, sales, PMO) và nút “Get Started”. Tiếp theo là một dòng về mức độ sử dụng trong các công ty Fortune 500. Sau đó trang hiển thị các trường hợp sử dụng agent với cùng các tab phòng ban, nên nội dung thay đổi khi khách truy cập chọn đội của mình.
Hàng phòng ban yêu cầu khách truy cập tự xác định ngay trong phần hero, và các phần tiếp theo phản hồi theo lựa chọn đó. Đây là phiên bản thủ công của những gì phân khúc khách truy cập làm tự động.
Điều chúng tôi sẽ thử nghiệm: chọn sẵn tab phòng ban dựa trên dữ liệu khách truy cập đã biết, để đội marketing vào thẳng các ví dụ marketing mà không cần nhấp.
10. Snowflake: banner sự kiện và cả hai lối đi trong menu
Trang chủ Snowflake có banner về một sự kiện trực tuyến miễn phí sắp diễn ra ở trên cùng. Thanh điều hướng có cả “Contact sales” và nút bắt đầu tự phục vụ, với bộ chọn ngôn ngữ bên cạnh. Phần hero quảng bá các sản phẩm AI mới, sau đó là phần nền tảng với các liên kết “Why Snowflake” và “View pricing”, tiếp theo là câu chuyện khách hàng và hệ sinh thái đối tác.
Giữ cả hai lối đi bán hàng có sales và tự phục vụ trong thanh điều hướng cố định nghĩa là chúng luôn có sẵn ở mọi vị trí cuộn, không chỉ trong hero.
Điều chúng tôi sẽ thử nghiệm: phần hero quảng bá các đợt ra mắt sản phẩm, phục vụ khách hàng hiện tại và giới phân tích. Khách truy cập mới có thể cần một câu đơn giản hơn về Snowflake là gì. Chúng tôi sẽ thử chia theo khách mới và khách quay lại.
11. Zendesk: trường email kèm nội dung đồng ý ngay ở phần hero
Tiêu đề trang chủ Zendesk là “AI-powered customer service platform”, với tiêu đề phụ xoay quanh một nhận định về tự động hóa của các AI agent. Một trường email công việc và nút bắt đầu nằm ở phần hero, với một dòng đồng ý nhận thông tin marketing và liên kết tới thông báo quyền riêng tư ngay bên dưới. Tiếp theo là một hàng số liệu sử dụng, rồi các phần về AI agent độc lập, một báo cáo của đơn vị phân tích, “Built for businesses of all sizes” với câu chuyện khách hàng, tích hợp, tài nguyên và phần bảng giá.
Dòng đồng ý nhận tin cạnh trường email nói thẳng địa chỉ sẽ được dùng thế nào, điều quan trọng với người mua ở những thị trường có quy định chặt về sự đồng ý như EU. Phần bảng giá gần cuối trang đón những khách truy cập đã cuộn hết trang để tìm chi phí.
Điều chúng tôi sẽ test: nhận định ở phần hero là một con số tự động hóa lớn “lên đến”. Lãnh đạo bộ phận hỗ trợ hiểu rõ cơ cấu yêu cầu hỗ trợ của họ, nên chúng tôi sẽ test việc thêm một chú thích ngắn về loại tương tác mà con số đó đề cập, và theo dõi xem lượt nhấp demo và đăng ký từ các đội lớn hơn có thay đổi không.
Những điểm chung giữa các ví dụ website B2B này
- Hai CTA cho hai cách mua hàng. HubSpot, Notion và Atlassian ghép một hành động tự phục vụ với một hành động liên hệ sales, còn Gong ghép demo với tour sản phẩm. Cặp CTA này là phiên bản phân tuyến trên trang chủ.
- Tự nhận diện ngay gần đầu trang: các tab theo phòng ban của monday.com, link trường hợp sử dụng của Notion và các bộ sưu tập của Atlassian đều hỏi khách truy cập “bạn là ai” từ sớm.
- Bằng chứng trong một lần cuộn. Số lượng khách hàng, kết quả cụ thể và logo xuất hiện ngay sau phần hero trong hầu hết các ví dụ.
- Stripe và Linear cho thấy sản phẩm thay vì mô tả nó, với giao diện sản phẩm thực tế ở gần đầu trang.
- Giá không bị ẩn. Intercom và Zendesk có phần bảng giá trên trang chủ; Slack và Snowflake liên kết đến bảng giá từ phần hero hoặc thanh điều hướng.
- Một trang cho tất cả. Ngoài các tab thủ công, không trang chủ nào ở đây thay đổi rõ rệt theo công ty truy cập. Hero, bằng chứng và CTA giống hệt nhau cho startup lẫn doanh nghiệp lớn.
Điểm cuối cùng đó chính là cơ hội. Những thành phần mà các công ty này bắt khách truy cập tự chọn (phòng ban, sản phẩm, quy mô công ty) chính là những thứ bạn có thể chọn sẵn khi biết ai đang truy cập. Bài viết về landing page và trang chủ của chúng tôi giải thích loại traffic nào nên đến trang chủ, và thiết kế website B2B cho hội đồng mua hàng trình bày cấu trúc trang đằng sau những lựa chọn này.
Checklist trang chủ cho website B2B
- Tiêu đề nêu tên hạng mục sản phẩm hoặc công việc cần giải quyết, không chỉ là một khẩu hiệu.
- Tiêu đề phụ nói rõ sản phẩm dành cho ai.
- CTA chính và phụ tương ứng với hai lộ trình mua chính của bạn (tự phục vụ và qua sales, hoặc demo và tài liệu).
- Bằng chứng xuất hiện trong vòng một lần cuộn và khớp với đối tượng (logo từ các công ty tương tự, một kết quả có nêu tên).
- Có cách hiển thị rõ ràng để khách tự xác định theo vai trò, nhóm, ngành hoặc quy mô công ty.
- Sản phẩm được thể hiện ở trạng thái thực tế, không chỉ bằng hình minh họa trừu tượng.
- Bảng giá được liên kết từ phần hero hoặc thanh điều hướng.
- Nội dung bảo mật, tích hợp và quản trị chỉ cách một cú nhấp với người thứ hai trong hội đồng mua hàng.
- Khách hàng quay lại tìm được đăng nhập và hỗ trợ mà không cần cuộn.
- Mỗi phần trên trang phải có lý do tồn tại đối với người truy cập lần đầu, nếu không thì chuyển xuống thấp hơn.
Với các loại trang khác, hãy xem các bộ sưu tập đi kèm gồm ví dụ trang bảng giá SaaS và ví dụ trang yêu cầu demo, cùng ví dụ landing page B2B được phân loại theo kiểu trang. Nếu bạn muốn xem một trang chủ thay đổi theo từng công ty truy cập, trang trường hợp sử dụng của chúng tôi cho thấy cách Markettailor thực hiện điều đó.
Câu hỏi thường gặp
Trang chủ B2B nên có những gì?
Một tiêu đề nêu tên nhóm giải pháp hoặc công việc, một tiêu đề phụ cho biết dành cho ai, hai CTA khớp với các lộ trình mua hàng, bằng chứng trong phạm vi một lần cuộn, cách để khách truy cập tự xác định theo vai trò hoặc loại hình công ty, hình ảnh sản phẩm thực tế, và liên kết đến bảng giá, bảo mật và tích hợp. Các ví dụ ở trên cho thấy từng yếu tố trong thực tế.
Trang chủ B2B khác trang chủ B2C như thế nào?
Trang chủ B2B nói chuyện với nhiều người trong một hội đồng mua hàng và với người mua ở các giai đoạn khác nhau, nên nó điều hướng nhiều hơn là bán hàng. Nó thường đưa ra lộ trình làm việc với sales bên cạnh lộ trình tự phục vụ, có bằng chứng hướng đến công ty thay vì cá nhân, và liên kết đến nội dung mà người phê duyệt về kỹ thuật và tài chính cần.
Trang chủ B2B nên có một hay hai CTA?
Trong hầu hết trường hợp là hai. Một cho khách truy cập sẵn sàng tự hành động (đăng ký, bắt đầu, xem giá) và một cho khách truy cập cần trao đổi (đặt lịch demo, liên hệ sales). HubSpot, Notion và Atlassian đều dùng một cặp tự phục vụ cộng với sales. Một CTA duy nhất chỉ hiệu quả khi bạn có một mô hình mua hàng.
Đâu là những ví dụ website B2B tốt?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake và Zendesk là những ví dụ hữu ích vì mỗi công ty giải quyết tốt một vấn đề cụ thể: hai con đường mua hàng, cho thấy sản phẩm, tự nhận diện, bố trí bằng chứng hoặc minh bạch giá. Hãy nghiên cứu quyết định đằng sau mỗi trang thay vì sao chép giao diện.
Bạn nên thay đổi trang chủ bao lâu một lần?
Thay đổi hero và bằng chứng khi định vị hoặc đối tượng chính của bạn thay đổi, và liên tục thử nghiệm các thay đổi nhỏ hơn. Thiết kế lại lớn mà không có giả thuyết khiến khó biết điều gì hiệu quả. Đo lường trang chủ bằng lượt nhấp vào các lộ trình quan trọng (bảng giá, demo, trang sản phẩm), không chỉ bằng lượt điền biểu mẫu.