Palmetto Classics

Palmetto Classics đi lên từ một xưởng phục chế ở Taylors, South Carolina, dựng trên niềm đam mê xe cổ, tay nghề thủ công và từng chi tiết cơ khí. Qua thời gian, những người sáng lập nhận ra một chiếc xe cổ thực sự xuất sắc được định nghĩa bởi nhiều thứ hơn phần nằm dưới nắp ca-pô: phần nội thất mà người lái chạm vào mỗi lần ngồi sau vô-lăng mới là thứ làm một chiếc xe cổ vừa vượt thời gian vừa như mới hoàn toàn. Palmetto Classics làm nội thất và phụ kiện thủ công cho xe cổ, tập trung vào dòng Ford Bronco thế hệ đầu. Sau khi gây dựng được lượng khách ổn định qua Facebook, người sáng lập tìm tới Align để làm một website thương mại điện tử. Mục tiêu không chỉ là bán hàng online, mà là giảm bớt việc báo giá thủ công, làm gọn luồng trao đổi với khách trong quá trình đặt hàng, và để toàn bộ dải sản phẩm dễ xem và dễ mua hơn.

Dựng một configurator cho bộ nội thất đặt riêng hoàn toàn. Nội thất xe cổ rất đặc thù, với sản phẩm, vật liệu và cấu hình đều phải ăn khớp với nhau. Palmetto Classics cần nhiều hơn một catalog sản phẩm: khách phải tự dựng được trọn bộ nội thất theo kiểu gọi món, chọn từng thành phần theo phong cách, vật liệu và cấu hình. Một bộ nội thất đầy đủ có thể gồm ghế, sàn, tấm ốp cửa, tấm ốp sau, hộp giữa và phụ kiện, và cái khó nằm ở quan hệ giữa chúng. Có lựa chọn chỉ hợp với vài bộ sưu tập, có lựa chọn không thể đi cùng nhau. Thách thức là biến cấu trúc đó thành một trải nghiệm có dẫn dắt, cho khách tự do tuỳ biến mà không thấy ngợp.

Một catalog thay đổi theo lựa chọn của khách. Sản phẩm có nhiều màu da, nhiều vật liệu và nhiều kiểu hoàn thiện, và hình ảnh phải phản ánh đúng từng lựa chọn. Align xây một quy trình tạo ảnh có AI hỗ trợ để làm các biến thể sản phẩm nhanh hơn. Catalog cũng phải tách rõ hàng đặt làm (Made-to-Order) và hàng có sẵn (Ready-to-Ship), vì hai nhóm này có yêu cầu thanh toán và giao hàng khác nhau.

Một luồng thanh toán cho đơn đặt riêng. Palmetto Classics không chạy theo mô hình thanh toán thương mại điện tử thông thường. Hàng đặt làm cần đặt cọc 50%, còn hàng có sẵn thanh toán đủ ngay khi checkout. Phí vận chuyển nhiều khi không tính trước được, vì con số cuối phụ thuộc vào đơn hoàn chỉnh, kích thước kiện, trọng lượng, địa chỉ giao và biểu phí của hãng vận chuyển. Trang checkout phải nói rõ hôm nay khách trả gì, sau này còn phải trả gì, và khi nào mới xử lý phí vận chuyển cùng phần còn lại.

Nối mặt tiền cửa hàng với vận hành bên trong. Website còn phải đỡ phần hậu trường cho Palmetto Classics. Đội ngũ cần xem lại cấu hình hoàn chỉnh của khách, theo dõi tồn kho, xử lý yêu cầu đặt riêng và bám đơn qua các giai đoạn sản xuất và thanh toán. Thách thức là nối trải nghiệm phía khách với những luồng việc nội bộ đó, để Palmetto Classics có một hệ thống đỡ được một mô hình kinh doanh tuỳ biến cao khi nó lớn lên.

Một cửa hàng khách không dùng được thì không chỉ là mất một đơn, mà là một rủi ro pháp lý. Ở Mỹ, một cửa hàng online chịu sự điều chỉnh của Americans with Disabilities Act, mà bộ luật này không nêu tiêu chuẩn kỹ thuật nào cho một website tư nhân, nên thứ đem ra tranh tụng trước toà là Web Content Accessibility Guidelines. Bọn tao dựng theo WCAG 2.2 mức AA. Trên một trang catalogue bình thường thì phần lớn là kỷ luật: mỗi trang một thẻ h1, một link bỏ qua phần đầu, alt cho mọi ảnh, nhãn cho mọi ô nhập, viền focus nhìn thấy được, và chuyển động biết dừng lại với ai đã cài máy mình tắt nó. Interior Kit Builder mới là chỗ khó. Chọn một bộ sưu tập là đổi danh sách da, đổi danh sách da là đổi các tấm ốp, rồi đổi luôn giá, mà mặc định thì trình đọc màn hình không được báo gì cả: trang cứ thế khác đi trong khi khách vẫn đang đứng ở đúng cái nút họ vừa bấm. Mọi thay đổi đó đều được đọc lên, từng bước trong chuỗi đều mang theo vị trí của nó, và cả quá trình dựng có thể làm trọn bằng bàn phím. Rồi phải ghi lại thành văn bản. Cửa hàng công bố một tuyên bố về khả năng tiếp cận, nêu rõ tiêu chuẩn, nêu rõ phần nào phụ thuộc bên thứ ba như thanh toán và vận chuyển, và cho một đầu mối liên hệ, vì một khách vẫn không đặt được hàng thì cần một lối đi khác chứ không cần một lời xin lỗi.

Bọn tao thiết kế website quanh cách một người khách thực sự dựng bộ nội thất của họ. Thay vì coi Interior Kit Builder là một cái form sản phẩm dài, Align biến nó thành một chuỗi có dẫn dắt: xe, rồi bộ sưu tập và phong cách, rồi da, sàn, các thành phần, phụ kiện và bước xem lại. Mỗi bước thu hẹp lựa chọn và làm quyết định kế tiếp dễ hơn. Logic điều kiện chỉ đưa ra lựa chọn phù hợp khi nó thực sự liên quan, ảnh sản phẩm đổi theo lúc khách dựng, và các tổ hợp không tương thích bị chặn tự động. Builder cũng nhận ghi chú dự án, ảnh và yêu cầu đặt riêng cho những trường hợp cấu hình tiêu chuẩn không phủ hết.

Một quy trình mua hàng tuỳ biến cao, vốn phải làm tay từng bước, được chuyển thành một trải nghiệm số có thể mở rộng.

Công việc không dừng lại ở ngày ra mắt. Sau khi website lên sóng, Align tiếp tục tối ưu về hiệu năng, khả năng tiếp cận và SEO, để trải nghiệm mới không chỉ đẹp mà còn vững về kỹ thuật. Phần tiếp cận được rà theo WCAG 2.2 mức AA trên trang catalogue, trang tài khoản, checkout và Interior Kit Builder, và đó là việc thường trực chứ không phải việc đã xong: mỗi bộ sưu tập mới, mỗi bước mới trong trình cấu hình đều phải rà lại.

Website mới của Palmetto Classics cho khách một đường rõ ràng hơn để tìm hiểu, cấu hình và mua bộ nội thất của họ, đồng thời cho đội ngũ một hệ thống có cấu trúc hơn để quản sản phẩm, đơn hàng, thanh toán và sản xuất. Quan trọng hơn, nó được dựng để lớn lên cùng doanh nghiệp, nên sản phẩm mới, bộ sưu tập mới, cấu hình mới và những cách dựng nội thất mới đều thêm được mà không phải làm lại toàn bộ trải nghiệm từ đầu.