Trusted Union

Trusted Union là công ty tư vấn bảo hiểm độc lập tại Hồng Kông, được Insurance Authority cấp phép môi giới. Họ tư vấn cho doanh nghiệp và khách hàng cá nhân về phúc lợi nhân viên, bảo vệ doanh nghiệp và bảo hiểm cá nhân, và cạnh tranh được với những công ty lớn gấp nhiều lần nhờ một điều: họ thực sự đồng hành, cả lúc tái tục lẫn lúc bồi thường. Align dựng trọn gói: cấu trúc, hệ thống thiết kế, bố cục nội dung và một front-end 52 trang chạy được bằng HTML và CSS thuần, rồi chính đội dev của bọn tao chuyển nó sang WordPress sau khi mọi quyết định đã được chốt ngay trên trình duyệt.

Mọi thứ trên trang đều chịu quản lý. Một nhà môi giới được cấp phép không thể viết nội dung marketing theo kiểu agency thường làm: không ngụ ý bảo đảm quyền lợi, không bịa số lượng đánh giá, không chấm sao, không hứa hợp đồng sẽ chi trả. Phần nhận xét khách hàng đi kèm một bản brief đã duyệt với luật riêng của nó: chỉ dùng đúng lời khách, được rút ngắn nhưng không được viết lại, chỉ một chức danh được duyệt và không thêm, và không logo đối tác. Mười bốn nhận xét phải đặt trên chín trang mà không được chỉnh sửa câu nào.

Dựng bằng code trước, chuyển sang WordPress sau. Site được thiết kế và dựng bằng HTML và CSS thuần trước khi đụng tới bất kỳ CMS nào, rồi mới chuyển. Làm theo thứ tự đó là có chủ đích: bản code mới là nơi thiết kế được chốt, không có gì giấu sau một page builder và không có gì gật đầu trên một bản mockup tĩnh rồi vỡ khi mở bằng trình duyệt. Nhưng viết tay 52 trang là cách một website mục ruỗng, thêm một link ở footer cho ba mươi trang rồi quên hai mươi hai trang còn lại. Bọn tao viết một generator đọc thẳng tài liệu nội dung của khách và sinh ra 45 trang, chừa sáu trang viết tay mà generator vẫn giữ đồng bộ, tất cả dùng chung một stylesheet 2.500 dòng. Ràng buộc nằm dưới mọi quyết định: thứ gì bọn tao thiết kế cũng phải ánh xạ gọn sang template và trường lặp lại của WordPress, nếu không bước chuyển đổi sẽ thành thiết kế lại chính trang đó lần thứ hai.

Hình ảnh mang nhãn hiệu của người khác. Một phần khu vực khách hàng cá nhân trước đó dùng ảnh có thương hiệu: dấu nhà sản xuất, hộp có logo, giấy bảo hành. Với một nhà môi giới bảo hiểm chịu quản lý, điều đó đọc ra thành một sự chứng thực mà không ai đồng ý. Toàn bộ ảnh trong khu vực này được rà lại, thay bằng ảnh không thương hiệu, và alt text viết lại để không còn tên nhà sản xuất nào.

Ảnh tạo bằng AI vẫn cần người soát. Bọn tao chỉ đạo mỹ thuật cho bộ ảnh thay thế thay vì mua stock, cách này nhanh hơn và cho site một diện mạo riêng, nhưng kéo theo lỗi riêng của nó. Gáy sách hiện ra những dòng chữ gần giống ngôn ngữ mà không phải ngôn ngữ. Mặt đồng hồ mang những dòng chữ không hãng nào in. Mỗi lỗi hoặc được retouch, hoặc bị loại và tạo lại, và chỗ nào retouch trông tệ hơn chính cái lỗi thì bọn tao giữ bản gốc và nói rõ. Rồi tới phần cắt ảnh: một tấm ảnh vuông đặt trong dải full-width cao cố định sẽ mất càng nhiều phần chủ thể khi màn hình càng rộng, tới mức cắt mất đầu một chân dung ở 1900px trong khi ở 1280px vẫn hoàn hảo. Cả hai dải được dựng lại với chiều cao theo viewport và điểm nhìn riêng cho từng ảnh.

Màu nhấn của thương hiệu trượt chính bài kiểm tra tương phản của nó. Sắc đồng mang tinh thần thương hiệu chỉ đạt 3,3:1 trên nền sáng, đủ cho một đường kẻ hay một viền, nhưng không đọc nổi khi làm chữ label in hoa 11px. Thay vì bỏ nó hoặc để nó lên site trong tình trạng khó đọc, bọn tao tách đôi: một sắc đồng trang trí cho đường kẻ, bullet và nút, và một sắc đồng đậm hơn an toàn cho chữ, dùng cho mọi thứ người ta phải đọc.

Một website tư vấn 52 trang đọc lên cẩn trọng đúng như thứ lời khuyên nó bán: tuân thủ ngay từ cách dựng, nhất quán trên mọi trang, và được chốt ngay trên trình duyệt trước khi chuyển đổi một dòng nào.