Porque disse a um cliente para não redesenhar o site (ainda)

Veio ter comigo por um design novo. Antes de qualquer cor ou fotografia, pedi-lhe que mudasse de casa primeiro.

1
Tempo de leitura

6 minutos

2
Publicado

3
Tema

Redesign

Migração

Alojamento

O Tiago em cão a olhar para baixo num terraço, com o filho a imitá-lo ao lado.

Em resumo

  • Um site é como uma casa: uma morada, uma estrutura, e a pintura e os móveis.
  • Redesenhar por cima de uma estrutura cansada fica bonito uns meses, e depois volta a ficar lento.
  • Muda primeiro para uma estrutura nova, e depois renova divisão a divisão enquanto lá vives.

Ele queria que ficasse mais bonito

Uma escola de terapia de som, vinte anos de cursos, formações e retiros, veio ter comigo com um desejo claro: melhorar o que já tinham.

Os cursos eram bons. As fotografias eram boas. Mas o site não mostrava nada disso, e quem abria a página inicial esperava mais de dois segundos antes de qualquer coisa começar sequer a aparecer.

A resposta óbvia era um redesign. Cores novas, um layout novo, fotografias novas. Pedi-lhe que esperasse.

Um site é uma casa

Ajuda pensar num site como pensas numa casa. Tem três partes, e só uma se vê.

1
A moradao teu domínio, como oteunome.com

É tua, continua tua, e as pessoas continuam a encontrar-te no mesmo sítio.

2
A estruturaa plataforma e o código

Fundações, paredes e canalização. Ninguém a vê, e tudo depende dela.

3
A pintura e os móveiso design

O que as pessoas veem quando entram.

A maior parte das pessoas só pensa na terceira parte, porque é a única que consegue ver.

Dez anos de remendos

O site dele foi feito em WordPress há quase dez anos. Cada funcionalidade nova entrou como um plugin, um acrescento posto em cima de outro acrescento.

Nenhum se vê. Todos pesam alguma coisa. Juntos são a razão pela qual a página inicial leva mais de dois segundos só para começar a abrir, e dois segundos chegam para muita gente sair.

Redesenhar por cima disto é pintar as paredes de uma casa cuja estrutura está a ceder.

Fica lindo durante uns meses. A casa continua lenta, e cada obra nova custa mais do que a anterior.

Mudar primeiro, renovar depois

Por isso sugeri a ordem contrária, em dois passos.

1
Mudar de casa

Construo uma estrutura nova e limpa na mesma morada, com todas as páginas, nas duas línguas. O site antigo fica online o tempo todo. A página inicial ganha logo o design novo, por isso no dia da mudança a diferença vê-se. As outras páginas mantêm o aspeto por agora, e já estão mais rápidas.

2
Renovar divisão a divisão

Com o site novo no ar, redesenho uma página de cada vez, por ordem de importância. Cada uma vai para o ar quando ele a aprova.

AntesDepoisA página inicial de uma terapeuta antes e depois do redesign, antesA página inicial de uma terapeuta antes e depois do redesign, depois
Divisão a divisão. Uma página inicial que renovei para outra cliente, antes e depois, na mesma morada.

Porquê esta ordem

Se redesenhares tudo antes de publicar, o site novo só vai para o ar quando a última página estiver aprovada.

Aconteceu com uma cliente minha, e durante todo esse tempo ela continuou no site antigo.

Um site de duas semanas levou dois meses, porque a vida dela não parou. E ainda bem que não parou.

Redesenhar tudo, e depois publicar

Site antigo, ainda no arNovo

Mudar primeiro, e depois renovar divisão a divisão

MudançaSite mais rápido, no ar
Cada ponto é uma página que vai para o ar com o design novo. Na segunda ordem, o site fica melhor a partir da segunda semana.

Nesta ordem, o site fica mais rápido na primeira quinzena. Depois disso, uma página nova vai para o ar mais ou menos todos os meses, e o site melhora ao mesmo ritmo a que ele o paga.

Então que plataforma uso?

Nenhuma, no sentido do WordPress ou do Webflow. Essas são tudo-em-um: dão-te muitas coisas genéricas, e cobram-nas todos os anos em alojamento e atualizações.

Faço cada site no seu próprio código, dentro de uma ferramenta chamada Ship Studio. Funciona como uma bento box, aquelas caixas japonesas com um pequeno compartimento para cada coisa. Cada compartimento guarda uma ferramenta, e a caixa mantém-nas todas juntas.

Claude Code

Os construtores

Uma IA que dirijo como uma pequena equipa. Eu sou o arquiteto que decide.

GitHub

O arquivo

Todas as versões do site, guardadas num cofre longe da obra.

Vercel ou Cloudflare

O terreno

Onde a casa assenta, sem renda para pagar.

Sanity

O quadro de avisos

Um painel simples para juntar um retiro ou uma formação. Mais tarde, e só se quiseres.

Na prática, deixas de pagar alojamento e atualizações, e ninguém fica preso. Nem tu, nem eu.

O que fica exatamente igual

  • A morada. O teu domínio continua teu. Mudar são duas linhas nas definições dele que dizem "a casa agora é ali".
  • Tudo o que funciona hoje. Formulários de inscrição, pagamentos, o curso online, os emails. Faço a lista do que o site antigo faz, e só mudamos quando cada coisa funcionar no novo.
  • Tudo em teu nome. Domínio, contas e pagamentos.
  • Nada vai para o ar sem ti. Vês sempre primeiro num endereço temporário.

És tu?

Nem todos os sites precisam de mudar. Se o teu é pequeno, rápido e barato de manter, fica onde estás, e eu digo-te isso mesmo.

  • A tua página inicial demora um momento a aparecer.
  • Cada mudança parece que pode estragar alguma coisa.
  • Pagas todos os anos alojamento e atualizações, e não sabes bem porquê.
  • O teu trabalho cresceu, e o site não.

Se duas destas te soam familiares, vale a pena uma conversa.

Queres saber que casa é a tua?

Manda-me o link. Digo-te com honestidade se precisa de uma mudança, de uma renovação, ou de nada.

Próximo post:

Esgotado,
e a fatura
quase duplicou