Thiết kế web cho khách hàng công nghiệp: Những sai lầm mà các nhà thiết kế web thường mắc phải khi thiết kế website cho ngành công nghiệp nặng

Hầu hết các nhà thiết kế web đều được đào tạo theo cùng một khuôn mẫu: bảng điều khiển SaaS, cửa hàng thương mại điện tử và thương hiệu phong cách sống. Vì vậy, khi một xưởng đúc, nhà cung cấp vật liệu chịu lửa hoặc nhà sản xuất nồi hơi xuất hiện trong quy trình bán hàng, bản năng thường là áp dụng cùng một kịch bản: video nổi bật, kiểu chữ cỡ lớn, hiệu ứng cuộn parallax. Bản năng đó hầu như luôn sai lầm.

Khách hàng công nghiệp không hành xử như người tiêu dùng. Họ đến với một mã số sản phẩm, một thời hạn cụ thể và khả năng chịu đựng sự chậm trễ chỉ tính bằng giây. Nếu thiết kế của bạn bỏ qua điều đó, bạn sẽ tạo ra một trang web đẹp mắt nhưng lại không đáp ứng được nhu cầu của chính những người mà nó hướng đến.

Dưới đây là cách tư duy về công việc thiết kế và phát triển cho khách hàng trong ngành công nghiệp nặng mà không đánh mất kỹ năng chuyên môn của bạn.

Hãy biết người thực sự ở đầu dây bên kia màn hình là ai.

Chân dung người dùng của một khu công nghiệp không phải là một người mua sắm thông thường. Đó có thể là một quản lý thu mua, một kỹ sư nhà máy, hoặc một trưởng nhóm bảo trì đang gặp phải một vấn đề cụ thể. Họ thường sử dụng máy tính để bàn trong một môi trường ồn ào, đôi khi dùng điện thoại trên xe tải, và hầu như luôn luôn chịu áp lực về thời gian.

Điều đó thay đổi quan niệm về "trải nghiệm người dùng tốt". Người dùng B2B đánh giá sự bất tiện cao hơn người tiêu dùng vì thời gian của họ được tính phí và các quyết định của họ được kiểm toán. Bài học rút ra cho các trang web công nghiệp rất đơn giản: sự rõ ràng quan trọng hơn sự thích thú, và sự cụ thể quan trọng hơn sự thuyết phục.

Hãy diễn đạt điều đó thành bản tóm tắt. Hỏi khách hàng ba câu hỏi mà người mua thường đặt ra trước khi nhấc máy. Sau đó, đảm bảo rằng những câu trả lời đó được đặt ở vị trí nổi bật trên những trang quan trọng.

Kiến trúc thông tin chính là công việc thiết kế thực sự.

Hãy xem xét một trang web của nhà cung cấp được xây dựng tốt – ví dụ, một nhà môi giới vật liệu. Công ty TNHH Dịch vụ Gốm sứ Đa dạng Bạn sẽ nhận thấy hệ thống điều hướng được tổ chức xoay quanh hai trục: nguồn nguyên liệu họ sử dụng và các ngành công nghiệp họ phục vụ. Đó không phải là lựa chọn về mặt hình thức. Nó phản ánh cách người mua tìm kiếm thông tin.

Một nhà sản xuất gốm sứ đang tìm kiếm cao lanh không quan tâm đến câu chuyện thương hiệu của bạn. Họ chỉ muốn xác nhận bạn có bán cao lanh, ở dạng nào và có phục vụ khu vực của họ hay không. Kiến trúc phản ánh mô hình tư duy đó sẽ hiệu quả hơn bất kỳ sự tô điểm thị giác nào bạn thêm vào.

Trước khi mở Figma, hãy phác thảo sơ đồ phân loại. Vẽ hai cột trên bảng trắng. Một cột dành cho sản phẩm công ty bán, một cột dành cho khách hàng. Mỗi trang trong bản thiết kế phải có thể truy cập được chỉ với hai cú nhấp chuột từ cả hai phía.

Hiệu năng và khả năng truy cập là những yếu tố bắt buộc đối với người mua trong ngành công nghiệp.

Mạng lưới nhà máy không nhanh. Kết nối tại hiện trường không đáng tin cậy. Nếu phần giới thiệu sản phẩm của bạn tự động phát video 4MB, bạn đã mất người mua ở vùng nông thôn Tennessee do kết nối Wi-Fi yếu.

Của riêng Google Các trang web cốt lõi Các hướng dẫn thúc đẩy việc triển khai LCP nhanh chóng và bố cục ổn định, và các chỉ số này ngày càng quan trọng hơn tại các khu công nghiệp. Điều tương tự cũng áp dụng cho khả năng tiếp cận: người mua lớn tuổi, môi trường thiếu sáng và việc đeo găng tay khi sử dụng màn hình cảm ứng là những điều kiện thực tế.

  • Giảm trọng lượng vật liệu. Hình ảnh tĩnh, được tối ưu hóa sẽ hiệu quả hơn video nền trên trang đấu thầu. Hãy dành video động cho các nghiên cứu trường hợp.
  • Tôn trọng chuyển động giảmHãy tôn trọng yêu cầu về phương tiện truyền thông "prefers-reduced-motion". Các kỹ sư nhà máy làm việc ca dài sẽ cảm ơn bạn.
  • Đạt tối thiểu WCAG AAĐộ tương phản mạnh, trạng thái lấy nét thực sự và điều hướng bằng bàn phím không phải là chiêu trò về khả năng tiếp cận. Đó là những điều cơ bản.
  • Kiểm tra trên kết nối bị giới hạn tốc độNếu trang web không thể sử dụng được trên mạng 3G chậm trong Chrome DevTools, thì nó cũng không thể sử dụng được ở một nửa đất nước.

Nhiếp ảnh và ngôn ngữ hình ảnh dành cho khán giả nghiêm túc

Phong cách công nghiệp không có nghĩa là xấu xí, và nghiêm túc không có nghĩa là nhàm chán. Nhưng hình ảnh trực quan cần thể hiện sự chuyên nghiệp, chứ không phải là chạy theo xu hướng. Những kiểu chữ đậm chất đường phố phù hợp với một thương hiệu thời trang đường phố sẽ bị coi là thiếu nghiêm túc đối với một người quản lý nhà máy đang lên kế hoạch sản xuất gạch chịu lửa.

Hãy ưu tiên sử dụng phông chữ sans-serif nhân văn hoặc serif chuyển tiếp với các chữ số mạnh mẽ. Thông số kỹ thuật, mã số linh kiện và đơn vị đo lường xuất hiện ở khắp mọi nơi trên các trang web này, vì vậy việc sử dụng bảng biểu và kết hợp một kiểu chữ đơn cách rõ ràng cho các bảng dữ liệu là rất đáng giá.

Màu sắc nên có chức năng chính, chứ không phải để trang trí. Chỉ nên sử dụng màu sắc nổi bật cho các lời kêu gọi hành động (CTA) và các thông báo liên quan đến an toàn. Mọi thứ khác có thể sử dụng bảng màu tiết chế, không cạnh tranh với hình ảnh sản phẩm.

Các mô hình nội dung mang lại hiệu quả chuyển đổi trong ngành công nghiệp nặng

Việc tạo ra khách hàng tiềm năng cho các nhà cung cấp công nghiệp hiếm khi diễn ra thông qua một biểu mẫu hào nhoáng ở cuối trang đích. Nó xảy ra khi người mua tin tưởng rằng bạn hiểu quy trình của họ.

  • Trang vật liệu và sản phẩmBao gồm các dạng, cấp độ, ứng dụng điển hình và các ngành công nghiệp sử dụng chúng. Một trang về vật liệu chịu lửa đúc sẵn nên được trình bày như một bảng thông số kỹ thuật, chứ không phải một cuốn brochure.
  • Trang ngànhHãy phản ánh thế giới của khách hàng. Trang dành cho các xưởng đúc nên sử dụng ngôn ngữ chuyên ngành, chứ không phải ngôn ngữ tiếp thị chung chung.
  • Sự rõ ràng về phạm vi dịch vụNếu khách hàng giao hàng đến mười tiểu bang, hãy liệt kê chúng. Người mua sẽ nhanh chóng tự loại mình nếu họ không thể biết được thông tin này.
  • Đường tiếp xúc thực tếViệc hiển thị số điện thoại ở phần đầu trang hiệu quả hơn bất kỳ chatbot nào. Đối với một số khách hàng, quyết định đó giúp tăng số lượng yêu cầu chất lượng hơn bất kỳ sự thiết kế lại nào.

Quá trình chuyển giao giúp duy trì tính hữu dụng của trang web.

Các khách hàng công nghiệp hiếm khi có đội ngũ marketing sẵn sàng để bảo trì một hệ thống quản lý nội dung phức tạp.

Chọn một ngăn xếp mà máy khách thực sự có thể cập nhật.Một hệ thống WordPress đơn giản với các khối tùy chỉnh cho thông số kỹ thuật sản phẩm sẽ có tuổi thọ cao hơn một thiết lập headless tùy chỉnh mà không ai trong nhóm có thể can thiệp được.

Ghi lại các mẫuHãy ghi lại một video ngắn trên Loom về việc thêm tài liệu mới hoặc trang ngành nghề mới. Sáu tháng nữa, khi khách hàng mở rộng sang lĩnh vực kinh doanh mới, họ sẽ có thể tự đăng tải mà không cần liên hệ với bạn.

Thiết kế dành cho khách hàng công nghiệp đề cao sự tiết chế.Hãy loại bỏ những gì không phục vụ người mua, trau chuốt những gì có ích, và kết quả là bạn sẽ có được những sản phẩm ưng ý nhất trong cả năm.