Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Trade & Lateral Development, una empresa de marketing por correo electrónico.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Sobre Comercio y Desarrollo Lateral
Trade & Lateral Development es una empresa de marketing de correo electrónico de servicio completo. Tenemos 10 años de experiencia en esta industria fascinante y en expansión. Queremos transmitirle nuestros conocimientos para que pueda hacer crecer su negocio sin necesidad de investigar primero los principios y las mejores prácticas.
Aquí hay una sección de la página de inicio:
Análisis de diseño
La página de arriba no es poco atractiva. Los colores son brillantes y llamativos sin conflicto y la organización es bastante clara en todo momento. Sin embargo, definitivamente no creo que sea tan fuerte como podría ser. Como ejercicio, imagina que todo el texto de la página está borroso, ¿las imágenes de apoyo llevan la tesis del sitio? En otras palabras, ¿todavía podría decir para qué es el sitio?
No lo creo. Los íconos en la parte superior son genéricos, lo cual no es intrínsecamente malo, pero cuando sirven como imágenes únicas en el encabezado, aparecen como fallas. Me gusta el peso general del encabezado, su tamaño es grande y audaz, pero necesita decir visualmente más sobre el servicio de marketing por correo electrónico.
Una forma fácil y popular de hacer esto es con una captura de pantalla. Muestra una plantilla de la que estés orgulloso o una foto de tu sistema backend. Puede ver esta técnica en funcionamiento en las páginas de inicio de dos de sus populares competidores de marketing por correo electrónico, Campaign Monitor y MailChimp.
Esto no es una coincidencia, es una estrategia probada y efectiva. Tenga en cuenta que cada uno de estos sitios también utiliza colores muy brillantes y emplea un montón de espacio en blanco. Es la imagen de alta calidad y llamativa que los distingue del comercio lateral. Campaign Monitor incluso hace uso del mismo tipo de iconos genéricos, pero en lugar de convertirlos en el héroe de la página, sirven como imágenes de apoyo para el contenido textual.
Lo que me lleva a otra lección que se puede aprender aquí. Comercio lateral tiene toneladas de texto en la página de inicio. Usted espera que las partes interesadas pasen por el sitio y dediquen veinte minutos a leer su información, pero casi nadie tiene ese tipo de paciencia en la navegación web.
En su lugar, tiene aproximadamente tres segundos para captar el interés de un visitante, y una página llena de texto no lo cortará. Especialmente cuando sus competidores tienen diseños tan hermosos y amigables que gritan calidad y facilidad de uso. La página de Comercio Lateral, por el contrario, parece un montón de trabajo. Esto puede tener el efecto de abrumar a los potenciales clientes para que piensen que el marketing por correo electrónico es demasiado complicado y, en consecuencia, abandonan la idea.
Sudar las cosas pequeñas
No solo se puede mejorar el diseño de imagen general aquí, los detalles también podrían ser útiles. Como ejemplo, tome los botones de la página. Su diseño se siente un poco como un intento anticuado de un estilo web 2.0 que se está muriendo rápidamente. Mantenerse al día con las tendencias de diseño moderno puede parecer ridículamente insano, pero se relaciona directamente con la percepción de calidad del cliente.
Revise la comparación de los botones a continuación, nuevamente refiriéndose a los dos sitios que acabamos de usar como ejemplos.
Observe que Campaign Monitor y MailChimp tienen diseños de botones muy similares. Los gradientes sutiles, los trazos de un solo píxel, los colores, todos se sienten más contemporáneos que los botones de plástico brillante de Trade Lateral. Definitivamente no estoy sugiriendo que usted saque los otros diseños de botones, es bueno salir de la caja y hacer algo diferente. Solo asegúrese de que está avanzando, no hacia atrás en términos de estilo.
Otra cosa interesante a tener en cuenta sobre los botones en los otros sitios es la redacción utilizada. Ambos utilizan fuertes llamadas a la acción (regístrate gratis, pruébalo gratis) en lugar de lenguaje pasivo (evaluación gratuita por correo electrónico).
Recomendaciones
Veamos si podemos poner toda la información dispersa arriba en un conjunto más concreto de cambios sugeridos. Primero, reduzca el contenido de la página de inicio a algo más manejable y menos intimidante. Mucho de este contenido podría ser movido a páginas de soporte.
A continuación, haga una declaración más fuerte con su encabezado, posiblemente trabajando en algunas capturas de pantalla de sus plantillas o del sistema backend. Mostrar qué es lo que el cliente está comprando. Además, use sus íconos como una forma de dividir el contenido textual de la página en bloques visuales de una manera similar a la que se ve en el sitio de Campaign Monitor (nuevamente, no copie su diseño, solo úselo como inspiración para su producto final único).
También asegúrese de actualizar los gráficos en elementos como botones para una sensación más moderna. Esto se hace junto con asegurarse de que los botones contengan llamadas claras a la acción que establezcan claramente el propósito del botón.
Finalmente, intente tomar el contenido esporádico y modular de su página e integrarlo mejor en un diseño coherente. Observe cómo MailChimp realmente tiene muchas cosas en su página de inicio, pero en lugar de verse como piezas de rompecabezas dispersas, se ve como un todo integrado.
¡Tu turno!
Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos constructivos claros y sin insultos severos.