Orçamento de site: como calcular e redigir um (com exemplo)

Um bom orçamento de criação de site começa com uma curta conversa inicial e depois divide o projeto em fases claras: análise e estratégia, design, desenvolvimento, conteúdos, SEO básico e lançamento, com o alojamento e a manutenção como um artigo recorrente à parte. Cada fase tem os seus próprios artigos, com quantidades, preços e o que está incluído, seguidos do número de rondas de revisão, de um plano de pagamentos e de uma data de validade. Oferecer dois ou três pacotes em vez de um único preço facilita ao cliente dizer sim.

Este guia percorre cada passo: o que perguntar antes de definir qualquer preço, como escolher um método de cálculo, como estruturar o orçamento e um exemplo completo para o site de uma pequena empresa. Seja designer independente ou um pequeno estúdio, aplica-se a mesma estrutura. Se quiser primeiro uma lista geral, veja o que incluir num orçamento.

Recolha os requisitos antes de orçamentar

A maioria dos projetos de sites que ultrapassam o orçamento foram mal orçamentados, não mal executados. A causa é normalmente uma pergunta que faltou no início: ninguém perguntou quem escreve os textos, em quantos idiomas o site tem de estar ou se o sistema de reservas tem de comunicar com uma ferramenta já existente. Uma chamada inicial de vinte minutos, ou um questionário curto, evita que tenha de adivinhar.

Perguntas a fazer na fase inicial

• Objetivos: o que deve o site alcançar? Mais pedidos de contacto, reservas online, vendas, recrutamento, credibilidade?
• Público: quem visita o site e o que precisa de encontrar depressa?
• Páginas e estrutura: quantas páginas, aproximadamente, e quais têm um layout próprio e quais repetem o mesmo modelo?
• Conteúdos: quem escreve os textos e fornece as fotografias? Há conteúdos existentes a migrar, e quantos?
• Funcionalidades: formulários de contacto, blog, reservas, loja online, área de membros, integrações com ferramentas que o cliente já usa?
• Idiomas: um idioma ou vários? Os sites multilingues acrescentam trabalho de design, desenvolvimento e conteúdos.
• Identidade visual: há um logótipo e um manual de normas, ou isso tem de ser criado primeiro?
• Plataforma: o cliente tem um CMS preferido ou precisa de editar o site sozinho?
• Prazos: há uma data-limite fixa, como um evento de lançamento ou uma campanha?
• Orçamento disponível: o cliente tem algum intervalo em mente? Perguntar abertamente evita que desenhe um pacote que ninguém pode pagar.
• Decisores: quem aprova o design e quem assina o orçamento?

Escolha um método de preço

Não existe uma única forma correta de definir o preço de um site. A maioria dos designers e agências usa um de quatro métodos, ou uma combinação deles.

Para o site de uma pequena empresa, um preço fixo construído a partir de artigos claros é muitas vezes o mais fácil de aprovar para o cliente: sabe quanto vai pagar e vê para onde vai o dinheiro. Nos bastidores, pode continuar a calcular cada linha a partir de uma estimativa de dias à sua tarifa. Lembre-se apenas de acrescentar uma margem para gestão de projeto, reuniões e rondas de feedback, que são fáceis de esquecer e raramente pequenas.

Estruture o orçamento por fases

Divida o projeto em fases que correspondam à forma como realmente trabalha. Os clientes confiam em preços que conseguem acompanhar, e linhas separadas permitem-lhes ajustar o âmbito em vez de pedirem um desconto sobre o total.

1. 1Análise e estratégia: workshop de arranque, objetivos, mapa do site, estrutura das páginas e, se necessário, wireframes.
2. 2Design: design visual da página inicial e de cada modelo de página único, para computador e telemóvel, com um número fixo de rondas de revisão.
3. 3Desenvolvimento: construção dos modelos no CMS escolhido, comportamento responsivo, formulários e qualquer funcionalidade específica, como um blog ou uma ferramenta de reservas.
4. 4Conteúdos: introdução ou migração de conteúdos, e redação de textos ou fotografia se os oferecer. Seja explícito quando os conteúdos são da responsabilidade do cliente.
5. 5SEO básico: títulos de página e meta descrições, URL limpos, redirecionamentos do site antigo, verificações básicas de desempenho e submissão de um sitemap. Mantenha a redação modesta; é uma base, não uma campanha de SEO contínua.
6. 6Lançamento: testes em vários navegadores e dispositivos, publicação e uma curta sessão de formação para que o cliente possa atualizar o site.
7. 7Alojamento e manutenção: um artigo recorrente mensal ou anual para alojamento, atualizações, cópias de segurança e pequenas alterações. Mantenha-o separado do preço pontual do projeto.

offinal.com/q/7hX2kP

UX e design visual€ 2.400

Wireframes, protótipos e um design system completo.

Desenvolvimento€ 4.800

Implementação responsiva, configuração do CMS e otimização de desempenho.

Lançamento e formação€ 900

Apoio no lançamento e um workshop prático para a equipa.

Num PDF há sempre um compromisso entre detalhe e legibilidade. Com artigos interativos, pode manter a visão geral curta e deixar o cliente abrir, em cada linha, a descrição completa, uma captura de ecrã de um design anterior ou um exemplo de wireframe.

Um exemplo completo: site de uma pequena empresa

Eis um exemplo de orçamento para uma clínica de fisioterapia local que quer um novo site com cerca de oito páginas, um formulário de contacto e um blog simples. O cliente fornece os textos e as fotografias. Os preços abaixo são apenas uma ilustração da estrutura, não dados de mercado. As tarifas variam muito consoante o país, a experiência e o tipo de cliente, por isso use os seus próprios valores.

Há alguns pormenores que fazem este exemplo funcionar. As linhas de design e desenvolvimento são contadas por modelo, não por página, para que o cliente perceba porque é que oito páginas não custam oito vezes mais. As rondas de revisão estão escritas no próprio artigo. A redação de textos não consta da lista, e o pressuposto de que o cliente fornece os conteúdos está indicado. O alojamento aparece à parte, como opção recorrente, para não inflacionar o preço do projeto e para que o cliente o possa escolher ou não. A taxa de IVA é um exemplo para um cliente empresarial belga; aplique a taxa e o tratamento adequados à sua situação.

Ofereça três pacotes em vez de um preço

Um único preço convida a uma decisão de sim ou não. Três pacotes transformam-na numa escolha entre opções, o que é uma conversa muito mais fácil. Para o exemplo acima, os pacotes poderiam ser assim:

• Essencial: até cinco páginas em dois modelos, formulário de contacto, SEO básico, uma ronda de revisão.
• Standard: o orçamento completo acima, com o blog, quatro modelos e duas rondas de revisão.
• Completo: tudo o que inclui o Standard, mais redação dos textos das páginas principais, um segundo idioma e três meses de manutenção incluídos.

Faça do pacote do meio aquele que recomendaria e torne as diferenças fáceis de ver. O nosso guia sobre preços em três níveis explica como desenhar os níveis para ajudarem o cliente a decidir em vez de o confundirem. Com preços interativos, o cliente pode escolher um pacote e assinalar extras opcionais, como a manutenção ou um idioma adicional, e o total atualiza-se à medida que escolhe.

Gerir revisões e o aumento do âmbito

Os projetos de sites são especialmente propensos ao aumento descontrolado do âmbito, porque muitas vezes os clientes só percebem o que querem quando veem o primeiro design. É normal. O orçamento deve simplesmente deixar claro o que acontece quando isso sucede.

• Fixe o número de rondas de revisão por fase de design, normalmente duas, e defina o que é uma ronda: um conjunto consolidado de feedback, não uma sucessão de emails separados.
• Defina o que conta como pedido de alteração. Novas páginas, novas funcionalidades ou uma mudança de rumo depois da aprovação do design ficam fora do âmbito acordado.
• Defina antecipadamente o preço do trabalho extra. Indique a sua tarifa para rondas de revisão ou páginas adicionais, por exemplo como tarifa horária ou diária, para que não haja negociação depois.
• Use pontos de aprovação. Peça aprovação escrita do mapa do site e dos designs antes de o desenvolvimento começar. Alterar um design no Figma é barato; alterá-lo depois de construído não é.
• Orçamente as alterações à parte. Quando o cliente pedir algo novo, envie um orçamento adicional curto em vez de absorver o custo.

Defina um plano de pagamentos

Num projeto que dura semanas ou meses, esperar pelo lançamento para receber põe todo o risco do seu lado. Um plano baseado em etapas é habitual e fácil de explicar:

Alguns designers pedem 50% adiantados, outros dividem o pagamento em mais etapas nos projetos maiores. Seja qual for a escolha, associe cada pagamento a uma etapa que o cliente reconheça e indique o prazo de pagamento nas suas faturas. Acrescente uma linha sobre o que acontece se o projeto parar por parte do cliente, por exemplo faturar a etapa seguinte após um determinado número de semanas sem feedback. Estas são escolhas comerciais, não requisitos legais; confirme as suas próprias condições gerais e, para tudo o que seja específico do seu país, pergunte ao seu contabilista ou a um consultor jurídico.

Envie-o de forma a que o cliente possa escolher e comentar

Um orçamento de site raramente é aprovado sem perguntas. O blog pode ser acrescentado mais tarde? O segundo idioma está incluído na manutenção? Se essas perguntas circularem por email, as respostas perdem-se e o orçamento acaba em várias versões.

Enviar o orçamento como link em vez de PDF mantém tudo num só sítio. O cliente escolhe um pacote e opções, e pode usar os comentários no orçamento para perguntar sobre um artigo específico. Responde e atualiza o orçamento na mesma conversa, para que todos vejam a versão mais recente. Quando o cliente estiver satisfeito, aprova-o online. O nosso guia sobre como fazer um orçamento que os clientes aprovam aborda a apresentação e o momento certo com mais pormenor.

O Offinal foi criado exatamente para este tipo de orçamentos por projeto. Veja como funciona para agências e freelancers.