SAAS (Software as a Service) é um modelo de negócios popular e, como você pode imaginar, os sistemas SAAS precisam de sites para explicar e demonstrar seus serviços a clientes em potencial. Felizmente, existem muitos sites SAAS construídos com Divi. Neste artigo, daremos uma olhada em 11 exemplos de sites SAAS construídos com Divi para ajudar a inspirá-lo para seu próximo projeto SAAS.

Esses sites podem ajudar com inspiração para layouts, cores, imagens, descrições de produtos, vídeo incorporado, estudos de caso, CTA's (call-to-action), navegação e muito mais. A maioria são brochuras com tabelas de preços. Muitos incluem chat e outros sistemas de comunicação. Os sites não estão em uma ordem específica.

1. Central de faturas

O Invoice Central exibe uma imagem de largura total com slogan e CTA, e uma seção com logotipos para a mídia onde o serviço foi apresentado. A imagem abre um vídeo embutido do Vimeo quando clicado. O menu superior inclui um botão de bate-papo e botões de login / inscrição. A próxima seção mostra os recursos com uma seção sobreposta. Uma seção de introdução mostra o processo usando ícones. Um indicador de rolagem mostra os logotipos do cliente. Um controle deslizante de depoimento exibe depoimentos com animação em zoom seguido por um CTA e rodapé com links. O site é um ótimo exemplo de uso de gráficos e cores.

2. Planejamento Visual

O planejamento visual inclui um controle deslizante de postagem em tela inteira, uma seção que inclui imagens planas com links para as várias opções do SAAS e uma seção de duas colunas com formulário de inscrição no boletim informativo e um calendário de eventos. Em seguida, há uma seção com sinopses descrevendo as soluções SAAS, dois CTA's e rodapé com links. O sistema de menu inclui informações de contato clicáveis ​​e links sociais que correspondem à marca da cor.

3. Treinar

Traineaze usa uma imagem de fundo em tela cheia com informações sobre a plataforma e um CTA. A rolagem revela uma seção com ícones que mostra os benefícios em apenas algumas palavras. A próxima seção usa imagens e texto alternados para mostrar detalhes sobre o sistema. Em seguida, há uma seção com preços e CTA, depoimentos de clientes com logotipos de empresas, uma seção com prêmios e CTA e rodapé com informações de contato e sobre. O menu também inclui um CTA. Uma caixa de mensagem do Zendesk permanece na tela. O site faz ótimo uso de cores e imagens com um layout limpo.

4. Altitude 365

O Altitude 365 usa uma imagem de fundo em tela cheia com sobreposições animadas que vão e vêm ao fornecer informações sobre o serviço. Links para postagens de blog aparecem à direita com fundos de cores diferentes. O menu inclui vários logotipos, um link de e-mail, um link de ajuda e um menu padrão e um menu de hambúrguer. O menu de hambúrguer inclui contatos clicáveis ​​e links sociais. As próximas seções mostram uma linha do tempo do processo, uma lista de serviços, estudos de caso com sobreposições e uma seção sobre usando uma linha do tempo com um link para mais informações. A página do blog exibe as três últimas postagens em grandes blocos seguidos por uma listagem regular do blog em quatro colunas. O site tem um layout clean e aproveita muito as cores.

5. Formaliti

O Formaliti exibe uma imagem em tela cheia com informações e CTA em uma sobreposição de um lado. Uma pequena seção fornece uma breve descrição seguida por uma seção mais detalhada com CTA e um vídeo incorporado, e uma seção com uma imagem e informações. Os benefícios são exibidos com ícones de marcas coloridas, enquanto outra seção mostra de quais planos cada setor de negócios se beneficia. Uma seção de depoimentos mostra imagens com nomes e um link para ver os depoimentos e estudos de caso. Um CTA é colocado sobre um fundo de partícula. O rodapé exibe links com cores de marca. O site faz ótimo uso de cores e espaços em branco.

6. Netsil

A Netsil usa uma imagem em tela cheia com um slogan e CTA's. O menu também inclui um CTA. Em seguida, há uma seção sobre com um link para download para um white paper, uma seção com sinopses sobre os serviços e uma seção mostrando como funciona, incluindo ícones e um CTA. Uma seção de blog exibe artigos em destaque. Um rodapé personalizado inclui links e um formulário de inscrição sobre um fundo de partícula. Um botão de bate-papo permanece na tela. Os sites fazem grande uso de cores e animações de marca.

7. Kasisto

O Kasisto usa uma imagem de plano de fundo em tela inteira com um slogan e CTA em uma sobreposição. A próxima seção usa um plano de fundo com ícones com informações, logotipo e CTA em uma sobreposição. Em seguida, há uma imagem de largura total com sobreposição para demonstrar o produto e listar os recursos, uma seção mostrando uma animação do produto trabalhando com CTA, uma seção com citações da mídia, uma declaração da empresa sobre um fundo e um rodapé com Formulário de Contato. O site faz um excelente uso de cores e imagens.

8. RankAbove

RankAbove usa uma imagem de largura total com slogan e CTA em uma sobreposição. A rolagem exibe sinopses com ícones e CTA, uma seção com logotipos de clientes com link em uma imagem sobreposta de sites de clientes em paralaxe real e uma seção com estatísticas usando contadores de círculo e um gráfico de design plano. Um depoimento é exibido em uma sobreposição sobre uma imagem da empresa em paralaxe. Uma seção sobre os serviços usa imagens circuladas e um link. Um grande rodapé inclui links e um formulário de contato. Os links de contato e login são colocados no menu superior. O site faz bom uso de sobreposições e paralaxe.

9. Ezypay

Ezypay usa uma imagem de fundo em tela cheia com informações e CTA em uma sobreposição. Inclui até um botão de reprodução de vídeo que reproduz um vídeo do YouTube em uma janela modal. Várias seções exibem os recursos do produto com links para aprender mais. Uma seção de largura total inclui uma imagem de plano de fundo com uma CTA de seminário on-line em uma sobreposição. As consultas são feitas por meio de um formulário de contato de tamanho integral. O rodapé inclui links para o site em vários idiomas. A página de preços inclui um seletor de país. O site faz bom uso de cores de marca.

10. vcita

vcita inclui fundo animado em tela cheia com slogan e CTA. Também inclui um CTA no menu. A rolagem revela várias seções que mostram uma demonstração animada do aplicativo com marcadores e ícones dos benefícios em um layout alternativo. Em seguida, está um CTA completo com informações de contato, depoimentos, logotipos das plataformas com as quais o sistema se integra, uma tabela de preços e rodapé com links. O site faz excelente uso de animação e cores da marca.

11. OpenRemote

OpenRemote exibe uma imagem em tela inteira com uma frase de efeito e um link de vídeo do YouTube em uma sobreposição. O vídeo é reproduzido em modal quando o botão é clicado. Inclui um menu de largura total sob o logotipo que inclui uma linha separadora. A próxima seção mostra as etapas do processo usando ícones. Em seguida, há uma seção de sinopses sobre os serviços, um controle deslizante de depoimento de largura total sobre uma imagem de fundo, uma seção com feeds de notícias e tweets mais recentes, controles deslizantes para clientes e prêmios e um rodapé com links e pesquisas. O site faz grande uso de cores de marca.

Pensamentos finais

Esses 11 exemplos de sites SAAS construídos com Divi são ótimos exemplos de que o Divi está sendo usado para criar sites SAAS interessantes, completos com informações detalhadas de produtos e benefícios, tabelas de preços, estudos de caso, vídeo incorporado, sistemas de bate-papo e muito mais.

Esses sites são ótimos para fornecer idéias para layouts, cores, imagens, planos de fundo, vídeo, navegação, etc. Os sites SAAS são excelentes para exemplos de apresentação de produtos e também funcionam como exemplos de fotografia de produto e estudos de caso. Esses sites certamente o inspirarão para o seu próximo projeto SAAS.

Quais são alguns dos seus elementos favoritos desses sites Divi SAAS ? Deixe-nos saber nos comentários abaixo!

Imagem em destaque via venimo / shutterstock.com