SAAS (Software as a Service) es un modelo de negocio popular y, como puede imaginar, los sistemas SAAS necesitan sitios web para explicar y demostrar sus servicios a clientes potenciales. Afortunadamente, hay muchos sitios web de SAAS creados con Divi. En este artículo, echamos un vistazo a 11 ejemplos de sitios web SAAS creados con Divi para ayudarlo a inspirarse para su próximo proyecto SAAS.

Estos sitios pueden ayudar con la inspiración para diseños, colores, imágenes, descripciones de productos, videos incrustados, estudios de casos, llamadas a la acción (CTA), navegación y más. La mayoría son folletos con tablas de precios. Muchos incluyen chat y otros sistemas de comunicación. Los sitios web no están en ningún orden en particular.

1. Factura central

Invoice Central muestra una imagen de ancho completo con lema 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 características con una sección superpuesta. Una sección de Introducción muestra el proceso mediante iconos. Un ticker de desplazamiento muestra los logotipos de los clientes. Un control deslizante de testimonios muestra testimonios con animación de zoom seguidos de un CTA y un pie de página con enlaces. El sitio es un gran ejemplo del uso de gráficos y colores.

2. Planificación visual

Visual Planning incluye un control deslizante de publicación de 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 anuncios que describen las soluciones SAAS, dos CTA y un pie de página con enlaces. El sistema de menús incluye información de contacto en la que se puede hacer clic y enlaces sociales que coinciden con el color de la marca.

3. Traineaze

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

4. Altitud 365

Altitude 365 usa una imagen de fondo de pantalla completa con superposiciones animadas que aparecen y desaparecen 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 y enlaces sociales en los que se puede hacer clic. 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 del uso de 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 seguidos de una lista de blogs normal 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 marcas de colores, mientras que otra sección muestra los planes de los que se beneficia cada sector empresarial. Una sección de testimonios muestra imágenes con nombres y un enlace para ver los testimonios y los estudios de caso. Se coloca un CTA 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 utiliza una imagen de pantalla completa con un eslogan y llamadas a la acción. El menú también incluye un CTA. A continuación, hay una sección sobre información con un enlace de descarga a un documento técnico, una sección con anuncios sobre los servicios y una sección que muestra cómo funciona, incluidos iconos y una llamada a la acción. Una sección de 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 pantalla. Los sitios hacen un gran uso del color y la animación de la marca.

7. Kasisto

Kasisto usa una imagen de fondo de pantalla completa con un eslogan y una llamada a la acción en una superposición. La siguiente sección utiliza un fondo con iconos con información, logotipo y CTA superpuestos. A continuación, se muestra 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 excelente uso del color y las imágenes.

8. RankAbove

RankAbove usa una imagen de ancho completo con lema y CTA en una superposición. El desplazamiento muestra anuncios 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 paralaje real, 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 superposiciones y paralaje.

9. Ezypay

Ezypay utiliza una imagen de fondo de pantalla completa con información y CTA superpuestos. 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 una CTA de seminario web superpuesta. 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 fondo animado a pantalla completa con lema 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 alterno. A continuación, se muestra 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 excelente uso de la animación y el color de la marca.

11. OpenRemote

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 sobre los servicios, un control deslizante de testimonios de ancho completo sobre una imagen de fondo, una sección con noticias y tweets más recientes, 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 sitios web SAAS interesantes con información detallada y beneficios del producto, tablas de precios, estudios de casos, videos integrados, sistemas de chat y más.

Estos sitios son excelentes para proporcionar ideas para diseños, colores, imágenes, fondos, video, navegación, etc. Los sitios web de SAAS son excelentes para mostrar ejemplos de productos y también funcionan como ejemplos de fotografías 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