Wireframe de Landing Page

Quadro9 nósEngenharia · Design de Landing PageFeito com um prompt
Pré-visualização somente leitura

O prompt

Crie um wireframe de landing page para um produto SaaS

Crie sua própria versão

Sobre o framework

Revise a ordem de uma landing page SaaS

O exemplo começa com a navegação e um hero sobre análises baseadas em IA. Em seguida, vêm três cards de recursos: Painéis em tempo real, Insights baseados em IA e Colaboração em equipe. Uma faixa de prova social, uma seção de preços e um rodapé completam os oito blocos de conteúdo.

O hero contém uma chamada para ação Comece grátis, e a seção de preços contém Inicie seu teste grátis. A quantidade de pessoas na equipe, os preços dos planos, as promessas sobre os recursos e a data do rodapé são textos de placeholder para o produto fictício. Eles não são evidências verificadas de clientes nem declarações sobre os planos da MyMap. Não há uma seção separada de chamada para ação de encerramento no layout fornecido.

Adapte a página para um único público e um próximo passo principal. Substitua o título de exemplo pelo resultado que seu produto oferece, apresente evidências reais na prova social e decida se os preços devem aparecer antes ou depois de uma explicação mais completa do produto.

O que inclui

O que você recebe

  • Navegação com placeholders para logo, recursos, preços, documentação e cadastro
  • Um título para o hero e um rótulo para a chamada para ação principal
  • Três cards de recursos para um produto de análises
  • Blocos de prova social, preços e rodapé com texto de exemplo
Quadro

Wireframe de Landing Page

wireframelanding pageSaaSdesign de UIconversãodesign web

✦ Free preview · Sign in to use

Perguntas frequentes

Perguntas comuns

Os preços e a quantidade de pessoas na equipe são reais?

Eles são placeholders no design de exemplo. Substitua-os por informações aprovadas sobre o produto e evidências comprovadas de clientes antes de usar o texto em uma página real.

Onde estão as chamadas para ação?

O hero inclui Comece grátis, a navegação inclui Cadastre-se, e o bloco de preços inclui Inicie seu teste grátis. Não há um bloco separado de chamada para ação final.

Como adapto isso para uma empresa de serviços?

Descreva o serviço, o público e o tipo de consulta desejada. Peça para substituir os cards de recursos por resultados do serviço e o bloco de preços por uma solicitação de consulta ou orçamento.

Wireframe de Landing Page

Grátis para começar. Cartão de crédito não obrigatório.

Free preview · Sign in to use