El rediseño de su sitio web es un negocio arriesgado.
Pasas dinero, tiempo y recursos rediseñando, con la esperanza de llegar a un jonrón.
He evaluado miles de sitios web en mi carrera y soy bastante bueno para oler los buenos y soy igualmente bueno para oler los posers. En esta publicación, evaluaremos 14 gigantes de la industria que lo hicieron bien.
Últimamente, he estado recibiendo mucha inspiración de diseño de Crayon.co; Un motor de búsqueda de diseño que ha sido súper útil para encontrar nuevas ideas para la estrategia de prueba de estilo “Blow It Up” de Digitalmarketer, una estrategia sobre la que escuchará todo cuando tengo muchos resultados para compartir.
una una De las mejores características que ofrece Crayon son notificaciones cuando los sitios rediseñan sus páginas, y la capacidad de mirar hacia atrás en el diseño antes de la actualización para comparar.
bombilla.
Pensé que lo haría ¡Sea divertido desglosar estos cambios de diseño utilizando los mismos criterios en mi auditoría de 15 puntos para ver cómo se acumulan las versiones anteriores del sitio!
Estos tipos son algunos de los mejores en Bizznazz, Desglosemos rápidamente los criterios que estoy usando para evaluar estas páginas …
Los 5 elementos de optimización del mercado digital
claridad: si su visitante no sabe De qué se trata la página y qué hay para ellos en los primeros segundos … estás hundido. El objetivo aquí es:
- Asegúrese de poder articular adecuadamente su oferta …
- Haga que su oferta sea atractiva …
- Asegúrese de saber cómo tomar El siguiente paso …
legibilidad: Este es un factor enorme que a menudo se pasa por alto en las páginas “sin blog”. Con demasiada frecuencia, las empresas se vuelven un poco locas con …
- Tipo de tipo Li>
- Colors
Debe mantenerse consistente y hacer que el contenido sea fácil de consumir. Si su texto no se puede leer, su mensaje se perderá.
apariencia: un diseño de sitio profesional generará confianza con los nuevos visitantes. Las imágenes auténticas, la coloración y una jerarquía visual sólida son factores cruciales para su sitio. Necesita algunas secciones para destacarse más que otras y capitalizar dónde cuenta.
Un sitio que lo hace bien puede acentuar sutilmente el contenido más importante al tiempo que le da al visitante una sensación de autonomía.
<
<
< P> Experiencia en el sitio: Debe articular el propósito, tener una usabilidad sólida para los visitantes de todos los niveles de habilidades y dispositivos, y tiempos de carga rápidas. Si faltan alguien de estas cosas, su usuario tendrá dificultades para usar su sitio y no se convertirá.
navegación: si estamos mirando una página de destino, Desea una navegación mínima, pero para todas las demás páginas debe ser intuitiva.
Romperé Abra cada variación y comparta cuál tiene el borde en cada categoría. Cuando todo esté atado, veremos si la página va en la dirección correcta o si todavía necesita algo de trabajo.
( relacionado: la página de destino de 15 puntos Auditoría)
Echemos un vistazo a las páginas.
Haga clic en el mes a continuación que se llevará a ese conjunto de evaluaciones de rediseño!
1 . Página de categoría de Versace
Me encanta ver cómo los sitios de comercio electrónico intentan destacarse con el diseño.
Estaba muy emocionado cuando recibí una notificación de que hubo un cambio masivo a Página de categoría de Versace. Mira el video a continuación para ver cómo se acumulan las cosas.
[incrustar] https://www.youtube.com/watch?v=dprr3hsdd6a [/incrust]
Puntuación final
versión anterior: 0
versión actualizada: 3
Este fue claramente un caso de ” Dale a la gente lo que son Want ¡Esperar “. La variante ganadora cumplió con las expectativas de los usuarios de comercio electrónico estándar y se sintió más como una tienda en línea que un anuncio. Puede verlo en esta entrega de mi columna semanal .
2. Página de producto de Iron Mountain
No hay nada más difícil que crear una página B2B bien diseñada.
Los espectros de “tendencias de diseño antiguas” todavía están a los gigantes de la industria de la peste. y debido a su mala agilidad, no han podido realizar cambios de plantilla durante un momento en que el diseño implica confianza.
( relacionado: [lista de verificación] 5 elementos de imagen que valen la pena probar en Su página de destino)
Iron Mountain abordó este proyecto con una nueva página de producto de servicio. Así que echemos un vistazo.
[incrustar] https://www.youtube.com/watch?v=qmmczo378-q [/incrust]
puntaje final
versión anterior: 0
versión actualizada: 3
Entonces, Iron Mountain realmente intensificó su juego y obtuvo Fuera del temido diseño de B2B. ¡Todavía hay algunos problemas de claridad y usabilidad en la página, pero eso no es nada que alguna prueba iterativa no pueda solucionar!
( Relacionado: [lista de verificación] La guía completa para ejecutar una división dividida Prueba)
3. La página de blog de FreshDesk
Los diseños de la página de blog son absolutamente cruciales.
Si tiene una página que es difícil de digerir, la gente simplemente no lee su copia. P>
Muchas organizaciones (incluido DM) están adoptando un enfoque simplista de columna única para el blog para garantizar que el contenido reciba toda la atención. Sin embargo, para las compañías de medios, esto hace que sea más difícil promover nuevos productos o lector de adoctrinamiento.
Veamos cómo Freshdesk esperaba mejorar la experiencia del blog mientras mantenía la estructura de dos columnas. > [incrustar] https://www.youtube.com/watch?v=wr_uycbxvx8 [/incrustar]
puntaje final
versión anterior: 1
versión actualizada: 4
En general, la página rediseñada es una versión más enfocada que los usuarios apreciarán.
Soy súper curioso Sobre esa función de chat en vivo y si alguien de Freshdesk está leyendo, me encantaría saber si eso ha ayudado con el consumo de contenido (o ayudó a mover otras métricas).
tanto esta crítica como la montaña de hierro La crítica se puede encontrar aquí (con un desglose de diseño más de un proveedor de entrega de video).
4. Best Buys Cable & amp; Página de servicio de Internet
Siempre que las grandes empresas realicen cambios en el contenido mientras mantienen el encabezado universal y el pie de página, existe la posibilidad de que creen la temida página fría.
Veamos si es mejor que Buy crea el monstruo de diseño más temido con este rediseño
[incrustar] https://www.youtube.com/watch?v=ezqsbrfechw [/incrust]
puntaje final ///////// H3>
Versión anterior: 0
Versión actualizada: 4
A pesar de las limitaciones, Best Buy pudo Mejorar drásticamente el diseño de su sitio. Claro, hay algunas características de “FrankenPage” (las vellas cruzadas y la “experiencia de visualización final”), pero en general tienen la idea correcta y deberían poder iterar una página aún mejor.
(<<< Strong> Relacionado: Pruebe esto, no eso! Intercambie esta división Prueba de mala práctica por 6 prácticas basadas en resultados)
5. El rediseño de la página de productos de Buffer
Promover una línea de productos completa con diferentes marcas y nombres puede ser bastante difícil.
cuánto de su capital de marca actual toma prestado y cuánto ¿Quieres hacer que el producto se mantenga por sí solo?
Veamos cómo Buffer maneja esto en este rediseño!
[incrustación] https://www.youtube.com/watch ? v = d6zs3xnoe8s [/incrustar]
puntaje final
versión anterior: 2
versión actualizada: / Strong> 3
wow, obtuve un poco “ ranty” en ese.
Creo que eso es lo que sucede cuando sucede cuando ¡Obtienes una llamada tan cercana! El equipo de Buffer definitivamente está en el camino correcto y mejoró drásticamente su página. Creo que el cambio más importante provino de actualizar la copia.
En realidad están hablando con un grupo específico, diciéndoles lo que ofrecen y por qué es bueno para ellos. Todos los otros cambios fueron de salsa; ¡El cambio de claridad fue el grande!
Puede leer la redacción completa de estos rediseños y ver cómo Cisco intenta mejorar su página de la comunidad Devnet aquí / em> .
Entonces, si lo llegas a llegar tan lejos, probablemente notaste una tendencia interesante:
Todas las versiones actualizadas aparentemente tenían el borde!
I Me pregunto cuánto más tiempo durará esa tendencia … quiero decir lo nuevo que no es siempre lo que es mejor .
octubre de 2016
6. El rediseño de la página de productos de Uber
Uber decidió hacer algunos cambios de contenido considerables en su página de reclutamiento de controladores. Lo que estaba emocionado de ver era una gran empresa que hacía actualizaciones interesantes sin tener que desviarse demasiado de la plantilla (esto hace que sea más fácil cambiar las cosas y implementar las cosas cuando su equipo de desarrollo está trabajando en cosas que son “más importantes”) .
¿mejoran estos cambios de imagen y contenido con la última actualización o presionarme para conducir para Lyft? Descúbrelo en mi revisión de 9 minutos.
[incrustar] https://www.youtube.com/watch?v=obca spfknk [/incrust]
puntaje final < /H3>
Versión anterior: 1
Versión actualizada: 2
Así que esto realmente podría haber ido de cualquier manera , pero la versión actualizada tenía el [muy] ligero borde. Si hubieran mejorado parte de su claridad y se hubieran centrado más en el conductor que en la aplicación, entonces esto habría sido un deslizamiento de tierra. Sin embargo, simplemente chirrió por dos factores principales fueron un “sin concurso” porque el esquema de diseño seguía siendo el mismo.
7. Rediseño de la página de inicio de KissMetric
Como fanático de Kissmetrics y, al ser parte de su público objetivo, me entusiasmó mucho aler rediseño. Averigüe si mi emoción continúa cuando veo el nuevo rediseño o se desaceleran en esta revisión de 11 minutos.
[incrustación] https://www.youtube.com/watch?v=Up8i33lmmy4 [ /incrustación]
puntaje final
versión anterior: 4
versión actualizada: 0 // P>
Finalmente sucedió! He estado haciendo estas reseñas de rediseño durante bastante tiempo y esta es la primera vez que ganó la versión anterior. He aquí por qué:
- Hubo una falta de claridad al eliminar las secciones de características clave.
- El nuevo diseño dificultó leer la página (texto blanco sobre fondo azul claro … Yuck).
Lo único que estaba feliz de ver es que se deshicieron de la opción incómoda para solicitar una demostración o comenzar una prueba en el encabezado. Desafortunadamente, todavía era una elección en la última sección de contenido, lo que me hizo tener que retirar algunos de esos alabanzas.
8. Página de precios de Mixpanel
Ah, la página de precios, mi obsesión más reciente basada en mi trabajo aquí en DM. Cuando vi esta actualización, salté de alegría y descubrirá exactamente por qué en esta revisión de 8 minutos.
[incrustar] https://www.youtube.com/watch?v=oy0zeJqknq8 [ /incrustación]
puntaje final
versión anterior: 0
versión actualizada: 4 / P>
Este es el segundo barrido cercano y si no hubiera habido un “sin concurso” en una de las categorías, entonces habría sido un barrido completo. En pocas palabras, esta nueva página es mucho mejor que la triste mesa que tenían antes. Trabajo impresionante, mixpanel!
9. Página de soluciones de Cisco
Uno de mis tipos favoritos de rediseños es cuando obtienes una página de “Web antigua” versus una página que aparece y funciona como algo que se hizo para el presente. Sin embargo, ¿el nuevo esmalte de Cisco mejora la funcionalidad, o es solo un lápiz labial en un cerdo?
Descubre en mi revisión de 9 minutos.
[incrustación] https: // www .youtube.com/watch? v = 0pmjjc7pxrc [/incrustar]
puntaje final
versión anterior: 0
versión actualizada : 5
Es un barrido limpio; Tome los diseños de texto de tres columnas de la vieja escuela. Con toda seriedad, esta actualización no es perfecta, pero está por delante de su predecesor. Hay un lugar en particular que es una mejora de genio, pero carece por completo de ejecución.
10. ¡La página de registro de Lyft
esta podría ser mi revisión más sorprendente hoy! Hay dos páginas drásticamente diferentes: una de la forma intersticial fea frente a la bonita página de destino. Averigüe si lo que es bonito debería funcionar mejor en la revisión de 7 minutos de Lyft.
[incrustar] https://www.youtube.com/watch?v=znonokvz2is [/incrust]
H3> Puntuación final
Versión anterior: 4
Versión actualizada: 1
Bueno, que eso ¡Fue una sorpresa! La moraleja de esta historia es evitar elementos extraños y mantener al visitante enfocado en la tarea en cuestión. Además, haga que sea lo más fácil posible que se registren, por ejemplo, se registren con Facebook.
Esta revisión depende de la suposición de que esto es entre dos “páginas de registro”. Cada vez que incluya un formulario en línea en una página que debe hacer, el levantamiento pesado de educar y persuadir a su oficina, además de optimizar el formulario en sí!
La versión anterior tenía que hacer menos trabajo, era claro, era claro, era claro, y tenía una mejor funcionalidad.
¡GUAU! Este lote me sorprendió. Solo hubo un caso en el que las revisiones estaban cerca y dos casos en los que la versión anterior definitivamente tenía la ventaja. Si le gustaron estas reseñas, danos un Me gusta en YouTube y por favor comente allí para compartir tus pensamientos (sin trolls, por favor).
abril de 2017
11. Página de registro de Spotify
Dos de mis cosas favoritas: las páginas de formulario y Spotify … este va a ser divertido.
Veamos cómo Spotify aborda su rediseño en el video de 9 minutos A continuación:
[incrustar] https://www.youtube.com/watch?v=v6b_pdmnyik [/incrustar]
resultados finales
Versión anterior: 2
Versión actualizada: 2
Entonces, me siento un poco cojo de dejar esto en un sorteo, pero creo que esto ¡es más una oportunidad para Spotify que una evasión para mí!
ambas páginas son sólidas.
en lo que deben centrarse es servir esta página al
La variante actualizada se siente más como una página de destino de Bare Bones que depende de la marca, mientras que la otra es una página de registro tradicional. Si las personas vienen directamente al sitio web, muestre la nueva variante y si provienen de un enlace interno, muestre la vieja variante!
oh, también mata a esa captcha con fuego. Eres increíblemente bueno con los datos y debe tener una mejor manera de atrapar spam.
12. La página de inicio móvil de Draftkings
DraftKings está actualizando constantemente su sitio, pero generalmente es su oferta de pliegue anterior lo que recibe el tratamiento, mientras que el resto del contenido sigue siendo el mismo.
Esto me lleva Para buscar actualizaciones “importantes”, y comencé a cavar en su experiencia móvil.
Hicieron algunos cambios leves. Pero en general, ¿fueron estos cambios suficientes para marcar la diferencia o su elección de durmiente se quedó dormida? Mire el video de 11 minutos a continuación para averiguar:
[incrustar] https://www.youtube.com/watch?v=nanqnkkumji [/incrust]
Resultados finales < /H3>
Versión anterior: 0
Versión actualizada: 3
Draftkings hicieron algunos cambios menores que podrían tener ascendió a algunas grandes victorias, pero supongo que no vieron mucha diferencia entre las dos versiones. Ambas variaciones tienen una experiencia de usuario sub-par y la variación actualizada ganó porque endureció la mensajería sobre el pliegue.
Idealmente, me gustaría ver que esto vuelva al tablero de dibujo y para los borradores Prueba algo nuevo.
13. ¡Cisco’s About US Page
Estaba muy emocionado de ver que Cisco había realizado otra actualización masiva de su sitio! La última vez que lanzaron un rediseño, le di un puntaje perfecto de 5 contra su predecesor.
¿Pueden obtener esto nuevamente? ¡Mira esta crítica para averiguarlo!
[incrustar] https://www.youtube.com/watch?v=aiy89-dwdwq [/incrustar]
Resultados finales
versión anterior: 0
versión actualizada: 5
¡Hot Dang lo hicieron de nuevo! Quien esté diseñando estas páginas en CICSO … bueno, dales un aumento.
La nueva página sale de la plantilla de software empresarial anticuado y las lleva a la edad de diseño moderna.
esto ¡No todo es un estiramiento facial! Cisco …
- construye una página que cuenta una mejor historia
- Use imágenes para preparar al visitante
- Da una mejor dirección que rodea qué hacer a continuación / ¡Li>
Gran trabajo y no puedo esperar a ver lo que haces a continuación!
14. Página de inicio de Ghostery
Como usuario de Ghostery desde hace mucho tiempo, tenía curiosidad por ver cómo han actualizado su página de inicio. Parece que pasaron de una página de inicio de estilo más larga “estás aquí” a una página de compresión más específica.
¿Funcionó eso? Descubra mis pensamientos en mi crítica de video:
[incrustar] https://www.youtube.com/watch?v=wq-tvogyazk [/incrust]
Resultados finales < /H3>
Versión anterior: 2
Versión actualizada: 3
Este estaba cerca.
Realmente la única razón por la que ganó la versión actualizada fue por el mensaje unificado. Realmente se cayeron en términos de diseño y la falta de contenido realmente perjudicó la página. Tal vez puedan fusionar los dos diseños para crear una página de “compromiso” que aumente tanto la conciencia de la marca como las conversiones.
¡Oh! Si desea obtener estas alertas de rediseño para ver qué están haciendo otras organizaciones, regístrese para el boletín de Blink.