1. Central de facturación

Invoice Central muestra una imagen de ancho completo con eslogan y CTA, y una sección con logotipos para los medios donde se ha presentado el servicio. La imagen abre un video de Vimeo incrustado cuando se hace clic. El menú superior incluye un botón de chat y botones de inicio de sesión/registro. La siguiente sección muestra las entidades con una sección superpuesta. Una sección de Introducción muestra el proceso mediante iconos. Un teletipo que se desplaza muestra los logotipos de los clientes. Un control deslizante de testimonios muestra testimonios con animación de zoom seguida de una llamada a la acción y un pie de página con enlaces. El sitio es un gran ejemplo del uso de gráficos y color.

2. Planificación Visual

Visual Planning incluye un control deslizante de publicaciones a pantalla completa, una sección que incluye imágenes de diseño plano con enlaces a las diversas opciones de SAAS y una sección de dos columnas con un formulario de suscripción al boletín y un calendario de eventos. A continuación, hay una sección con notas publicitarias que describen las soluciones SAAS, dos CTA y un pie de página con enlaces. El sistema de menú incluye información de contacto en la que se puede hacer clic y enlaces sociales que coinciden con la marca de color.

3. Aprendiz

Traineaze utiliza una imagen de fondo de pantalla completa con información sobre la plataforma y un CTA. El desplazamiento revela una sección con íconos que muestran los beneficios en solo unas pocas palabras. La siguiente sección usa imágenes y texto alternados para mostrar detalles sobre el sistema. A continuación, hay una sección con precios y una CTA, testimonios de clientes con logotipos de empresas, una sección con premios y una CTA, y un pie de página con información de contacto y de información. El menú también incluye un CTA. Un cuadro de mensaje de Zendesk permanece en la pantalla. El sitio hace un gran uso del color y las imágenes con un diseño limpio.

4. Altitud 365

Altitude 365 utiliza una imagen de fondo de pantalla completa con superposiciones animadas que van y vienen mientras brindan información sobre el servicio. Los enlaces a las publicaciones del blog aparecen a la derecha con fondos de diferentes colores. El menú incluye varios logotipos, un enlace de correo electrónico, un enlace de ayuda y un menú estándar y un menú de hamburguesas. El menú de hamburguesas incluye contactos en los que se puede hacer clic y enlaces sociales. Las siguientes secciones muestran una línea de tiempo del proceso, una lista de servicios, estudios de casos con superposiciones y una sección acerca de usando una línea de tiempo con un enlace a más información. La página del blog muestra las últimas tres publicaciones en bloques grandes seguidas de una lista regular de blogs en cuatro columnas. El sitio tiene un diseño limpio y hace un gran uso del color.

5. Formalidades

Formaliti muestra una imagen de pantalla completa con información y CTA en una superposición en un lado. Una pequeña sección proporciona una breve descripción seguida de una sección más detallada con CTA y un video incrustado, y una sección con una imagen e información. Los beneficios se muestran con iconos de colores, mientras que otra sección muestra de qué planes se beneficia cada sector empresarial. Una sección de testimonios muestra imágenes con nombres y un enlace para ver los testimonios y estudios de casos. Un CTA se coloca sobre un fondo de partículas. El pie de página muestra enlaces con colores de marca. El sitio hace un gran uso del color y los espacios en blanco.

6. Netsil

Netsil usa una imagen de pantalla completa con un eslogan y CTA. El menú también incluye un CTA. Después de esto, hay una sección acerca de con un enlace de descarga a un documento técnico, una sección con comentarios sobre los servicios y una sección que muestra cómo funciona, incluidos íconos y un CTA. Una sección del blog muestra artículos destacados. Un pie de página personalizado incluye enlaces y un formulario de registro sobre un fondo de partículas. Un botón de chat permanece en la pantalla. Los sitios hacen un gran uso del color y la animación de la marca.

7. Casito

Kasisto usa una imagen de fondo de pantalla completa con un eslogan y CTA en una superposición. La siguiente sección utiliza un fondo con íconos con información, logotipo y CTA en una superposición. A continuación hay una imagen de ancho completo con superposición para demostrar el producto y enumerar las características, una sección que muestra una animación del producto trabajando con CTA, una sección con citas de los medios, una declaración de la empresa sobre un fondo y un pie de página con Formulario de contacto. El sitio hace un uso excelente del color y las imágenes.

8. Clasificación superior

RankAbove usa una imagen de ancho completo con eslogan y CTA en una superposición. El desplazamiento muestra anuncios publicitarios con íconos y CTA, una sección con logotipos de clientes con un enlace en una superposición sobre la imagen de los sitios web de los clientes en verdadero paralaje, y una sección con estadísticas que usan contadores circulares y un gráfico de diseño plano. Se muestra un testimonio en una superposición sobre una imagen de la empresa en paralaje. Una sección sobre los servicios utiliza imágenes en círculos y un enlace. Un pie de página grande incluye enlaces y un formulario de contacto. Los enlaces de contacto e inicio de sesión se colocan en el menú superior. El sitio hace un buen uso de las superposiciones y el paralaje.

9. Pago rápido

Ezypay utiliza una imagen de fondo de pantalla completa con información y CTA en una superposición. Incluso incluye un botón de reproducción de video que reproduce un video de YouTube en una ventana modal. Varias secciones muestran las características del producto con enlaces para obtener más información. Una sección de ancho completo incluye una imagen de fondo con un CTA de seminario web en una superposición. Las consultas se realizan a través de un formulario de contacto de ancho completo. El pie de página incluye enlaces al sitio en varios idiomas. La página de precios incluye un selector de países. El sitio hace un buen uso del color de la marca.

10. vcita

vcita incluye un fondo animado a pantalla completa con eslogan y CTA. También incluye un CTA en el menú. El desplazamiento revela varias secciones que muestran una demostración animada de la aplicación con viñetas e íconos de los beneficios en un diseño alternativo. Después de esto, hay un CTA completo con información de contacto, testimonios, logotipos de plataformas con las que se integra el sistema, una tabla de precios y un pie de página con enlaces. El sitio hace un uso excelente de la animación y el color de la marca.

11. AbrirRemoto

OpenRemote muestra una imagen de pantalla completa con un eslogan y un enlace de video de YouTube en una superposición. El video se reproduce en un modal cuando se hace clic en el botón. Incluye un menú de ancho completo debajo del logotipo que incluye una línea de separación. La siguiente sección muestra los pasos del proceso mediante iconos. A continuación, hay una sección de anuncios publicitarios sobre los servicios, un control deslizante de testimonios de ancho completo sobre una imagen de fondo, una sección con noticias y los últimos tweets, controles deslizantes para clientes y premios, y un pie de página con enlaces y búsqueda. El sitio hace un gran uso del color de la marca.

Pensamientos finales

Estos 11 ejemplos de sitios web SAAS creados con Divi son excelentes ejemplos de que Divi se utiliza para crear interesantes sitios web SAAS completos con información y beneficios detallados del producto, tablas de precios, estudios de casos, video integrado, sistemas de chat y más.

Estos sitios son excelentes para brindar ideas para diseños, colores, imágenes, fondos, videos, navegación, etc. Los sitios web de SAAS son excelentes para ejemplos de exhibición de productos y también funcionan como ejemplos de fotografía de productos y estudios de casos. Estos sitios web seguramente lo inspirarán para su próximo diseño SAAS.

¿ Cuáles son algunos de sus elementos favoritos de estos sitios Divi SAAS? ¡Háganos saber en los comentarios a continuación!

Imagen destacada a través de venimo / shutterstock.com