¡Buen día a todos los lectores del blog de Amasty!
Hoy estamos hablando de un tema que las tiendas a menudo pasan por alto: hacer que su 404 se destaque.
Qué podemos hacer con las páginas de error 404
Cuanto más grande es su tienda, más importante parece ser el problema de la página 404.
Para los sitios de comercio electrónico, la página 404 juega un papel muy importante: debe enganchar a diferentes grupos de clientes para que no se vayan de la página equivocada. Por lo tanto, hay muchas opciones que podría usar para su página 404:
- caja de búsqeda;
- artículos populares/superventas;
- un código de cupón u ofertas especiales;
- el texto correcto que explica lo que sucedió;
- Lista de categoría;
- destacados/últimos mensajes/elementos;
- enlaces clave;
- o cualquier combinación de estos elementos.
Sin embargo, hay otro lado de la historia: como siempre, tienes que sobresalir entre la multitud. Más allá de las tareas tecnológicas y de marketing que resuelven estas páginas, podría usarlas para ideas más grandes:
- marca
- construcción de enlaces (las personas se vinculan ansiosamente a contenido excelente/humorístico/entretenido)
- conseguir más tráfico en las redes sociales
- conectando la experiencia de compra positiva con su marca (¿recuerda que la mayoría de los clientes no disfrutan comprando en absoluto? )
Las tiendas siguen ignorando las páginas de error 404
Investigando para el artículo, revisé cientos de los mejores sitios de Alexa en Compras, eligiendo los ejemplos de páginas de error 404 más divertidos, hermosos o creativos. Y eso es lo que he encontrado:
- montones y montones de tiendas utilizan la página 404 predeterminada , que no es un pecado mortal, pero definitivamente es una oportunidad para hacer un poco más aquí;
- muchas tiendas redirigen de páginas inexistentes a páginas de categorías/anteriores/de inicio, lo que también está bien, pero aún así puede ser bastante confuso, especialmente para los usuarios de Internet sin experiencia. Es bueno mostrar una pequeña notificación de que la página que solicitó un visitante no existe y fue redirigido.
- muchas tiendas no tienen una página 404 adecuada . En este caso, verá una página vacía o una página que muestra un mensaje de error 404 estándar devuelto por el servidor, sin diseño, sin enlaces de ningún tipo. Estimaría la cantidad de tiendas sin una página CMS 404 adecuada (al menos predeterminada) alrededor del 40%, ¡lo cual es una cantidad sorprendentemente grande para la lista principal de Alexa!
- otros pequeños problemas como mostrar el texto de error 404 en un idioma incorrecto.
- Las páginas 404 creativas, divertidas o al menos notables no superan el 3% ; de hecho, paso mucho más tiempo que pensé que podría necesitarme para componer una lista decente de ejemplos de páginas 404.
Finalmente: mejores ejemplos de páginas de error 404 para 2014 en comercio electrónico
Pero aun así tuve la suerte de encontrar páginas de error 404 interesantes, divertidas, graciosas y hermosas de sitios de comercio electrónico; merecen una mención y un par de tus minutos. Quién sabe, tal vez encuentre inspiración en esta lista.
Si necesita ver los detalles de las capturas de pantalla, simplemente haga clic para ampliar las imágenes.
1. underarmour.com
Nada complicado, pero la poderosa imagen y el colorido hacen que esta página 404 se destaque.
2. nespresso.com
¡Marca todo! Solo una imagen poderosa con una taza de café perfecta convierte la experiencia desagradable de visitar una página eliminada o movida en algo mejor.
3. futureshop.ca
Un buen ejemplo: Future Shop creó una página 404 que realmente se suma al diseño del sitio web y utiliza una buena idea del dispositivo que muestra el texto de error 404 personalizado.
4. modcloth.com
Un perro con pantalones y una divertida llamada a la acción; buen humor garantizado.
5. lego.com
Un ejemplo perfecto de marca de página 404 de Lego:
6. backcountry.com
Esta es una de mis páginas favoritas de comercio electrónico 404; aquí podemos ver una poderosa imagen de tamaño real fuertemente conectada con la marca.
7. bedbathandbeyond.com
Bonito ejemplo de combinación de una gran redacción y una imagen personalizada. Una página de error 404 muy brillante y emotiva.
8. ikea.com
Una página muy simple pero aguda!
9. etsy.com
Las cosas pasan, dice la página 404 de Etsy.
10. munchkin.com
Alguien parece muy molesto porque falta la página.
11. shop.lululemon.com
A primera vista, esta página parece bastante común: un encabezado, algo de texto y una imagen de archivo. Pero si miras más de cerca…
12. plato.com
Otro buen ejemplo del uso de una foto de alto contraste y colores potentes.
13. mlb.mlb.com
Esta página de error 404 muestra GIF aleatorios. Algunas personas incluso pueden necesitar fuerza de voluntad para no quedarse atascados.
14. bluenile.com
Un ejemplo de página 404 simple y elegante; también es un llamado a la acción muy suave, ya que por nuestra naturaleza no nos gustan las cajas vacías y tendemos a llenarlas.
15. karmaloop.com
Incluso un hombre sin pantalones puede estar bien si se adapta a tu audiencia.
16. duluthtrading.com
Bueno… No sé quién fue el primero en ponerse al día con la idea.
17. otterbox.com
Otra buena idea de Otterbox: unicornios y redacción creativa. ‘Si te sientes optimista’ es definitivamente un éxito.
18. converse.com
Un excelente ejemplo de una página de error 404 minimalista: blanco y negro, sin fotos, solo color y un par de palabras más un enlace a la página principal.
19. opticaplanet.com
Y nuevamente, un ejemplo decente del uso de productos que realmente vende en la página 404.
20. stevemadden.com
Aquí hay un diseño encantador que se adapta perfectamente al diseño general del sitio web y utiliza sus lados poderosos: tipografía inteligente e imágenes conmovedoras.
21. patagonia.com
Pulgares arriba para una página que se unió a una banda de heavy metal.
Conclusión
Entonces, ¿qué hace que una página 404 sea sobresaliente si observamos estos ejemplos? (Excluyendo los bloques estándar como búsqueda, enlaces, etc.)
- branding : uso de fotos o menciones de su marca, productos o servicios;
- imágenes poderosas que llaman la atención ; use un alto contraste o colores intensos e intente combinarlos con el diseño de su sitio web;
- redacción sabia : un ajuste o dos servirán;
- humor , chistes y cosas graciosas que le encantarán a tu público.
¿Te gustaron algunos en particular? ¿O puede compartir otros ejemplos de páginas 404 que haya conocido recientemente?