Mẫu trang báo lỗi 404 siêu sáng tạo bạn nên tham khảo ! (Phần 1)

Thiết kế web

Th8 14

Việc tạo trang báo lỗi 404 có thể không phải là ưu tiên hàng đầu của bạn trong 1 dự án thiết kế website, nhưng những trang báo lỗi 404 (Lỗi khi khách hàng truy cập 1 url không tồn tại) là 1 phần không thể thiếu của website

Tất nhiên, bạn sẽ không muốn người dùng nhìn thấy trang 404 một cách thường xuyên, nhưng với những mẫu trang 404 sáng tạo, bạn sẽ khiến khách hàng cảm thấy giải trí, thậm chí tăng nhận diện thương hiệu !

Các mẫu trang báo lỗi 404 được thiết kế thông minh, sáng tạo để giảm bớt sự bực bội khi khách hàng truy cập vào 1 đường dẫn không tồn tại, hoặc đã bị xóa trong website !

Chúng mình đã chọn ra các mẫu trang báo lỗi 404 thực sự độc đáo trong bài viết này, hy vọng sẽ giúp bạn có được niềm cảm hứng cho riêng mình !

01. Marvel

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Marvel’s có khá nhiều phiên bản trang báo lỗi 404, tất nhiên, tất cả đều xoay quanh chủ đề siêu anh hùng.

Phiên bản ở trên thể hiện 1 Captain America đang ôm đầu thể hiện sự đau khổ 1 cách vui nhộn và biểu tượng Hydra đầy ẩn ý

Kiểm tra xem bạn thấy hình ảnh gì khi truy cập trang 404 tại đây

02. Lego

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Mẫu trang báo lỗi 404 của Lego đơn giản nhưng toát lên vẻ cá tính.

Biểu cảm ngạc nhiên của người đàn ông Lego, cộng với dòng báo lỗi vui nhộn (‘”mọi thứ vẫn tuyệt vời”‘) tạo ra trải nghiệm trang lỗi nhẹ nhàng, không khiến khách hàng khó chịu.

03. Omlet

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Cách chơi chữ thông minh sẽ giúp thiết kế trở nên gần gũi và vui nhộn, đó là lý do tại sao chúng mình đánh giá cao cách tiếp cận của Omlet đối với thiết kế trang 404

Trang 404 cho thấy 1 vết nứt của quả trứng hoạt hình chiếm hết màn hình, đồng nhất hoàn hảo với chủ đề của website

Ở dưới là dòng chơi chữ “Eggstinct” vui nhộn, cũng hoàn toàn phù hợp với chủ đề “trứng” của trang web

04. Mantra Labs

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Mẫu trang báo lỗi 404 sáng tạo độc đáo

Trang báo lỗi 404 của Mantra Labs rất đơn giản nhưng hiệu quả.

Hình minh họa về một du hành gia bay vào chữ ‘404’ kèm theo dòng chữ ‘Rất tiếc! Bạn đã hết oxy’ thực sự sáng tạo

Ngoài ra Mantra Labs còn trang bị một bộ đếm thời gian để đưa bạn trở lại trang chủ, rất tiện lợi và chú ý đến trải nghiệm người dùng !

05. Ready to go survival

05-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Tất cả chúng ta đều thích một bộ phim nào đó, và nếu mẫu trang 404 ám chỉ tới bộ phim chúng ta yêu thích thì thật tuyệt vời.

Trang web này đề cập đến The Matrix (một bộ phim khoa học viễn tưởng cực kỳ nổi tiếng) trong thiết kế trang báo lỗi 404 và cung cấp cho bạn hai lựa chọn: Nhấp vào viên thuốc màu đỏ hoặc màu xanh lam (đây cũng là 1 cảnh cực kỳ nổi tiếng trong phim The Matrix)

06. Carwow

06-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Trang web chuyên đánh giá và so sánh xe hơi này sẽ giúp bạn đưa ra 1 lựa chọn đúng đắn khi có nhu cầu mua xe

Mẫu trang báo lỗi 404 thông minh của Carwow cũng tận dụng rất tốt chủ đề xe hơi. Khách truy cập sẽ thấy một màn hình kiểu trò chơi 8-bit.

Tất cả những gì bạn cần làm là nhấn vào dòng chữ Start để tận hưởng trò chơi, tránh chướng ngại vật và các chiếc xe khác. Nếu bạn không muốn khách hàng nhìn thấy các trang 404 tĩnh nhàm chán thì 1 web game đơn giản là lựa chọn không tồi.

07. Ueno

07-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Những gì bạn thấy ở trên không thể hiện được toàn bộ nỗ lực và chất xám mà Ueno đã bỏ ra cho thiết kế trang 404 của họ :

Hotdog được làm hoạt hình để chạy trong một vòng lặp vô hạn qua cảnh quan siêu thực và thông điệp vui nhộn để thông báo cho khách hàng

Hãy xem hiệu ứng chuyển động của Ueno tại link này

08. Gymbox

08-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Chuỗi phòng gym thương hiệu Gymbox có phương châm cung cấp “các lớp tập gym độc đáo và đa dạng nhất ở London”.

Trang 404 của thương hiệu này là 1 đoạn thông báo đơn giản, background là 1 video động trình bày 1 vũ đạo vui nhộn, không thể mong đợi gì hơn ở 1 trang 404 sáng tạo này

09. Slack

09-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Truy cập 1 link lỗi trong Slack, và bạn sẽ được tận hưởng một khung cảnh kỳ diệu với những tán lá cây tươi tốt, những ngọn núi và cầu vồng, một cảnh quan thiên nhiên dễ thương

Phong cảnh cũng sẽ thay đổi sinh động theo cách cuộn chuột của bạn, tìm hiểu tại đây

10. Purée Maison

10-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Purée Maison là một công ty sáng tạo chuyên về chiến lược truyền thông và trang web đặc trưng của thương hiệu này chứa đầy hình ảnh động thú vị

Tương tự, trang báo lỗi 404 cũng được làm động với nhiều hình minh họa vui nhộn, sinh động, hãy xem tại đây

11. Pixar

11-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Mọi người chắc không xa lạ gì với hãng phim hoạt hình lừng danh này, với hàng loạt các bộ phim hoạt hình đầy ý nghĩa như Wall-e, Up, Gia đình siêu nhân v.v…

Trang 404 của Pixar, là nàng Sadness từ bộ phim Inside Out cực kỳ nổi tiếng năm 2015, rất đơn giản, dễ hiểu và dễ thương !

12. 20th Century Studios

12-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

20th Century Studios mới được đổi thương hiệu (trước đây là 20th Century Fox) đã thiết kế nên 1 mẫu trang báo lỗi 404 tuyệt vời;

Trang 404 hiện lên với ảnh tĩnh của một bộ phim đình đám ngẫu nhiên của studio này, với chú thích hấp dẫn và tuyển tập các bộ phim khác mà bạn có thểchưa xem và muốn tìm hiểu

13. Cloud Sigma

13-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Cloud Sigma là dịch vụ lưu trữ đám mây hoạt động tại Hoa Kỳ, Châu Âu và khu vực Châu Á – Thái Bình Dương.

Dịch vụ công nghệ này thường khá khô khan, đó là lý do tại sao Cloud Sigma thêm 1 hình ảnh chú mèo siêu dễ thương vào trang báo lỗi 404, ai mà chẳng yêu mèo, đúng không ?

14. BluePath

14-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Một trang web khác áp dụng sự hài hước lên trang lỗi 404 là công ty tư vấn chiến lược dữ liệu BluePath có trụ sở tại Atlanta.

Trang hiển thị bản đồ của Atlanta, với một dấu chấm ở ngoài bản đồ báo cho khách truy cập là “bạn không thuộc về nơi này”.

1 thiết kế được đánh giá rất cao về tính sáng tạo và hài hước

15. Kualo

15-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Công ty cung cấp dịch vụ hosting website đã hoạt động được hơn 15 năm – 1 khoảng thời gian dài – và trang 404 cho phép người dùng tham gia một trò chơi gọi là Space Invaders

 

Như Chloe Zollinger, 1 chuyên gia về trải nghiệm người dùng trên web nói : “Việc truy cập trang lỗi 404 thường gây khó chịu nhất cho người dùng web. Chúng tôi hiểu trải nghiệm người dùng trên trang web quan trọng như thế nào. Để cải thiện trải nghiệm của khách truy cập trang lỗi, 1 web game vui nhộn là sự lựa chọn tốt”

16. Waaark

16-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Trang 404 của hãng phim Waaark của Pháp vừa đẹp vừa thỏa mãn về mặt âm thanh (nếu bạn đeo tai nghe hoặc mở loa).

Lấy cảm hứng từ Stephen Hawking, trang sử dụng một công cụ chuyển văn bản thành giọng nói của JavaScript có tên là meSpeak để khuyến khích bạn tương tác theo thời gian thực, 1 công nghệ khá phức tạp cho 1 trang web báo lỗi 404 đơn thuần

Truy cập tại đây để xem !

17. Steve Lambert

17-MNT-DESIGN-MAU-TRANG-BAO-LOI-404

Nghệ sĩ Steve Lambert ở New York mô tả đây là “trang 404 khó tìm nhất trên internet”

Trang 404 của Steve chứa 1 đoạn Video clip thú vị, hãy truy cập tại đây nếu bạn tò mò muốn biết trang 404 này có gì đặc biệt

Đôi nét về MnT Design

MnT Design là nơi cung cấp dịch vụ thiết kế đồ họa chuyên nghiệp nhất. Tinh tế - bắt mắt - thẩm mỹ là phương châm của chúng tôi. Sản phẩm tại MnT Design luôn có độ hoàn thiện cao và mức giá cạnh tranh nhất trên thị trường.