HTML a partir de um designConversão de layout em HTML

Seu design em HTML e CSS: uma página a partir da sua captura de tela ou mock-up, com versão mobile

Normalmente fica pronto em 15 minutosAjustes incluídosControle de qualidade
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.
Fazer pedido · R$ 251

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

Seu design em HTML e CSS: uma página a partir da sua captura de tela ou mock-up, com versão mobile

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

A página no computador A página no celular

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

Você tem um design e precisa dele como uma página que funcione. Envie capturas de tela ou exportações em PNG do seu mock-up do Figma, Photoshop, Canva ou de qualquer outra ferramenta, e montamos tudo em HTML e CSS: as mesmas seções na mesma ordem, o mesmo layout, as mesmas cores e o mesmo visual, com texto de verdade em vez de uma imagem de texto. As páginas são responsivas: quando o seu design tem só a versão desktop, criamos a versão mobile a partir dela, com menu para celular. As fotos e ilustrações do mock-up são desenhadas de novo no mesmo espírito, ou usamos as suas próprias imagens quando você as envia separadamente. Você recebe um arquivo compactado com as páginas, os estilos e as imagens, pronto para a sua hospedagem, e uma prévia de cada página na página do pedido. Não conseguimos abrir os próprios arquivos do Figma, PSD, Sketch ou XD: exporte as telas como imagens. Animações, back end, loja ou CMS não fazem parte deste serviço.

O que está incluído

  • O que você recebeUm arquivo ZIP com as páginas, os estilos e as imagens, pronto para subir para a sua hospedagem, e uma prévia de cada página na página do pedido.
  • Fiel ao seu designSeções, layout, cores e fontes como no seu mock-up
  • Versão mobileCriada a partir de um design desktop quando você não tem um para celular
  • Texto de verdadeTítulos e parágrafos em HTML que os buscadores leem
  • Imagens no lugarDesenhadas de novo no espírito do mock-up, ou as suas
  • Código limpoHTML e CSS puros, sem frameworks, nada carregado de outros sites

Como funciona

  1. 1
    EnvioVocê envia as telas do seu design e diz o que vai onde
  2. 2
    MontagemMontamos as páginas e desenhamos as imagens
  3. 3
    PréviaVocê compara com o seu design no computador e no celular
  4. 4
    ArquivoVocê baixa o arquivo e pede ajustes dentro do seu pacote

O que precisamos de você

Até 5 imagens em PNG, JPEG ou WebP: as telas do seu design, uma página ou uma tela longa em cada, nítidas o bastante para ler o texto e, se quiser, seu logo e suas fotos para usar como estão. Diga qual arquivo é qual página, os textos se forem diferentes do mock-up e seus contatos e links. Nada de arquivos do Figma, PSD, Sketch ou XD: exporte as telas como imagens.

Vamos perguntar:

  • Qual arquivo é qual página?
  • Os textos devem ficar exatamente como no design?
  • Links, contatos e botões
  • O design é seu?

Compare os pacotes

Básico1 página de até 5 seçõesR$ 140Padrão1 página de até 10 seçõesR$ 251PremiumAté 3 páginasR$ 440
Prazo1 dia2 dias3 dias
Ajustes123
Páginas113
Seçõesaté 5até 10até 8 por página
Imagens desenhadas para a página24—
Versão mobileSimSimSim
Imagens desenhadas para as páginas——6
Fazer pedidoFazer pedidoFazer pedido

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

Vocês conseguem abrir meu arquivo do Figma ou PSD?

Não, trabalhamos a partir de imagens das telas. No Figma, selecione um frame e exporte como PNG em 1x ou 2x; no Photoshop, use Exportar como. Uma página longa pode ser uma única imagem alta.

Vai ficar idêntico, pixel a pixel?

Vai ficar fiel ao seu design no layout, nas cores, nos tamanhos e na ordem das seções, mas não pixel a pixel: as fontes são fontes do sistema parecidas, e as fotos são desenhadas de novo, a menos que você envie as suas. As revisões corrigem o que importa para você.

Meu design não tem versão mobile. E agora?

Criamos uma a partir do design desktop: as colunas se empilham, o menu vira um botão, e imagens e textos são dimensionados para o celular. Você vê as duas versões na prévia.

Vocês podem montar um design a partir do site de outra pessoa?

Montamos designs que são seus ou que você tem direito de usar. Não copiamos o site de outra empresa tal e qual; um site de que você goste só pode servir como referência de estilo.

Vocês conectam ao WordPress ou a um CMS?

Não. Você recebe páginas em HTML e CSS puros que funcionam sozinhas em qualquer hospedagem; depois, o seu desenvolvedor pode passá-las para um tema de CMS, se você precisar.

Não encontrou a resposta?

Todos os serviços de Desenvolvimento e TI

Mais em Desenvolvimento e TI

Fazer pedido · R$ 251· ~15 min