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. Rồi website của họ bị hack. Những trang không ai trong công ty viết ra lại nằm ngay trên tên miền của công ty, và đó chính là thứ một khách hàng tiềm năng, một đối tác hay một nhà đầu tư gặp đầu tiên. Một công ty tư vấn có giấy phép bán niềm tin trước khi bán bất cứ thứ gì khác, nên đây không phải một dự án thiết kế lại có thể chờ theo lịch của một dự án thiết kế lại. Align thay toàn bộ: 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, bàn giao mười bảy ngày sau commit đầu tiên, rồi chính đội dev của bọn tao chuyển nó sang WordPress.

Một site đang bị nhiễm, vẫn chạy, và đồng hồ đang đếm. Bản cài cũ không thể dọn rồi giữ lại; còn sót lại bất cứ thứ gì của một theme, một plugin hay một dòng database đã nhiễm là mời chuyện đó quay lại lần nữa. Nó phải bị thay, mà một website tư vấn 52 trang bình thường là ba tới bốn tháng công việc. Bọn tao không chạy từng giai đoạn nối đuôi nhau, và cũng không quăng cả việc cho một con model. Thiết kế, nội dung và dựng chạy chung một lượt, mỗi mảng có một người điều khiển một con AI để nó phác, sinh ảnh và chuyển đổi với tốc độ không lịch studio nào tính tới, và mỗi mảng vẫn là người đó chịu trách nhiệm cho thứ được đưa lên. Mười bảy ngày từ commit đầu tiên tới lúc bàn giao trọn front-end 52 trang để chuyển đổi. Không có gì mang sang từ bản cài cũ: repo mới, markup mới, ảnh mới, nên không còn file nhiễm nào để kế thừa.

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ười bảy ngày từ commit đầu tiên tới một website tư vấn 52 trang bàn giao để chuyển đổi. Mấy trang bị cài cắm đi theo bản cài cũ, và thứ thay vào đó thì tuân thủ ngay từ cách dựng, nhất quán trên mọi trang, sạch trên kết quả tìm kiếm, và được chốt ngay trên trình duyệt trước khi chuyển đổi một dòng nào.