Site no Ar

Modelo para site de desenvolvedor web

A estrutura de um site de desenvolvedor web que responde o que o visitante procura, seção por seção, com exemplos de texto. Use como roteiro ou comece do template que já segue este modelo.

As seções do site de desenvolvedor web, em ordem

A ordem segue o que o visitante procura primeiro: ver projetos no ar e as tecnologias usadas, saber o formato de contratação e pedir orçamento. Cada seção traz um exemplo de texto para você adaptar.

  1. Abertura com a stack

    O que você desenvolve e com quais tecnologias.

    ExemploDesenvolvedor front-end com React e Next.js, atendendo agências e startups.
  2. Projetos

    Cada projeto com link, tecnologias e o que você fez nele.

    ExemploPainel de agendamentos para rede de clínicas: React e Node. Fiz o front e a integração com WhatsApp.
  3. Stack e ferramentas

    Linguagens, frameworks e serviços com que você trabalha.

    ExemploTypeScript, React, Astro, Node, PostgreSQL e Cloudflare.
  4. Formatos de contratação

    Projeto fechado, banco de horas ou white label para agências.

    ExemploProjeto com escopo fechado, banco de 20 horas por mês ou alocação para agências.
  5. Contato com briefing

    Pede o mínimo para você responder com uma estimativa.

    ExemploTipo de projeto, prazo, se já existe design e faixa de orçamento.

O que o site de desenvolvedor web precisa resolver

Empresas e agências contratam desenvolvedor pelo que ele já colocou no ar e pelas tecnologias que domina. O site mostra projetos com link, a stack de cada um e o seu papel, e explica se você aceita projeto fechado, banco de horas ou alocação.

O que o visitante quer

Quem chega ao site quer ver projetos no ar e as tecnologias usadas, saber o formato de contratação e pedir orçamento.

O que passa confiança

  • projetos no ar com link
  • GitHub público
  • papel em cada projeto explicado
  • depoimentos de clientes e agências

Checklist do site de desenvolvedor web

  • Botão de pedir orçamento do projeto no topo, visível sem rolar a página
  • Nome, cidade e bairro escritos em texto, não só em imagem
  • Telefone e WhatsApp clicáveis no celular
  • Horários e endereço iguais aos do perfil no Google
  • Mostrar projetos no ar com link
  • Mostrar GitHub público
  • Mostrar papel em cada projeto explicado
  • Mostrar depoimentos de clientes e agências

Este modelo já pronto: o template para desenvolvedores web

portfolio-pessoal-ou-profissional.sitenoar.appno ar
Portfólio para apresentar trabalhos: exemplo com dados fictícios. No seu site entram os dados do seu negócio.Abrir em nova aba

Dúvidas sobre o site de desenvolvedor web

Posso mostrar projetos feitos para agências sob sigilo?

Pode descrever o projeto sem o nome do cliente final, com as tecnologias e o seu papel. Cada projeto do portfólio tem título, descrição e imagem, e o link é opcional.

Mando proposta de projeto fechado pelo mesmo site?

Use a proposta comercial interativa: cada cliente recebe um link com escopo por fases, cronograma, valor e o que não está incluso, como conteúdo e hospedagem. O aceite chega pelo WhatsApp.

Qual a diferença entre o modelo e o template?

O modelo é a estrutura recomendada: quais seções o site de desenvolvedor web precisa e em que ordem. O template "Portfólio para apresentar trabalhos" é um site pronto que já segue essa estrutura e que você publica e adapta.

Posso mudar a ordem das seções?

Pode. A ordem sugerida parte do que o visitante procura primeiro, mas cada seção pode ser movida, escondida ou reescrita. Peça a mudança à sua IA e publique.

Preciso saber programar?

Não precisa escrever código. Você pede as mudanças em português para a sua IA conectada ao Site no Ar, como Claude, ChatGPT, Codex, Cursor ou Gemini CLI, e ela edita e publica o site. A IA é sua; o Site no Ar publica e mantém o site no ar.