Más de 20 ejemplos impresionantes de páginas 404

Aterrizar en una 'página no encontrada' realmente puede volver locos a sus visitantes.

Una de las mejores formas de mejorar la experiencia de usuario de sus visitantes es manteniéndolos motivados y comprometidos con su sitio. Esto se puede hacer con un hermoso diseño, contenido atractivo o una buena dosis de humor. Una página de error creativa e inteligente es muy útil para convertir el ceño fruncido de su visitante en una sonrisa. También puede tener un efecto positivo en su SEO, ya que al proporcionar enlaces internos, navegación y una solución a un problema, incluso si simplemente proporciona un enlace a su página de inicio, mantiene al usuario satisfecho y dentro de su embudo de ventas.

Una página 404, también conocida como "página de error" es la página a la que se dirige a los usuarios si hacen clic en un enlace roto o eliminado de su sitio web.

Con el tiempo, las páginas pueden eliminarse o moverse a una nueva URL sin un redireccionamiento permanente. Si un usuario intenta acceder a este enlace, se le envía a una 'página 404' que le informa que el enlace al que intenta acceder está roto.

Cuando esto sucede, es importante no perder al usuario por completo, sino que debe esforzarse por mantenerlos comprometidos con el sitio e idealmente dirigirlos al enlace correcto. Algunas empresas se vuelven realmente creativas al diseñar páginas 404, incorporando animaciones, ilustraciones y elementos interactivos.

Todo eso está bien, pero no hay duda de que las páginas 404 más efectivas y memorables son las divertidas. Por eso decidí recopilar los ejemplos más divertidos de páginas 404 en la web.

Las páginas humorísticas "no encontradas" tienen la ventaja de no exigir presupuestos elevados, por lo que son una buena opción para autónomos y pequeñas empresas, no solo para grandes marcas.

En esta publicación, exploraremos los ejemplos más divertidos de páginas 404 y analizaremos qué hace que cada una funcione. Una vez que comprenda las estrategias cómicas subyacentes que comparten estas páginas, lo ayudará a crear su propia página 404 original.

Aquí hay 23 excelentes ejemplos de 404 páginas bien hechas.

Las imágenes visuales son comunes en las páginas 404, pero depender únicamente del contenido también puede tener el mismo impacto.

Bluegg hizo una especie de obituario para 'la cabra', que aparentemente se refiere a su página de error. Verá muchos chistes relacionados con la muerte en 404 páginas. El mismo tipo de bromas puede funcionar para tus páginas si eres fanático del humor negro.

El elemento sorpresa es clave para ofrecer con éxito 404 novedosos.

Drift agregó un video selfie de baja calidad de Dj Khaled, aparentemente perdido en el mar. Le dieron la vuelta a la situación al mostrar que las cosas podrían ser mucho peores: el visitante podría perderse en el mar como el DJ.

Mostrar un escenario exagerado que eclipsa las circunstancias actuales del visitante es una excelente manera de hacer que se sienta mejor.

Steve Jobs dijo: "La creatividad es solo conectar cosas". Es difícil de notar, pero 9Gag hizo una conexión creativa entre uno de los gifs más populares, un Confused Travolta, y su página 404. Es posible que el resultado no sea un 'jaja' gracioso, pero es un excelente ejemplo de cómo relacionar uno de los activos visuales de su marca con una 'página no encontrada'.

Flywheel creó una página 404 que encaja perfectamente con su sofisticada audiencia orientada al diseñador. Convertir el '0' en un agujero negro y agregar 'esto realmente apesta' es un buen giro. Es simple y evita esforzarse demasiado en bromear.

El contenido 404 de Slack va directo al grano, pero agregaron una animación de fondo ilustrada panorámica que es, bueno ... tan loca que funciona. Aterrizas en un mundo de ensueño de Xanadu con animales de granja flotando. No hay ninguna relación con una página perdida más que el hecho de que si estás allí, seguramente estás perdido.

En este ejemplo, vemos una linda caricatura de hamburguesa en patines con un cartel de perdón. Es la prueba de que una imagen vale más que mil palabras. Usar ilustraciones es una excelente manera de hacer que su página 404 sea ingeniosa sin palabras.

Woodger también conecta inteligentemente al visitante con su portafolio con la línea "Probablemente estabas buscando mi trabajo de ilustración ..."

A pesar de que aparentemente tiene algunos errores y muestra HTML desnudo, el sitio de Conan O'brien no deja de divertir, usando una serie de gifs para destacar la situación de Andy y Conan.

Comedy Central fue lo suficientemente inteligente como para mostrar varios personajes de sus programas y atribuir una cita relacionada con la página 404 a cada uno. Por ejemplo, Trevor Noah de The Daily Show aparece con una cara confundida y una cita relacionada con el segmento 'Moment of Zen' de su programa.

Solo tenía que mostrar este ejemplo, porque es la página 404 de un pequeño museo de historia funeraria. Estoy seguro de que no tienen un gran presupuesto de diseño web, pero aun así lograron diseñar una página 404 creativa con una tumba abierta, diciendo a los visitantes: '¡Has cometido un grave error! La página que estás buscando se ha desvanecido en la otra vida.

El 404 de HBO es uno de mis favoritos. Muestra cómo usar bromas internas para hacer reír. En este caso, agregaron la imagen 'Curb Your Enthusiasm' detrás de las letras 404 y agregaron el texto: 'Parece que este enlace es bonito, bonito, bastante roto'. Cualquiera que haya visto el programa lo obtendrá de inmediato.

El ejemplo de New Yorker muestra cómo tomar un activo de marca ya divertido relacionado con perderse y presentarlo en una página 404. La caricatura es de una edición de 2011 que muestra un mouse con un GPS, la caricatura perfecta para usar en una página de "página no encontrada".

Aquí hay otro diseño de página 404 que es original e inesperado. Blizzard Entertainment tiene una ventana rota, un menú que parece haberse caído y una acusación: 'Grats (felicidades). Lo rompiste.'

Blizzard tuvo el 'descaro' de cambiar las tornas y culpar al visitante. Te divierte porque es la respuesta exactamente opuesta al tono de disculpa esperado que normalmente lees en 404 páginas. Al mismo tiempo, es un rasgo muy humano acusar a otra persona de tu propio error. Es como un niño pequeño que es atrapado por sus padres por derramar leche y luego culpar a su padre.

Como ya hemos visto, establecer conexiones inesperadas entre cosas aparentemente no relacionadas requiere tanto ingenio como humor. Normalmente, no asociaría un sitio de citas con una "página no encontrada". eharmony lo hace bien al presentar un mensaje de que la 'página no está disponible', a diferencia de un millón de otros solteros de eharmony.

La página 404 de Distilled tiene una conversación británica cómica llena de frases como 'viejo' y 'maldito'. Llaman a su 404 'Mensaje de error cuatrocientos cuatro', lo cual es divertido en sí mismo.

Si bien los acentos son actualmente un tema controvertido en la comedia (como pueden atestiguar los creadores de Los Simpson), siguen siendo muy divertidos. Afortunadamente, un elegante acento inglés sigue siendo un objetivo risible aceptado.

Los destilados son ellos mismos británicos, lo que hace que toda la página sea aún más tonta. Me recordó al boceto de Four Yorkshiremen de Monty Python, que siempre me hace reír.

Esta página de error es una de las más divertidas, precisamente porque es muy personal. También lleva el aterrizaje en una 'página no encontrada' al extremo al mostrar los cuatro posibles culpables del equipo de desarrollo y ofrecerle la oportunidad de elegir al que será despedido por este 'fallo inaceptable'. Está tan fuera de lugar que demuestra que esta empresa tiene sentido del humor y puede burlarse de sí misma.

IMDB presenta una página de error aparentemente simple pero bien pensada que adapta citas de películas famosas a mensajes de error. Para los fanáticos de las películas que frecuentan IMDB, ofrece una experiencia agradable y los invita a actualizar la página para leer más citas.

Si bien esta no es la página 404 más atractiva, obtiene puntos por brindar una experiencia creativa e interactiva que también es de naturaleza visual.

El uso de gráficos es realmente una buena idea para estas páginas. Ya sean diagramas de flujo, gráficos de ven o cualquier otro gráfico que se te ocurra. Funciona porque es una forma completamente diferente de mostrar la página no disponible. Me pregunto si un gráfico circular también funcionaría.

La audiencia de Github son desarrolladores geek. Su escena inspirada en Star Wars con la mascota de Octocat y la cita 'Esta no es la página web que está buscando' es un mensaje bien adaptado para su audiencia. Fíjate, además, cómo, al colocar la barra de búsqueda en el centro, brindan una excelente solución para la navegación desde esta página.

CSS Tricks logra sorprender a los visitantes utilizando puro minimalismo. Sin texto, sin mensajes, solo una página en blanco con una rasgadura en ella con código CSS revelado en el fondo. Entregan con éxito un mensaje sin palabras, lo cual es un desafío. Es similar a por qué las películas mudas todavía nos hacen reír hoy porque se basan en el humor no verbal.

Esta página tiene todos los elementos de una página 404 entretenida. Una imagen gigante de un calcetín rasgado con una carita en la punta, aludiendo a todos los calcetines sueltos que la gente pierde en la lavandería. Aunque no tiene nada que ver con el sitio web real, es muy tonto y por eso funciona.

Taco Bell es conocida como una marca que sabe cómo hacer una broma en las redes sociales. Su página 404 también se ríe, con su animación de tacos y texto tonto: 'LA PÁGINA QUE ESTÁS BUSCANDO NO EXISTE (A menos que estés buscando una página con una animación de un taco tropezando y literalmente derramando los frijoles. caso, definitivamente existe, y definitivamente lo encontraste.) '

Por último, pero no menos importante, esta divertida página 404 se creó casi sin presupuesto ni efectos especiales. Como si aterrizar en un enlace roto no fuera lo suficientemente incómodo, Steve Lambert lo lleva al siguiente nivel al presentar 'Las páginas 404 no encontradas más incómodas en Internet'. La página muestra un video de Lambert murmurando extrañamente al visitante. El video me recordó los momentos incómodos de Silicon Valley.

Aunque no está en la categoría 'divertido', puede comprar la plantilla SHOCK y configurarla para su página 404.

SHOCK es una página mínima que viene pronto, que tiene 6 estilos de fondo para todos los gustos.

Hemos visto una variedad de divertidas páginas 404. Tener humor no es una tarea fácil, e incluso las mejores marcas con los presupuestos más altos a veces fallan. Espero que estos ejemplos lo inspiren a crear sus propias páginas de error que harán reír a sus visitantes.

Si desea crear su propia página 404, asegúrese de consultar la función de diseño rápido de página 404 de Elementor .