Dardo
ENESPT
ENESPT

Design e desenvolvimento em Webflow para times de marketing

Desenvolvimento em Webflow é construir o site de marketing da sua empresa no Webflow para que quem escreve as páginas também possa publicá-las. A Dardo desenha o site no Figma e o constrói no Webflow com um sistema de classes documentado, Collections do CMS e componentes reutilizáveis, para que seu time adicione páginas sem quebrar o design. Explicamos os limites dos planos do Webflow e seus custos recorrentes antes de você se comprometer.

Por Equipe editorial da Dardo9 min de leitura
Pedir uma propostaFale com a gente no WhatsApp
Dardo / Ilustração editorial
Nesta página

O que o nosso serviço de desenvolvimento em Webflow inclui

Um projeto em Webflow com a Dardo cobre design, construção, carga de conteúdo e lançamento, e a proposta indica quais partes você já tem. Se você chega com layouts aprovados no Figma, começamos pela construção; se não, o design vem primeiro, como em qualquer projeto de web design personalizado.

  • Layouts no Figma de cada template, feitos com componentes e variáveis que passam bem para o Webflow
  • Um sistema de nomes de classes e variáveis de cor, tipografia e espaçamento
  • Componentes com propriedades editáveis de texto, imagem e link que os editores montam em páginas novas
  • Collections do CMS para posts, cases, pessoas ou recursos, com templates e conteúdo importado
  • Interações no editor do Webflow baseado em GSAP, cada uma com uma versão para movimento reduzido
  • Formulários enviados para seu e-mail, para o HubSpot ou para outro CRM, testados antes do lançamento
  • Configurações de SEO, redirecionamentos 301, papéis de edição e um treinamento gravado

Quando o Webflow é a plataforma certa?

O Webflow serve quando um time de marketing publica toda semana, o site é feito principalmente de páginas, posts e landing pages, e ninguém quer um deploy de código para trocar um título. Os editores trabalham no canvas visual com um papel de conteúdo que os mantém fora do design, e o Webflow hospeda o site na CDN da Cloudflare.

Ele não é a plataforma certa nestes casos, e avisamos antes de orçar:

  • Um produto com login, usuários e dados próprios pertence a um aplicativo web, com o site de marketing ao lado.
  • Mais de dez idiomas extras levam o Localize para planos com preço sob consulta; nosso serviço de sites multilíngues compara as opções.
  • Um catálogo acima do limite de 20.000 itens de CMS do plano Premium costuma funcionar melhor com um CMS headless.
  • Um site que seus desenvolvedores alteram em código toda semana deve ficar no seu próprio repositório, construído com Astro.

Se você é um time pequeno com um site de lançamento cheio de movimento, compare também o Framer. O Webflow Cloud agora hospeda aplicativos em Next.js, Astro e Vite ao lado de um site Webflow, com cotas de requisições e CPU por plano, o que atende uma ferramenta pequena, como uma calculadora.

Como construímos um site em Webflow que seu time consegue continuar editando

Três decisões, tomadas antes de montar qualquer página, fazem a vigésima página que seu time adicionar ficar tão cuidada quanto a primeira.

Um sistema de classes por escrito. Cada estilo é um utilitário global ou pertence a um componente com nome, e as regras de nomenclatura vão na entrega. Sites em Webflow se deterioram quando cada seção nova acrescenta classes avulsas.

Componentes e Collections. Seções que se repetem viram componentes com propriedades de texto, imagem e link. O papel de edição de conteúdo do Webflow permite que os editores alterem textos e itens do CMS sem acesso ao design, e o conteúdo recorrente, como posts, cases e pessoas, fica em Collections ligadas por campos de referência.

Primeiro o Figma, código onde ajuda. Desenhamos com auto layout, componentes e variáveis, que o plugin Figma to Webflow consegue converter e sincronizar com o site. Quando os elementos nativos não bastam, como numa calculadora de preços, escrevemos um componente de código em React e o importamos com o DevLink, para que os editores o coloquem no canvas do mesmo jeito.

Antes do lançamento, testamos o acesso por teclado e os rótulos para leitores de tela segundo a WCAG 2.2 (auditorias completas são o nosso serviço de acessibilidade web), rodamos o Lighthouse em cada template e enviamos cada formulário. O servidor MCP do Webflow permite que assistentes de IA como Claude, ChatGPT ou Cursor editem o site dentro dos papéis existentes; escrevemos instruções para agentes que também respeitem o sistema de classes.

Quanto custa construir e manter um site em Webflow?

Você paga duas contas: a tarifa de projeto da Dardo e as tarifas recorrentes do Webflow, pagas diretamente ao Webflow. Nossa tarifa acompanha o trabalho: templates e componentes exclusivos, Collections e o conteúdo a importar, idiomas, integrações como o HubSpot e se o design entra no escopo. Nossa página de preços mostra as faixas de orçamento em que trabalhamos.

Estas são as tarifas do próprio Webflow, como sua página de preços as listava em outubro de 2026, com cobrança anual. A cobrança mensal custa mais: o Premium sai por USD 39 por mês em vez de 25.

Quanto custa construir e manter um site em Webflow?
Tarifa do WebflowPreço, cobrança anualO que cobre
Plano de site BasicUSD 15 por mêsDomínio próprio e até 300 páginas estáticas, sem CMS
Plano de site PremiumUSD 25 por mêsO CMS com 20.000 itens e 40 Collections, 50 GB de banda
Localize EssentialUSD 9 por mês por idiomaAté 3 idiomas extras, 10.000 palavras traduzidas por IA por idioma ao mês
Localize AdvancedUSD 29 por mês por idiomaAté 10 idiomas extras, URLs localizadas, imagens por idioma, roteamento de visitantes
Assento LimitedUSD 15 por mês por pessoaEditar conteúdo e montar páginas com componentes
Assento FullUSD 39 por mês por pessoaDesenhar páginas e gerenciar configurações
Plano TeamUSD 2.500 por mês, contrato anual5 assentos Full e 5 Limited, 2 idiomas, publicação de página única

Três limites pegam os times de surpresa mais tarde. O Premium inclui 50 GB de banda por mês, e passar disso dois meses seguidos aciona um upgrade automático do plano. Nos planos de site, publicar envia todas as alterações salvas para o site inteiro, inclusive edições pela metade; a publicação de página única e os fluxos por etapas começam no plano Team. E a API do CMS permite 120 requisições por minuto no Premium, o que dita o ritmo de importações grandes.

Localização no Webflow: o que o complemento Localize cobre

O Webflow Localize serve cada idioma a partir de um subdiretório como /es/, com títulos e descrições traduzidos, tags hreflang em cada página e no sitemap, e estilos, textos alternativos e conteúdo de CMS por idioma, tudo editado no mesmo canvas. Ele é cobrado por idioma, além do plano do site.

O nível importa. O Essential cobre até três idiomas extras; o Advanced acrescenta URLs localizadas, imagens por idioma e roteamento automático de visitantes para até dez. Acima de dez, o time de vendas do Webflow define o preço. A tradução por IA é um primeiro rascunho. Nós escrevemos e revisamos o espanhol de forma nativa e combinamos um revisor nomeado para cada outro idioma.

Quem é dono do site, e dá para sair do Webflow depois?

O site é seu: fica no Workspace do Webflow da sua empresa, na sua cobrança, e a Dardo entra como time convidado de agência. Domínio, DNS, destinos de formulários e analytics ficam nas suas contas.

A dependência da plataforma é real, então coloque isso na conta. As páginas do CMS só são exibidas na hospedagem do Webflow. A exportação de código exige um plano de Workspace pago, deixa o conteúdo do CMS para ser exportado uma Collection por vez, faz os formulários pararem de funcionar, e o código exportado não pode ser importado de volta. Nosso guia para migrar do Webflow para o Astro explica o que uma saída envolve; um projeto de migração de site faz essa mudança, ou a entrada no Webflow, com cada URL alterada redirecionada.

Dúvidas antes de escolher

O Webflow é bom para SEO?

O Webflow cobre os controles técnicos de que a busca precisa: títulos e descrições por página ou gerados a partir de campos do CMS, tags canônicas, sitemap automático, redirecionamentos 301, marcação de dados estruturados e arquivos robots.txt e llms.txt, servidos pela CDN da Cloudflare. Isso deixa o site fácil de rastrear. O ranqueamento continua dependendo de conteúdo, concorrência e links, que o nosso serviço de SEO planeja.

Quantas pessoas podem editar um site no Webflow, e quanto custam os assentos?

Em outubro de 2026, cada pessoa que edita conteúdo ou monta páginas com componentes precisa de um assento Limited de USD 15 por mês com cobrança anual, e cada designer ou administrador, de um assento Full de USD 39. Quem só revisa e comenta tem assento gratuito, e o primeiro assento Full do dono do Workspace já está incluído. Agências convidadas, como a Dardo, não usam seus assentos.

Devemos escolher Webflow ou Framer?

Escolha o Webflow quando várias pessoas publicam conteúdo e você precisa de papéis de edição, de um CMS que comporte milhares de itens ou do complemento Localize. O Framer atende um time pequeno, focado em design, que itera rápido num site de lançamento com muito movimento. As duas são plataformas hospedadas com dependência do fornecedor; nossa página de desenvolvimento em Framer detalha os limites dele para você comparar.

Vocês assumem ou refazem um site Webflow existente?

Sim. Começamos com uma auditoria da estrutura de classes, dos estilos sem uso, dos componentes, das Collections, das interações e dos papéis de edição. Às vezes uma limpeza basta; quando cada página carrega suas próprias classes avulsas, refazer os templates sobre um sistema limpo pode ser mais rápido do que desembaraçá-los. A auditoria diz qual é o caso antes de orçarmos a construção.

Vocês conseguem migrar nosso site de WordPress para o Webflow?

Sim. Fazemos o inventário de cada URL, importamos os posts para Collections do CMS por CSV ou pela API do Webflow, refazemos páginas e templates e damos a cada URL alterada um redirecionamento 301. Confira antes o volume: o Premium comporta 20.000 itens de CMS no site inteiro, e autores, categorias e tags também contam quando viram itens de uma Collection.

Vocês são Webflow Certified Partner?

Não, e não afirmamos ter status de parceiro. Avalie a Dardo pelo trabalho publicado, pelo escopo por escrito e pela entrega: a proposta indica quem desenha e constrói seu site, o sistema de classes que usaremos e como cada template é aceito. Se a certificação é exigência de compras, o diretório de parceiros do Webflow lista as agências certificadas.

O que vocês precisam de nós, e quanto tempo leva a construção?

Acesso ao seu Workspace do Webflow ou a aprovação para criar um em seu nome, os materiais de marca, o conteúdo ou quem o escreva, cada formulário com seu destino e uma pessoa que aprove cada etapa. A proposta define o cronograma a partir dos templates, do estado do conteúdo, dos idiomas e das integrações. Trabalhamos de Bogotá em UTC−5, dentro do horário comercial do leste e do centro dos EUA.

Do blog

Fontes e leituras adicionais

Fontes desta página, com mais detalhes dos publicadores originais.

De um briefing em Webflow a uma proposta por escrito

Um bom orçamento parte dos tipos de página, das Collections, dos idiomas e de quem vai editar. Confira se a plataforma serve, veja o trabalho publicado e envie o briefing.