Một chuỗi trà thủ công cao cấp gặp cùng một vấn đề trên mạng: nhìn qua màn hình, hộp bạch trà sen ướp 3 đêm trông chẳng khác gì trà siêu thị, và 8 cửa hàng trông như 8 số điện thoại rời rạc. Khách không thấy được vì sao một ấm trà pha tay đáng giá hơn một cốc trà công nghiệp, nên họ so tiện lợi và so giá thay vì so cách làm. Website Tử Trà dựng để lật lại điều đó — kể đủ câu chuyện người, vùng đất và cách pha để khách tin vào giá trị trước khi nhìn giá, rồi dẫn họ tới đúng chi nhánh gần nhất để bước vào.
Bố cục kể theo "chương" — dẫn khách từ tò mò đến bước chân vào quán
Trang không dàn thông tin thành một dãy khối rời, mà xếp thành chuỗi chương nối nhau như một cuốn tạp chí: người pha trà, 7 dòng trà, 6 cách pha, hậu trường, 6 vùng đất, phòng trà tư, workshop — mỗi chương một ý, và gần như chương nào cũng khép lại bằng một lời mời cụ thể: tìm chi nhánh, đặt phòng, đăng ký học pha. Với một chuỗi, đây là cách để một website duy nhất phục vụ cả 8 cửa hàng — khách đọc theo mạch đã sắp sẵn thay vì tự mò, và ở cuối mỗi mạch luôn có đường đi tiếp. Trang dẫn dắt tốt giữ khách ở lại lâu hơn, và ở lại lâu hơn thì khả năng họ chọn một chi nhánh để ghé cũng cao hơn.
Màu trà trầm và chữ editorial — tách "thủ công" khỏi "công nghiệp" trong 2 giây
Nền xanh trà thẫm, chữ kem ấm, điểm nhấn nâu đất và ánh đồng — bảng màu này phát tín hiệu "trà thủ công, tĩnh, có chiều sâu" ngay lập tức, thay vì màu tươi chói quen thuộc của trà sữa chuỗi công nghiệp. Kiểu chữ serif editorial dựng chất tạp chí, giữ được nhịp chậm rãi và tinh tế mà nghề trà cần. Khách cảm nhận đây là một nơi làm trà nghiêm túc trước khi đọc dòng chữ đầu tiên — và chính ấn tượng 2 giây đó là thứ biện minh cho mức giá cao hơn một cốc trà thường, từ hộp lá mang về đến phòng trà riêng.
Menu gắn liền vùng đất — biến "trà thật" thành bằng chứng nhìn thấy được
Mỗi dòng trà không chỉ có tên và giá, mà đi kèm vùng đất, nhiệt độ pha, số nước và cách chế biến; 6 vùng nguyên liệu được bày thành lưới với tên hợp tác xã và số năm hợp tác; cả hành trình từ hái lá sương sớm đến đóng gói tay được kể lại từng bước. Tất cả biến lời hứa "trà sạch, có nguồn gốc" thành thứ khách nhìn thấy và kiểm được, thay vì một câu khẩu hiệu suông. Với ngành trà, minh bạch nguồn gốc chính là thứ mở hầu bao: khách tin nguồn thì mới mua hộp lá mang về, đặt làm quà biếu, hay đăng ký giao tận nơi — những đơn giá trị cao hơn nhiều một lượt uống tại chỗ.
Đặt chỗ theo chi nhánh, tải nhanh trên di động — chốt đơn ở đúng nơi khách đang đứng
Trang không dừng ở "gọi cho chúng tôi". Form đặt chỗ cho chọn thẳng chi nhánh và loại nhu cầu — phòng trà tư, workshop, trà chiều, hay đơn lá số lượng — nên mỗi yêu cầu rơi đúng nơi xử lý; lưới 8 chi nhánh kèm nút gọi trực tiếp và bản đồ để khách tìm quán gần mình. Đây là phần bán hàng thật của một chuỗi F&B: người đang cầm điện thoại tìm "quán trà gần đây" chỉ cần chạm một lần là ra đường đi và nút gọi. Bản thật dựng trên chuẩn kỹ thuật HAYWEB — tối ưu cho di động, nơi phần lớn lượt tìm quán diễn ra, tốc độ Lighthouse 90+, SEO địa phương cho từng chi nhánh và bảo mật Mozilla A+ — để trang không chỉ đẹp mà thực sự đưa khách từ ô tìm kiếm đến cửa quán.
Bấm vào ảnh để phóng to xem rõ · 3 lát ghép lại là toàn bộ trang · đây là ảnh, không lộ mã nguồn.