General

Las 15 páginas 404 más ingeniosas de la web para su inspiración

Las 15 páginas 404 más ingeniosas de la web para su inspiración



We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.

El error 404 es uno de los errores más frecuentes que se encuentran en Internet. Ocurre cuando el servidor no puede encontrar el enlace que está buscando, como cuando el enlace está roto o muerto. El propósito de una página 404 es, como tal, alertar a los usuarios de que la página que están buscando no existe y, con suerte, redirigirlos a otra página más valiosa del sitio.

Si bien un error 404 puede ser desalentador para los usuarios y podría llevarlos a abandonar el sitio, sin embargo, podría convertirse en una buena oportunidad de marketing. Todos apreciamos el buen humor. Combine eso con un mensaje contundente que vaya con la imagen de la empresa y agregue su sabor personal y obtendrá un mensaje de error ganador. Esto ayuda a conectarse mejor con el visitante y provocar una respuesta emocional. También es un elemento importante del diseño de cualquier sitio web. Tanto la estética como la funcionalidad son igualmente importantes para facilitar la navegación a un usuario perdido.

Es por ello que las marcas prefieren no descuidar la oportunidad de convertir a un usuario perdido. Algunas de estas páginas 404 están siendo ampliamente apreciadas en las redes sociales por el uso inteligente de la creatividad para redirigir a los usuarios a páginas relevantes en lugar de hacer que abandonen el sitio web.

Eche un vistazo a 15 de estas ingeniosas páginas 404 de diferentes marcas en la web:

HUGO FRANCUN

Esta página 404 de HUGO FRANÇA combina simplicidad con imágenes identificables para crear impacto, como se esperaba de un diseñador de UX. Se usa un plato limpio después de una comida para mostrar que la página ya no está allí. La imagen claramente ayuda a conectar emocionalmente al usuario con la marca.

Pixar

Otro gran ejemplo de una página 404 eficaz es esta de Pixar, la empresa de animación. Utiliza uno de sus personajes de la película "Inside Out", Sadness. Es lindo, identificable y provoca simpatía. El mensaje de error en sí se basa en la trama de la película.

20th Zorro centenario

La página de error de Fox Movies usa clips y textos relevantes de algunas de sus películas populares al azar, uno simple pero inteligente de "La venganza de los nerds", por ejemplo, se burla de la página 404. Al hacer clic en "Buscar venganza aquí", además, podrá comprar la película a un precio con descuento.

Estudio de perro

La página 404 de Dogstudio es una que nos da una sobrecarga de ternura con algunos GIF de perros. Si un perro te dice que estás perdido, probablemente lo estés.

Emailcenter UK Limited

Algunas de las principales marcas del Reino Unido utilizan la plataforma de marketing por correo electrónico de Emailcenter UK Limited. Su innovadora página 404 en realidad le pregunta a quién despedir por el error. La página lamentable utiliza el ingenio para humanizar a la empresa. La página lo motiva a permanecer en el sitio.

404 Página por Zach Daley

Este es uno de los más creativos y te permite saber sutilmente que estás perdido. Simple, sutil y elegante, la página 404 muestra a un astronauta que está perdido y flotando en el espacio con un mensaje "asegúrese de observar sus niveles de oxígeno" y una llamada a la acción para volver a la página relevante del sitio.

Hakim El Hattab

Tienes que ser un desarrollador front-end para crear esta pieza retorcida. Hace un uso perfecto del humor negro. Los ojos en la página 404 de Hakim El Hattab, un desarrollador sueco, sigue tu cursor, lo que te obliga a volver a hacer clic en la página de inicio.

Página 404 de Big Bad por Ben Jordan

Otro ejemplo del espacio exterior. El espacio en la parte inferior se utiliza para resaltar el efecto "espacio". Tiene un mensaje claro para que el usuario se conecte de nuevo a la página correspondiente del sitio web. El "toma mi mano y regresaremos al sitio web", en realidad te atrae con la página e intriga para hacer clic de nuevo.

GitHub

"Esta no es la página que estás buscando". La parodia de Star Wars con efecto de paralaje cuando se mueve el mouse seguramente hará sonreír a cualquier geek. Github, el portal popular para todos los geeks sabe cómo complacer a sus usuarios. El sitio también tiene una página 500 genial que se muestra cuando un servidor falla.

STG

Probablemente no estabas buscando a Lionel Richie, pero está bien. El ícono del pop parece educado cuando está borracho, y la página utiliza brillantemente este concepto con una de sus famosas letras de canciones para guiar a los usuarios a la página de inicio.

Lego

Lego siempre tiene su propio encanto y nada puede ser mejor que usar una pieza de Lego para informar a un usuario sobre el enlace roto.

Airbnb

La página 404 de Airbnb te recuerda inteligentemente sobre ser un anfitrión responsable al mostrar que si dejas caer un helado en el piso, también debes limpiarlo. Mientras que en el otro lado de la animación hay enlaces útiles para volver al sitio.

Producción de puntos calientes

Este de Hot Dot Production está a la altura del lema de la empresa "donde el diseño se encuentra con la tecnología". Los números 404 están formados por pequeños puntos rojos que cambian de dirección continuamente en respuesta al desplazamiento del mouse y a los clics. La página es realmente adictiva y no le permitirá abandonar el sitio tan fácilmente.

Figma

Si realmente le gusta jugar con los vectores, esta página 404 de Figma es la solución. Los números 404 que se muestran en la página de error se representan en vectores y puedes jugar todo el día para remodelarlos de la manera que puedas imaginar.

9gag

La página 404 de 9gag refleja el estado de ánimo y la voz de la marca. Pero la página no solo te hace ver al siempre elegante John Travolta, sino que también te ofrece inteligentemente la opción de descargar su aplicación.


Ver el vídeo: Angular 10 tutorial #25 Page not found. angular routing. 404 page (Agosto 2022).