Design de landing para HTMLConversão de layout em HTML

Seu design de landing page montado em HTML e CSS: cada seção do seu mockup, com versão para celular

Normalmente fica pronto em 15 minutosAjustes incluídosControle de qualidade
Pacotes
Pagamento protegidoDetalhes
  • Os ajustes previstos no pacote são gratuitos.
  • Se você não responder em 3 dias após a entrega, o trabalho é aprovado automaticamente.

O dinheiro fica reservado no pagamento e só é liberado quando você aprova o trabalho.

Seu design de landing page montado em HTML e CSS: cada seção do seu mockup, com versão para celular

Exemplo de resultado

Exemplo do pacote Padrão

Página inicial de uma clínica odontológica feita a partir do design

Antes: o design que o cliente enviou

O design da página inicial

Depois: a página funcionando

Arquivos: um arquivo ZIP com index.html, os estilos e 2 imagens para a página, pronto para subir na hospedagem do cliente. As imagens aqui são capturas de tela da página.

Cliente: Bright Smile Dental. Tarefa: transformar o design da página inicial em uma página HTML funcionando, com o mesmo layout, as mesmas cores e textos, e botões de agendamento que ligam para a clínica.

O cliente e todos os dados são fictícios.

Sobre este serviço

Uma landing vive da ordem das seções: uma primeira tela que apresenta a oferta, depois os motivos, as provas que você tem, os preços e um botão claro. Envie o mockup da sua landing como imagens, e nós o montamos em HTML e CSS com as seções na sua ordem, o mesmo grid e as mesmas cores, texto real que os buscadores leem e uma versão para celular se o seu mockup não tiver. Cada botão de chamada para ação liga, abre o WhatsApp ou um mensageiro, escreve um e-mail ou leva ao seu link de pedidos ou agendamento. Um formulário no design não consegue enviar nada, já que não há servidor, então sugerimos um botão no lugar. Sem animações, pagamentos, rastreadores ou hospedagem.

O que está incluído

  • O que você recebeUm arquivo ZIP com as páginas, estilos e imagens, pronto para subir na sua hospedagem, e uma prévia de cada página na página do pedido.
  • Seções na sua ordemDa primeira tela ao rodapé, como no seu mockup
  • Botões com ação claraLigação, WhatsApp, e-mail ou o seu link
  • Versão para celularFeita a partir do design desktop quando você não tem um mobile
  • Pronta para os buscadoresTítulos reais, um título de página e uma descrição
  • Código limpoHTML e CSS simples, sem frameworks, nada carregado de outros sites

Como funciona

  1. 1
    EnvioVocê envia o mockup da landing e diz para onde leva cada botão
  2. 2
    MontagemMontamos as seções e desenhamos as imagens que faltam
  3. 3
    Prévia e arquivoVocê compara as páginas com o seu design no computador e no celular, baixa o arquivo e pede ajustes dentro do seu pacote

O que precisamos de você

Até 5 imagens em PNG, JPEG ou WebP: o mockup da sua landing como uma tela longa ou em partes na ordem, uma versão mobile se tiver, e, se quiser, seu logo e fotos para usar como estão. Os textos finais se forem diferentes do mockup, um título e uma descrição da página para os buscadores, e para onde leva cada botão: telefone, WhatsApp, e-mail ou seu link de pedidos.

Vamos perguntar:

  • Qual arquivo é qual parte da landing?
  • Textos finais
  • Para onde leva cada botão?
  • Título e descrição da página para os buscadores
  • O design é seu?

Compare os pacotes

PacotesBásicoLanding curta, até 5 seçõesR$ 117PadrãoLanding completa, até 10 seçõesR$ 217PremiumLanding e mais 2 páginasR$ 373
Prazo1 dia2 dias3 dias
Ajustes123
Páginas113
Seçõesaté 5até 10até 8 por página
Ilustrações feitas para a página24—
Versão para celularSimSimSim
Botões de chamada para açãoTelefone, mensageiro, e-mail ou seu linkTelefone, mensageiro, e-mail ou seu linkTelefone, mensageiro, e-mail ou seu link
Ilustrações feitas para as páginas——6
Fazer pedido BásicoFazer pedido PadrãoFazer pedido Premium

Pagamento protegido

Você paga ao fazer o pedido, mas o dinheiro só é liberado pelo trabalho aprovado.

  • Preço fixoO preço do pacote não muda depois que você paga.
  • O dinheiro fica reservadoAo pagar, o valor fica apenas reservado. Ele só é repassado quando você aprova o trabalho.
  • Verificado antes da entregaCada resultado passa por um controle de qualidade antes de chegar até você, e você o vê na página do pedido antes de aprovar.
  • Ajustes gratuitosPeça ajustes dentro do seu briefing quantas vezes o pacote permitir.
  • Aprovação após 3 diasSe em 3 dias após a entrega você não aprovar o trabalho nem pedir ajustes, ele é aprovado automaticamente. Se você escrever no chat do pedido após a entrega, o pedido fica em espera; depois que respondermos, podemos reiniciar a contagem de 3 dias e avisaremos no chat.
  • Refazer ou reembolso totalSe o resultado não corresponder ao seu briefing e os ajustes não resolverem, ou se o trabalho levar mais que o dobro do prazo, escreva no chat do pedido: refazemos o trabalho ou reembolsamos o pagamento integralmente.
Como funciona →

Perguntas e respostas

Minha landing tem um formulário de cadastro. Ele vai enviar?

Não, não há servidor. O bloco do formulário pode virar um botão que abre o WhatsApp, um mensageiro ou um e-mail, ou leva ao serviço de formulários que você já usa.

Vocês podem conectar analytics ou rastreamento de anúncios?

Não, a página não tem rastreadores e não carrega nada de outros sites. Códigos de rastreamento podem ser adicionados ao HTML depois, por sua conta.

Vocês podem melhorar os textos ou a estrutura?

Este serviço monta o seu mockup como ele é. Pequenas mudanças de texto do seu briefing, sim; um novo texto ou uma nova ordem de seções não faz parte.

A contagem regressiva ou as animações do meu design vão funcionar?

Animações não fazem parte deste serviço. Uma contagem regressiva só aparece se apontar para uma data real que você passar; não acrescentamos prazos ou descontos falsos.

Vai ficar idêntico ao meu design, pixel por pixel?

Vai ficar próximo no layout, nas cores, nos tamanhos e na ordem das seções, mas não pixel por pixel: as fontes são fontes do sistema parecidas, e as fotos são desenhadas de novo, a menos que você envie as suas. Os ajustes corrigem o que importa para você.

Não encontrou a resposta?

Pacotes