¿Cuáles son los sitios web de productos SaaS mejor diseñados? ¿Qué hace a estas empresas diferentes? ¿Cómo evolucionan sus diseños a medida que sus productos maduran? ¿Los nuevos participantes tienen una ventaja?

Answer 1

Hay algunos excelentes ejemplos ya mencionados en las respuestas aquí, a los que agregaré:

1. Unbounce . Estos muchachos han hecho un trabajo estelar durante años. Han probado A / B en gran medida desde el principio, ya que es una gran parte de lo que alientan a sus clientes a hacer. El sitio web es excepcional no solo por su diseño limpio y aerodinámico, sino también por su compromiso de asegurarse de que cada visitante entienda lo que hace.

Puede ver que lo están haciendo a través de un control deslizante de estilo Olark, mostrando ejemplos de plantillas de página / cómo los clientes han utilizado su conjunto de herramientas SaaS y a través de su enfoque amigable centrado en la imagen para reclamar beneficios.

2. Kissmetrics . Este es un sitio web en constante evolución basado en pruebas basadas en datos. Lideran con un título súper simple que contiene un mensaje poderoso: “Análisis construido para optimizar el marketing” (al menos, en el momento de la redacción). Todo lo que puede hacer en la mitad superior de la página es ingresar la URL de su sitio web para probar la herramienta, que es una herramienta de generación de leads increíble para ellos.

3. Wistia . Esta es otra página de inicio de SaaS que solo transmite su identidad y mensaje con un desorden mínimo. Lo que también está muy bien hecho es su página de productos, con sus capturas de pantalla de alta fidelidad y una explicación orientada a los beneficios de por qué cada empresa que invierte en video necesita apoyarse en las funciones avanzadas de análisis, personalización y seguridad de Wistia.

Hay toneladas de otros grandes ejemplos, pero estas tres compañías se han mantenido impresionantes.

Answer 2

Algunos de mis favoritos

1. Olark (software que eleva el soporte al cliente y las ventas!) – Gran uso de colores y exhibición del producto con un ‘¡Hola, somos Olark! Nosotros construimos esto ‘
2. Trello (Trello): el diseño general es excelente y su página del Tour es increíble
3. Freshdesk (Freshdesk | Solución de soporte y asistencia al cliente en línea con una cucharada de frescura) – Me encanta lo que han hecho con todo el tema ‘frescura’
4. Campaign Monitor (Envíe hermosos boletines por correo electrónico con Campaign Monitor): otro sitio web que utiliza colores geniales. Las características y la página de precios se presentan increíblemente bien
5. Heroku (Heroku | Cloud Application Platform): he visto evolucionar la página de marketing. Solía ​​tener un fondo oscuro con texto de color púrpura oscuro y explicaciones técnicas que se veían muy bien pero probablemente era bastante intimidante. Ahora han pasado a un fondo blanco y púrpura claro y solo tienen tres puntos en su página de inicio: dedican tiempo a crear aplicaciones en lugar de infraestructura, creación y despliegue de una línea y escalar fácilmente hacia arriba y hacia abajo.

Answer 3

Acabo de compilar un gran tablero de Pinterest con capturas de pantalla de alta resolución de muchas de las principales páginas de aterrizaje de SaaS. ¡Hay algunos diseños geniales allí! Es parte de un gran análisis aquí:

Lo que aprendimos analizando más de 40 páginas principales de SaaS

Answer 4

Te recomiendo que compruebes: SaaS CSS

SaaS CSS es un proyecto que proporciona a los diseñadores web una galería que muestra los sitios web de Software como Servicio y Aplicación Web mejor diseñados de todo el mundo. Nuestro objetivo principal es mostrar los sitios web de Software como Servicio y Aplicación Web mejor diseñados .

Evaluamos e incluimos sitios web de Software como Servicio y Aplicación Web en base a los siguientes criterios: Respeto al cumplimiento de los estándares, programación sin tablas de CSS puro, frescura y atractivo general: la frescura y el atractivo son los que tienen más peso en cuanto a si un Software como Servicio o El sitio de aplicación web se acepta en la galería de diseño CSS de SaaS.

La inclusión en el software SaaS CSS como servicio y galería de diseño de aplicaciones web no significa en modo alguno una aprobación de los productos o servicios que se venden en los sitios web. Solo observamos la calidad del trabajo de diseño, no la calidad del producto. NO ganamos dinero enumerando sitios en la Galería de diseño de Software como Servicio y Aplicación Web.

Answer 5

¿Hablando de simplicidad y gran experiencia de usuario? Slack: estar menos ocupado es un gran ejemplo. También puede consultar la Integración continua ‘Enviable’ con Docker. Los sitios web SaaS deberían ser fáciles de entender para las personas.

Se adjunta un documento claro que explica las características y cómo usar las cosas.

Limpiar la página del producto sin desorden: eso debería decir, en qué nos diferenciamos y en qué somos útiles.

Lista de testimonios que lo usan – Factor de confianza

Claro llamado a la acción con propuesta de valor.