5 nơi không ngờ để đưa cá tính vào trang web của bạn

Tính cách biến một trang web cơ bản thành một trang web hấp dẫn, thú vị. Đó là điều thuyết phục khách truy cập lần đầu tiếp tục nhấp và khách quay lại. Tuy nhiên, khi bạn đã thêm cá tính ở tất cả những nơi rõ ràng – như bản sao, hình ảnh, phông chữ và bảng màu – bạn có thể không biết những gì khác để cá nhân hóa.

Nếu đúng như vậy, hãy xem năm địa điểm sau mà bạn có thể tạo cho trang web của mình một chút cá tính thương hiệu.

1. Trang lỗi

Cho dù đó là lỗi của bạn hay của họ, những người truy cập trang web của bạn có thể hiểu là sẽ hơi mất tinh thần khi họ hiển thị một trang lỗi. Nhưng với một trang 404 hoặc 500 hữu ích, hấp dẫn về mặt hình ảnh, thậm chí gây cười, bạn có thể khiến họ quên đi sự mất tinh thần của họ – và xây dựng thương hiệu của bạn trong quá trình này.

Hãy xem một số trang lỗi được thiết kế tốt để lấy cảm hứng.

Mọi chi tiết của trang 500 của GitHub đều tuyệt vời. Đầu tiên, hình minh họa truyền tải hoàn hảo tính cách của GitHub: kỳ quặc, lạc nhịp, không quá nghiêm túc. Khi bạn di chuyển chuột xung quanh, hình minh họa sẽ thay đổi theo phản ứng – một đoạn mã nhỏ hay.

Bản sao cũng có nhãn hiệu, từ “Rất tiếc !!!” không phải với một mà là ba dấu chấm than và gợi ý hữu ích ở phía dưới.

Trang 404 của Muse cũng được thực thi tốt tương tự. Thật khó để không mỉm cười với chú chó con ngoan ngoãn, và lời giải thích của anh ấy (“Địa chỉ bạn nhập không hợp lệ, hoặc có thể tôi đã ăn nó”) khá dễ thương.

Thay vì chỉ đơn giản là trình bày các liên kết đến các phần khác nhau của trang web, nó nói, “Chúng tôi có một số gợi ý tuyệt vời về nơi để đi từ đây!”

Ngay cả NASA cũng đã tạo ra một trang lỗi sáng tạo. Vì nhiều đối tượng sử dụng trang web, từ trẻ nhỏ đến các chuyên gia – điều khôn ngoan là giữ cho thông điệp vui tươi và theo chủ đề không gian mà không bị quá đà. (Phim khiêu dâm không gian cũng không có hại.)

2. Câu hỏi thường gặp

Các trang câu hỏi thường gặp có xu hướng hơi khô khan. Điều đó có thể hiểu được: họ cần truyền đạt nhiều thông tin một cách rõ ràng, ngắn gọn và thực tế nhất có thể.

Tuy nhiên, nếu bạn có thể làm điều đó trong khi cũng thể hiện một số tính cách, khách truy cập của bạn sẽ cảm ơn bạn.

Casper có một trong những trang Câu hỏi thường gặp tốt nhất mà tôi đã xem. Có năm chủ đề chính – mỗi chủ đề có hình minh họa đáng yêu của riêng nó. Điều này làm cho việc đọc về “sự pha trộn đặc biệt của ba loại bọt” của nệm Casper trở nên thú vị hơn là nhàm chán.

Để làm sống động trung tâm hỗ trợ của mình, Jimdo, đối thủ cạnh tranh của Squarespace, đã sử dụng các biểu tượng mô tả. Kỹ thuật thiết kế này không chỉ giúp việc tìm kiếm phần phù hợp trở nên trực quan mà còn phù hợp với hình ảnh phần còn lại của trang Jimdo.

Product Hunt đã sử dụng một cách tiếp cận khác. Phong cách của Câu hỏi thường gặp về săn tìm sản phẩm tương đối truyền thống (mặc dù nó duy trì giao diện tổng thể của trang web), nhưng có cá tính trong bản sao.

Ví dụ, câu hỏi đầu tiên là, “Chuyện gì đang xảy ra ở đây?” Câu trả lời này trả lời “Săn sản phẩm là gì?” theo một cách nhân văn hơn. Ngoài ra còn có một số câu hỏi về trứng phục sinh, chẳng hạn như “Chìa khóa của tôi ở đâu?”

Product Hunt là một trang web do người dùng kiểm duyệt với nội dung do người dùng tạo – và do đó, nó rất mang tính cộng đồng. Một câu hỏi thường gặp chung chung sẽ cảm thấy trang trọng một cách kỳ lạ.

3. Cửa sổ bật lên

Cửa sổ bật lên của trang web có một đoạn rap thực sự tệ. Tuy nhiên, nếu bạn đang mang đến cho khách truy cập thứ gì đó có giá trị (mã giảm giá, hướng dẫn miễn phí, bản tin hấp dẫn, v.v.), thì chúng không xấu chút nào.

Và chúng cũng là một cơ hội khác để thể hiện tính cách thương hiệu của bạn.

Hãy xem cửa sổ bật lên này từ Stick in a Box, một dịch vụ đăng ký giật cục. Những anh chàng của Stick in a Box là những kẻ ngốc nghếch không hối lỗi (sau cùng thì công ty của họ được gọi là Stick in a Box). Cửa sổ bật lên này chắc chắn là ngốc nghếch.

Deny Designs, một công ty nội thất và trang trí, đang thu hút một đối tượng hoàn toàn khác: phụ nữ từ 16 đến 28 tuổi.

Cửa sổ bật lên của họ hoàn toàn phù hợp với đối tượng này, từ bản sao dễ thương (ghi chú “ý tưởng hoàn toàn xứng đáng với điệu nhảy” và “phụ nữ”) đến màu sắc táo bạo và trẻ trung. Khi bạn duyệt qua phần còn lại của trang web, bạn sẽ thấy cách tiếp cận thân thiện, năng lượng cao này được lặp lại ở khắp mọi nơi.

Greatist, một trang web về thể dục và sức khỏe, đã sử dụng một chiến lược khác. Cửa sổ bật lên của họ tương đối rõ ràng: một dòng và hai nút. Bức ảnh không chỉ được tạo kiểu đẹp và nhất quán về chủ đề, mà sự đơn giản của câu hỏi ngụ ý rằng việc trở nên khỏe mạnh hơn là điều đơn giản.

Casper hét lên thứ hai vì cửa sổ bật lên tuyệt vời của nó. Mặc dù thật dễ dàng để thất vọng với các cửa sổ bật lên làm gián đoạn trải nghiệm duyệt web của bạn, nhưng cái này quá thú vị để gây khó chịu. Tôi đặc biệt thích sự ràng buộc của con sóc với những ý tưởng quà tặng “hấp dẫn nhất”.

Ví dụ về Arsenal này thực sự đơn giản, nhưng nó khiến bạn cảm thấy như một người trong đội với những trò đùa bên trong và giọng điệu có chủ đích của nam nhi.

Cuối cùng, cửa sổ bật lên thoát khỏi danh mục đầu tư của Brad S. Knutson là một trong những cửa sổ hay nhất mà tôi đã thấy trên trang web cá nhân. Knutson rõ ràng biết rằng anh ấy đang nói chuyện với một nhóm nhỏ những người nhất định – do đó là meme Internet nổi tiếng.

4. Biểu tượng tải

Biểu tượng tải chắc chắn là một khu vực chưa được sử dụng tối đa khi nói đến tính cách. Nhưng nếu bạn gắn bó với một chong chóng hoặc thanh bình thường, bạn sẽ mất cơ hội giải trí cho khách của mình trong khi họ chờ đợi.

Trong khi Theo chân ông già Noel của Google tải, một ông già Noel đang cười tươi vẫy tay chào bạn. Khi bạn vào trang web, bạn sẽ thấy thiết kế của giao diện người dùng phù hợp với hình minh họa này như thế nào. Đó là một cách tốt để làm cho cuộc hành trình cảm thấy liên tục.

Hãng hàng không châu Âu Ryanair cập nhật biểu tượng tải hình tròn bằng cách thêm máy bay, đây là một điểm nhấn tốt cho chức năng của trang web. Và màu sắc của biểu tượng được lấy từ màu thương hiệu của Ryanair.

Hãy xem trang Digital Kitchen để biết một biến thể thú vị khác. “Mong đợi sự vĩ đại”, phương châm của công ty, xuất hiện trên nền đen toàn tập. Khi trang web tải, một tấm màn xám được loại bỏ khỏi khẩu hiệu để hiển thị một bản dựng đầy màu sắc về các chiến dịch trong quá khứ.

Thiết bị tải này liên quan đến mọi thứ quan trọng nhất về DK: công việc, khẩu hiệu và triết lý thiết kế của nó. Vào thời điểm bạn thực sự truy cập trang web, bạn đã sẵn sàng làm việc với cơ quan (hoặc cho nó).

Charles là một cơ quan kỹ thuật số khác; tuy nhiên, trang tải của nó tinh vi hơn nhiều. Sự lựa chọn này có ý nghĩa khi bạn trải nghiệm trang The Charles. Nó chắc chắn là tối thiểu và có thiết lập một trang, không gian trắng rộng rãi và văn bản màu đen, rõ ràng.

Nếu bạn đã sử dụng trang tải của Digital Kitchen cho The Charles, khách truy cập sẽ bị loại bỏ bởi quá trình chuyển đổi chói tai.

5. Trang nhóm

Cho khách truy cập của bạn thấy những người đứng sau trang web là một cách tuyệt vời để tạo ra một kết nối đích thực. Nhưng hãy nhớ rằng, trang này cần phải giống như – nếu không muốn nói là nổi bật hơn những trang khác.

Vì vậy, mặc dù về mặt kỹ thuật, đó là “về bạn”, hãy đảm bảo rằng bạn đang mô tả nhóm, sứ mệnh, lịch sử, v.v. của mình theo phong cách gắn kết với phần còn lại của trang web.

Kickstarter có một trang “Nhóm” tuyệt vời. Theo nghĩa đen, bạn có thể lọc nhân viên theo sở thích của họ, từ thơ ca đến Dungeon & Dragons. Điều này hoàn toàn hợp lý, vì Kickstarter được thiết kế để tài trợ cho các dự án đam mê. Tính năng bộ lọc cũng rất hay vì nó gợi lại phần Khám phá của Kickstarter, cho phép bạn duyệt các chiến dịch trực tiếp theo danh mục.

Khi bạn di chuột qua từng nhân viên, bạn sẽ biết được họ đã hỗ trợ bao nhiêu dự án, cùng với danh mục yêu thích của họ. Đó là một cách tinh tế nhưng hiệu quả để chứng minh rằng nhóm Kickstarter ăn thức ăn cho chó của chính họ (tức là sử dụng sản phẩm của chính họ).

Kittie’s Cakes, một tiệm bánh nhỏ ở Ohio, cũng có một trang “Story” được thực hiện tốt. Nó có thiết kế theo phong cách sổ lưu niệm; Điều này không chỉ làm tăng thêm yếu tố dễ thương mà còn đi kèm với các món bánh nướng cổ điển của Mỹ mà Kittie’s cung cấp.

Những bức ảnh của chủ sở hữu, Mollie và Kelly, và thông tin giới thiệu về lịch sử được chia sẻ của họ, càng làm cho trang này trở nên cá tính hơn.

Cuối cùng, hãy xem trang “Giới thiệu” của Munchery. Hình ảnh tiêu đề là ảnh ghép của các nhân viên Munchery ngốc nghếch: một cách thú vị để thể hiện văn hóa công ty mà không cần sử dụng nhiều bất động sản.

Bản sao trên trang này củng cố sự rung cảm thân thiện và gần gũi. Ví dụ: một phần viết, “Bạn đã cam kết quá mức, không có caffein và hộp thư đến có vẻ như là một trò đùa độc ác. Tại một số thời điểm, bạn phải tìm ra những gì cho bữa tối. “

Một số thứ là tốt nhất ở mức độ vừa phải – nhưng khi nói đến trang web của bạn, tính cách thường không phải là một trong số đó. Càng hấp dẫn, giải trí và còn sống nó cảm thấy, càng nhiều khách truy cập của bạn sẽ yêu thích nó.

Bạn đã tạo thêm cá tính vào thiết kế web của mình như thế nào? Chia sẻ những hiểu biết của bạn trong các bình luận!

Bài báo này ban đầu được viết bởi Aja Frost cho Sitepoint.