# Como um site deve ser desenvolvido pra não custar duas vezes

URL: https://agenciami.digital/blog/como-um-site-deve-ser-desenvolvido-pra-nao-custar-duas-vezes
Publicado em: 2026-08-24
Categoria: Desenvolvimento
Autor: Róger Perotto
Fonte: Agência Mi Digital

*Chega bastante coisa assim aqui na Mi. O layout do site desenhado numa ferramenta de fazer post. Fica bonito na tela de quem desenhou, e trava na hora de construir.*

![Como um site deve ser desenvolvido pra não custar duas vezes](https://cms.agenciami.digital/api/files/5ds1gxtr5ncq3be/3us16xcl3nxi6ef/como_um_site_deve_ser_desenvolvido_pra_na_o_custar_duas_vezes_0q8CZxDrdK.png)

# Site sem design system: o que quebra seis meses depois

Chega bastante coisa assim aqui na Mi. O layout do site desenhado numa ferramenta de fazer post. Fica bonito na tela de quem desenhou, e trava na hora de construir.

O Canva é ótimo, e ninguém aqui vai dizer o contrário. Post, card, convite, apresentação de última hora. Ele resolve, e resolve rápido. Só que tudo isso é peça de tamanho fixo, feita pra ser vista de um jeito só. Um site precisa funcionar no celular, no notebook e num monitor grande, e continuar fazendo sentido nos três.

## Começar nunca foi o difícil

Começar um site hoje é fácil. Ferramenta boa não falta e tem muita gente com iniciativa fazendo coisa boa por conta própria. O difícil nunca foi começar.

O difícil aparece na tela em branco. Ela não pergunta qual grade tu vai usar, quanto de respiro vai entre um bloco e outro, qual o tamanho do botão, o que acontece com o menu no celular. Ela só espera.

Quem já fez isso muitas vezes chega com essas respostas prontas. Quem está fazendo pela primeira vez decide no meio do caminho. E decisão tomada no meio do caminho não fica escrita em lugar nenhum. Seis meses depois o site tem dezenas de regras que só existiram na cabeça de quem decidiu naquele dia.

## Isso tem nome

Design system é uma coisa simples. São as regras do teu site combinadas antes de alguém desenhar a primeira página. Cores, tipografia, espaçamento, botões, blocos, como tudo se comporta no celular.

Quantos tamanhos de título existem e quando cada um entra. Qual é o botão principal e qual é o secundário. Quanto de espaço separa uma seção da outra. Como uma imagem larga se comporta numa tela estreita. Tudo isso fica combinado antes, uma vez só, e passa a valer pra qualquer página que nascer depois.

## Dá pra ver na tela antes de virar problema

Quando essas regras não existem, aparece primeiro no visual. A página de campanha que não parece do mesmo site. O botão com três tamanhos. O título que muda de peso a cada seção.

Toda alteração vira projeto porque ninguém sabe qual regra estava valendo. O que seria uma hora de manutenção volta como orçamento.

Com as regras no lugar, página nova é montagem. O time encaixa peça que já existe, e o site continua parecendo o mesmo site dois anos depois.

## A faca de pão até corta madeira

Devagar, torto, e a marca fica. Quase tudo dá pra fazer de um jeito ou de outro. O que muda é quanto tempo o resultado aguenta em pé.

## Onde a IA entra

A Mi usa IA no processo todo dia. O que decide o resultado é quem diz pra ela o que fazer, e com base em quê.

Aqui um site nasce em cima de quase dezoito anos de sites feitos antes dele. As decisões chegam prontas porque já foram erradas e acertadas em outro lugar. Depois disso, o desenvolvimento em GRAV é montagem.

## A pergunta que economiza dinheiro

Antes de contratar quem vai fazer o teu site, pergunta quais decisões já estão tomadas e onde elas ficam escritas.

Se a resposta não vier, é porque elas ainda não existem.