Saltar para o conteúdo

Odduel

We put the odds in your favour

Insights

Desenvolvimento de websites: escolher a stack, a construção e o parceiro

Um guia claro sobre desenvolvimento de websites: as partes de um website moderno, as escolhas de CMS e alojamento, à medida ou a partir de um modelo, a segurança e o que um bom parceiro lhe deve dar.

O website da Fab Mater pela Odduel no monitor de um programador, com um teclado e um caderno de esboços de páginas na secretária

O desenvolvimento de websites é o trabalho de planear, desenhar, construir e lançar um website que cumpre uma função para a empresa: gerar pedidos de contacto, vender produtos, recrutar ou explicar uma oferta complexa. Fazê-lo bem depende de três decisões tomadas por ordem: o que o website tem de fazer, que stack o vai sustentar nos próximos cinco anos e quem o constrói. Este guia percorre cada uma delas com clareza, das partes de que um website moderno é feito ao CMS, ao alojamento, à segurança e ao que um bom parceiro lhe deve dar, para que possa encomendar um website à medida com confiança, e não às cegas.

De que é feito o desenvolvimento de um website?

O website de uma empresa parece um conjunto de páginas, mas por baixo é um pequeno sistema com camadas distintas. Conhecê-las torna qualquer orçamento mais fácil de ler.

  • Modelo de conteúdos. Os tipos de conteúdo que publica (serviços, casos de estudo, artigos, equipa, vagas) e os campos que cada um contém. Um bom modelo é a diferença entre um website que a sua equipa de marketing consegue gerir e um que precisa de um programador para cada alteração.
  • Sistema de gestão de conteúdos (CMS). A interface de edição e a base de dados onde esses conteúdos vivem.
  • Front end. Os modelos de página, os estilos e os scripts que transformam conteúdos em páginas no navegador. É aqui que o design, a acessibilidade e a velocidade se ganham ou se perdem.
  • Integrações. Formulários, analítica, o CRM, ferramentas de marcação, pagamentos, chat, newsletters.
  • Infraestrutura. Alojamento, domínio, certificados, cópias de segurança, monitorização.

A maioria dos problemas que vemos em websites mais antigos vem de tratar tudo isto como uma coisa só. Um website lento é normalmente um problema de front end, não de alojamento; um website impossível de gerir é normalmente um problema do modelo de conteúdos, não do CMS. Quando ler uma proposta de desenvolvimento de websites, confirme que cada camada está identificada e que alguém é responsável por ela.

A forma como estas camadas se constroem mudou. Na Odduel, a IA assegura a produção repetitiva: componentes do sistema de design, código front-end, primeiros rascunhos de texto, preparação de imagens, testes e primeiras versões das traduções. É por isso que um website à medida custa hoje menos e é entregue em semanas, não em meses. A estratégia, o conceito, a direção de arte, a voz da marca e o acabamento final continuam a ser trabalho humano, e é para aí que vai o orçamento.

Que CMS escolher?

O CMS determina a forma como a sua equipa vai trabalhar todos os dias, por isso merece mais reflexão do que costuma ter. Para uma comparação mais completa, leia o nosso guia sobre como escolher um CMS; fica aqui a versão curta.

Há, em termos gerais, três famílias. As plataformas de código aberto como o WordPress, hoje construído em torno de um editor de blocos nativo, cobrem bem a maioria dos websites de marketing e têm o maior número de pessoas capazes de os manter. Os sistemas headless separam a edição da apresentação e servem empresas que publicam para vários front ends ao mesmo tempo (um website, uma app, ecrãs em loja). Os construtores alojados são rápidos a começar e baratos de manter, mas a plataforma é alugada, não é sua.

O que decidir primeiro

Antes de comparar produtos, resolva as perguntas que incluem ou excluem opções:

  • Quem vai editar o website, com que frequência e com que competências?
  • Precisa de mais do que um idioma, e cada idioma terá os seus próprios endereços? Isso altera a decisão sobre o CMS mais do que quase tudo o resto.
  • Com que sistemas é que o website tem de comunicar desde o primeiro dia?
  • Precisa de ser dono do código e dos conteúdos e de os poder mudar de sítio livremente mais tarde?

O que deixar para depois

Algumas escolhas parecem urgentes, mas podem esperar por uma segunda fase sem custo: áreas reservadas, personalização avançada, uma arquitetura headless “por precaução” ou uma dúzia de plugins para funcionalidades que ninguém pediu ainda. Um modelo de conteúdos sólido mantém essas portas abertas. Construí-las no primeiro dia acrescenta sobretudo orçamento e manutenção.

À medida ou com modelo: de qual precisa?

Um modelo é um design pronto que preenche com os seus conteúdos. Um website à medida é desenhado e construído para os seus conteúdos, o seu público e a sua marca. Ambos são legítimos; a questão é o que o website tem de alcançar.

ModeloÀ medida
Custo inicialMais baixoMais alto
Tempo até ao lançamentoSemanasSemanas a alguns meses
Adequação à marcaAproximadaExata
DesempenhoMuitas vezes pesado por funcionalidades que não usaConstruído para o que usa
Flexibilidade a longo prazoLimitada pelo autor do temaSua, para mudar

Os modelos servem para um primeiro website de uma empresa nova com orçamento apertado, ou para uma campanha de curta duração. Um website à medida justifica o custo quando o website é uma ferramenta de venda principal, quando a marca tem de se distinguir ou quando o desempenho e a visibilidade nos motores de pesquisa contam. Um website à medida cujo design UX/UI é feito para um público e uma oferta costuma recuperar a diferença depressa.

A IA reduziu a diferença entre as duas opções. Como a estrutura base, o código dos componentes e os casos de teste são produzidos depressa, o preço de um desenvolvimento à medida está hoje mais próximo do de um modelo do que estava, e as horas poupadas vão para o design, os textos e os detalhes que os visitantes notam. Explicamos como isso funciona na prática no nosso artigo sobre a IA no design e desenvolvimento web.

Um exemplo. A Nothing To Eat, uma marca de sandes em Amesterdão, precisava de um website que carregasse a identidade que tínhamos desenhado para ela, sem loja e sem reservas. Construímos um website de uma só página em WordPress com um tema de blocos próprio: a página é feita de blocos normais que o cliente pode editar, o padrão da marca percorre a página inteira e nada foi carregado que a página não use. O caso de estudo mostra a identidade e o website em conjunto.

Duas janelas de computador: o website da Nothing To Eat e o seu caso de estudo em odduel.com, um website à medida construído sobre um tema de blocos

Que alojamento precisa um website empresarial?

O alojamento é onde o website corre. As opções vão do alojamento partilhado (barato, cheio, imprevisível) às plataformas geridas e aos servidores virtuais que controla. Para a maioria dos websites de empresa, um alojamento gerido ou um servidor virtual bem configurado é o meio-termo certo.

Três coisas contam mais do que o preço por mês:

  1. Localização e velocidade. Servidores perto do seu público, protocolos modernos como o HTTP/3 e uma cache sensata.
  2. Cópias de segurança já testadas. Uma cópia de segurança que nunca restaurou é uma esperança, não um plano.
  3. Propriedade clara. A conta de alojamento, o domínio e o DNS devem estar em nome da sua empresa, não do seu programador.

O alojamento também afeta a visibilidade nas pesquisas, ainda que de forma indireta. Respostas lentas, falhas frequentes e páginas com erros refletem-se na forma como os motores de pesquisa tratam um website. Os pequenos ficheiros técnicos também contam: uma linha errada no ficheiro robots pode esconder um website inteiro das pesquisas, e um redirecionamento em falta transforma uma página bem posicionada num erro. O nosso guia sobre URLs otimizados para SEO trata dos endereços e dos redirecionamentos em pormenor.

Como manter um website seguro?

A segurança de um website é sobretudo disciplina pouco glamorosa, mais do que tecnologia engenhosa. O essencial:

  • Manter o CMS, o tema e os plugins atualizados e remover tudo o que não é usado.
  • Usar palavras-passe fortes e únicas e autenticação em dois passos em todas as contas com acesso.
  • Servir tudo por HTTPS e enviar cabeçalhos de segurança modernos.
  • Limitar as tentativas de início de sessão e desligar as funcionalidades que não usa, como o XML-RPC no WordPress.
  • Reduzir os dados dos formulários e os dados pessoais ao estritamente necessário, em conformidade com o RGPD.
  • Monitorizar a disponibilidade e os erros, para saber dos problemas antes dos visitantes.

A maioria das intrusões em websites de pequenas empresas explora fragilidades conhecidas, e já corrigidas, de software desatualizado. Um plano de manutenção e suporte é mais barato do que uma limpeza.

Quando um website muda de sítio, altera a estrutura ou retira páginas, planeie um redirecionamento 301 para cada endereço antigo. Isso faz tanto parte da proteção do website como qualquer firewall: protege a visibilidade nos motores de pesquisa que já conquistou. Um redesign de website que se esquece disto perde posições que levaram anos a construir.

O que esperar de um parceiro?

Escolher uma empresa de desenvolvimento web é escolher as pessoas com quem vai contar durante anos. O nosso artigo sobre como escolher uma agência digital aprofunda essa escolha; eis o que um bom parceiro lhe deve dar num projeto de website:

  • Um âmbito claro, que identifica páginas, modelos de página, integrações, idiomas e o que fica de fora.
  • Design antes da construção, com conteúdos reais sempre que possível, em vez de texto provisório.
  • Ambiente de testes e aprovação: uma pré-visualização privada que pode rever antes de algo ficar online.
  • Propriedade: o código, os conteúdos e todas as contas entregues em seu nome.
  • Um lançamento medido: verificações de velocidade, acessibilidade e pesquisa feitas antes do lançamento, não depois das queixas.
  • Suporte depois do lançamento, com um tempo de resposta definido.

Pergunte como usam a IA. Uma boa resposta é concreta: onde poupa tempo, quem revê o que ela produz e como a poupança aparece no seu orçamento ou no seu calendário. Uma resposta vaga, ou nenhuma, também lhe diz alguma coisa. Na nossa experiência, a versão honesta é que a IA torna a produção mais rápida e a revisão mais importante, não menos: cada componente, cada linha de texto e cada tradução é lida por uma pessoa antes de ser publicada.

Pergunte também como vão correr as primeiras semanas. Um parceiro capaz de descrever o arranque passo a passo (com quem vai falar, o que precisa de si, quando verá o primeiro design) já o fez antes.

O portfólio da Odduel numa janela de computador e a página de contacto num telemóvel, com os escritórios de Barcelona e São Paulo

Perguntas frequentes

Quanto custa o desenvolvimento de um website?

Depende mais do número de modelos de página, integrações e idiomas do que do número de páginas. Um website de marketing pequeno e bem feito e uma loja online à medida ficam em intervalos muito diferentes. O nosso guia sobre quanto custa um site explica o que faz variar o preço e o que a IA mudou.

Quanto tempo demora o desenvolvimento de um website?

Na nossa experiência, um website de marketing focado demora semanas, não meses, entre a aprovação do briefing e o lançamento. Como a IA assegura grande parte do trabalho repetitivo de construção, mais tempo do calendário vai para o design, os conteúdos e os testes. Os projetos maiores são planeados por fases, para que algo útil fique online cedo.

WordPress ou um CMS headless?

Para a maioria dos websites de marketing, o WordPress com um editor de blocos nativo e um tema construído para si é a escolha sólida: a sua equipa consegue editá-lo e muitos programadores conseguem mantê-lo. Um CMS headless justifica o custo adicional quando os mesmos conteúdos têm de alimentar vários front ends, ou quando o website faz parte de um produto maior.

O que devo perguntar antes de escolher uma empresa de desenvolvimento web?

Pergunte quem fica dono do código e das contas no final, como os conteúdos serão editados, como testam a velocidade e a acessibilidade, quanto custa o suporte depois do lançamento e como usam a IA. Peça para ver um website que construíram e que está online, e um processo de testes, não apenas capturas de ecrã.

Preciso de um website à medida ou chega um modelo?

Um modelo chega para um primeiro website com orçamento apertado ou para uma campanha curta. Escolha um website à medida quando o website é uma ferramenta de venda principal, quando a marca tem de se distinguir ou quando a velocidade e a visibilidade nos motores de pesquisa valem dinheiro a sério. A diferença de preço entre os dois é mais pequena do que era.

Se está a planear um website novo ou a reconstruir um antigo, comece pelas três perguntas acima: o que o website tem de fazer, o que o vai sustentar e quem o vai construir. Se quiser um parceiro para o processo inteiro, do modelo de conteúdos ao lançamento e ao suporte, veja o nosso serviço de criação de websites ou fale connosco sobre o seu projeto.

Mais artigos

Mais dos nossos Insights.

Ver todos os artigos

Fale connosco

A vantagem do seu lado.

A vantagem não aparece sozinha. Se tem algo para construir, lançar ou corrigir, fale-nos disso e mostramos-lhe como o abordaríamos.

    Precisa de um acordo de confidencialidade (NDA) antes de partilhar detalhes? Iniciar um projeto

    Fale connosco