Mock-up de página inicial para WebflowA partir de modelo

Mock-up de página inicial no estilo do seu template Webflow

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.

Mock-up de página inicial no estilo do seu template Webflow

Exemplo de resultado

Exemplo do pacote Padrão

Versão mobile do site de uma padaria a partir de um print do desktop

Antes: a página inicial no desktop

O print do desktop

Depois: a tela do celular

O mockup da página inicial mobile

Arquivo: mockup em PNG, cerca de 1,5 megapixel. Uma imagem do design para o desenvolvedor do cliente, não código HTML nem um arquivo do Figma.

Cliente: Crumb & Kettle, uma padaria de bairro. Tarefa: mostrar como a página inicial deve ficar no celular, mantendo as fontes, as cores, o botão e as fotos do site desktop.

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

Sobre este serviço

Os templates do Webflow muitas vezes são construídos com tipografia marcante, espaçamentos generosos e animações de rolagem, e adaptar um deles ao seu negócio é mais fácil quando você vê antes a página inicial pronta. Envie uma captura de tela do seu site no Webflow ou de um template de que você goste, e desenhamos uma nova página inicial nesse estilo, com barra de navegação, destaque, uma grade de recursos, cards no estilo CMS para posts ou projetos, uma faixa de chamada para ação e o rodapé; você recebe uma imagem PNG estática, não um projeto do Webflow, um cloneable, um componente ou código exportado, e as animações não aparecem. Cada imagem é feita a partir de uma das suas capturas de tela, com cerca de 1,5 megapixel no formato dela, larga a partir de uma captura de desktop e vertical a partir de uma de celular ou de tablet em pé.

O que está incluído

  • O que você recebeVocê recebe 1, 3 ou 5 mock-ups estáticos em PNG da sua página inicial do Webflow, nos breakpoints que você escolher, refeitos no estilo da sua captura de tela. Espaçamentos, tipografia e cores se mantêm, enquanto ícones pequenos e logotipos podem mudar um pouco.
  • Barra de navegação e destaqueUm título grande, uma linha curta e um ou dois botões
  • Grade de recursos ou serviçosÍcones e títulos curtos no estilo do template
  • Cards no estilo CMSPosts, projetos ou equipe como uma lista repetida
  • Faixa de CTA e rodapéUma chamada para ação final e colunas de links
  • Visões por breakpointDesktop, tablet ou celular, a partir de uma captura desse tamanho

Como funciona

  1. 1
    TemplateVocê envia o seu site no Webflow ou um template e lista as seções
  2. 2
    Página inicialDesenhamos a página inicial com a tipografia, os espaçamentos e as cores dele
  3. 3
    AjustesVocê confere e pede ajustes dentro do seu pacote

O que precisamos de você

Até 5 capturas de tela nítidas em PNG, JPEG ou WebP (sem PDF), de uma tela cada: o seu site no Webflow ou um template de que você goste, no tamanho de tela de que precisa. Liste as seções em ordem, escreva os títulos e botões exatamente ou peça texto provisório, e indique qualquer elemento que deva ter animação no site no ar. Se você enviar menos capturas de tela do que o pacote prevê, as imagens restantes são outras variações do mesmo arquivo. Envie apenas arquivos que você tem direito de usar; não recriamos certificados nem documentos oficiais.

Vamos perguntar:

  • A captura de tela é do seu site no Webflow ou de um template de que você gosta?
  • Quais seções a página inicial deve ter, em ordem?
  • Quais títulos e botões ela deve mostrar?
  • De quais tamanhos de tela você precisa?

Compare os pacotes

PacotesBásico1 tela da página inicialR$ 56Padrão3 mock-upsR$ 123Premium5 mock-upsR$ 217
Prazo1 dia1 dia2 dias
Ajustes123
Mock-ups135
FormatoPNGPNGPNG
Telasà sua escolhaà sua escolhaà sua escolha
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

Posso importar o mock-up no Webflow?

Não. É uma imagem PNG, não um projeto do Webflow, um cloneable, um componente ou uma exportação de HTML e CSS, e nunca acessamos a sua conta do Webflow. Você ou o seu desenvolvedor a remontam no Webflow com as suas próprias classes e coleções do CMS.

Vocês vão mostrar as animações de rolagem?

Um mock-up é uma imagem estática, então interações e efeitos de hover não aparecem. Se um elemento deve se mover, escreva isso no briefing, e deixamos espaço para ele; a animação em si é configurada no Webflow.

Vocês podem preencher os cards do CMS com os meus posts?

Os cards podem trazer títulos curtos que você enviar, como três nomes de projetos; o resto são linhas provisórias e imagens provisórias. Textos pequenos podem sair imperfeitos e idiomas de alfabeto latino funcionam melhor, então confira cada título e peça um ajuste, se precisar.

O que vocês deixam de fora?

Deixamos de fora a marca, os textos e as imagens de exemplo do template e não acrescentamos uma faixa "Empresas que confiam em nós" com logotipos de outras empresas, nem avaliações ou notas falsas. A imagem é refeita, então o seu logotipo e ícones pequenos podem mudar um pouco.

Não encontrou a resposta?

Pacotes