El error 404 se genera cuando el servidor no ha sido capaz de encontrar la página que se está buscando. Se puede generar por enlaces que ya no existen, por ingresar una URL incorrecta o cuando se realiza una búsqueda y los términos no concuerdan con ningún resultado. De manera predeterminada, toda página genera un anuncio de error 404 pues le ayuda al usuario a saber qué tipo de error se ha generado. Sin embargo, muchas empresas suelen aprovechar esta página para reforzar el estilo y mensaje de su marca, diseñando páginas de error 404 personalizadas.
En este artículo hemos seleccionado algunos ejemplos de paginas web que presentan creativos mensajes de error 404. Esperamos que te sirvan como referencia si algún día decides personalizar tu página de error 404.
Grant Burke
Este sitio web tiene una creativa página de error 404. Presenta una ilustración de una caja de leche, podemos ver la foto del enlace roto y debajo de este presenta una frase que indica “Desaparecido”. Tiene el toque exacto de creatividad y humor para evitar que los usuarios se frustren al llegar a esta página.
This by them
Se nota que los diseñadores se han esforzado bastante al diseñar esta página. Se ve como fondo el espacio exterior y un astronauta que flota en es este ambiente (rota sobre su propio eje). Pero no sólo tiene esta animación, sino también que se mueven ligeramente las piernas y los brazos del astronauta.
Barrel
Este sitio presenta una página de error sencilla, vemos en fondo blanco y una ilustración de un monitor de un ordenador. El ordenador parece cansado y esta expresión se relaciona con el hecho de que no se puede encontrar la página que se ha buscado.
Airbnb
Este sitio presenta una animación. En principio vemos al personaje, una niña feliz porque tiene un cono de helado, pero vemos que finalmente este se cae y la niña se entristece. Este personaje se ubica en el lado derecho mientras que en el izquierdo vemos la explicación del error.
Laszlito
Este sitio presenta una ilustración sencilla que se ubica en el centro. Para el fondo se emplea un color pastel que tiene cierto efecto relajante. Ambos personajes tienen un aspecto confundido. Se compensa el equilibrio visual con el texto empleado.
Angry Birds Space
Este sitio presenta a los ya famosos personajes del juego Angry Birds. Ya que esta versión en particular del juego se ubica en el espacio se ha usado un fondo estrellado e incluso uno de los personajes posee un casco espacial como el los astronautas.
Edukate
Este sitio presenta, en una ilustración sencilla, un barco varado en medio del mar. Nos da a entender esta situación mediante una burbuja de texto que sale del barco. Posee animaciones sutiles: las estrellas parpadean, el barco se mueve en su solo sitio, como si no pudiera avanzar y se genera una animación en el agua.
Fork CMS
Este sitio presenta el número de error en toda la pantalla, pero añaden al personaje que identifica la plataforma y lo cambian por el cero. Asimismo, posee detalles decorativos que simulan la forma de las olas pues el personaje es un ser mítico marino.
Code School
Este sitio posee una animación sencilla. Nos muestra un cohete que está siendo sostenido por una soga, el cohete llega a despegar pero no llega a su destino y en la pantalla final podemos ver el mensaje de error respectivo.
Spry Group
Este sitio presenta un video como fondo. El video nos muestra un perro que luce algo confundido. En el centro nos aparece el mensaje de error y adicionalmente vemos un botón de llamada a la acción que nos anima a regresar a la página de inicio.
Paul Foster Design
Este sitio nos presenta lo que parece una sala de un servicio de hosting. Todo está ilustrado de manera sencilla y la paleta de colores también es simple (sólo se usan varios tonos de grises), sin embargo vemos humo que sale de uno de los armarios. La página también presenta una animación simple: una luces parpadeantes que indican que el servidor está en funcionamiento.
Constellation & Co.
Este sitio nos presenta una fotografía de un cajón con diversos separadores, todos ellos presentan objeto aunque no en la misma cantidad. En letras grandes se ubica en el centro el número de error.
Gifmylive
Este sitio presenta una página sencilla. En el centro se ubica un círculo y en éste el código de error (404). Lo interesante de esta página es que este objeto interactúa con el cursor y los bordes se deforman cuando es tocado por éste.
Wild
Este sitio presenta una fotografía de un gatito que se encuentra distraído por algunas moscas que vuelan en el fondo. La imagen es estática, pero la composición es bastante agradable, el texto se ha posicionado de tal manera que parece que el gato se estuviera apoyando en éste.
Tripomatic
Este sitio posee una ilustración simple y es animada. El único elemento que se mueve es el sol pues es el indicador de la hora. La animación incluye todo el ciclo del sol, desde que sale hasta que se oculta y vuelve a salir, así sucesivamente.
Hub 09
Este sitio contiene un video de fondo, al parecer sacado ce una película o alguna serie. Se muestra a varios grupos de personas, en sucesión, llevándose la mano derecha a la frente en señal de vergüenza o preocupación.
Quartzy
Esta página contiene una ilustración de un científico, aparentemente su experimento ha fallado. Este mensaje se refuerza con el texto que ubica en el lado izquierdo de la pantalla.
H-Art
Este sitio posee una ilustración sencilla, sólo se han usado líneas y nos muestra un muchacho siendo perseguido por una piraña. Todo el sitio es minimalista y esta característica también se nota en el diseño de su página de error.
Cooori
Este sitio presenta una imagen de una pecera vacía, en el fondo vemos un cuchillo clavado en una mesa, con esto se da a entender que alguien ha robado el pez y posiblemente lo esté utilizando para hacer sushi. Además, el hecho de que la pecera esta vacía se relaciona directamente con el error 404. Una forma muy creativa de aliviar tensiones si el usuario llega a esta página.
