01 · O ponto de partida
Fred Toninho é a marca pessoal de António Luemba: empresário, designer há mais de catorze anos, estratega de marketing, mentor e palestrante — e Director Executivo desta casa. Começamos por aí, porque é a primeira coisa que qualquer pessoa deve saber ao ler este caso: o cliente é nosso. O que se segue foi feito com o mesmo método dos outros casos, e é verificável do mesmo modo.
O problema não era falta de trabalho nem falta de audiência. Era falta de morada. Quatro pontos concretos:
- Tudo o que escrevia vivia em casa alheia. Textos longos publicados em redes sociais duram o que dura o alcance do dia e desaparecem na ordem que a rede decidir. O que é para ser lido dois anos depois não pode viver num sítio que só mostra o de hoje.
- A história — que é o argumento — não cabia num perfil. Quem convida alguém para falar quer saber de onde essa pessoa vem. Uma trajectória de duas décadas, com o que correu mal incluído, não se conta em legendas.
- As frentes disputavam a mesma atenção. A agência, as mentorias e consultorias, as palestras, os artigos e o podcast eram cinco coisas sem hierarquia entre si. Quem chegava por uma não descobria as outras.
- Não havia nada para entregar. Nem endereço único para pôr num convite, num cartão ou numa apresentação; nem lista própria — quem quisesse acompanhar o trabalho só podia fazê-lo através de uma plataforma que não é dele.
Fizemos o site por inteiro: posicionamento, escrita, desenho, construção e publicação em domínio próprio. Abaixo, serviço a serviço, o que foi feito.
Serviço 01
Marca & Design — uma ideia antes de uma página
Cinco actividades não se resolvem com cinco páginas. Resolvem-se com uma frase que as segure: negócios, design e prosperidade, e um denominador comum que atravessa o casamento, a empresa e a fé — que é, aliás, o tema que ele escreve há anos. A partir daí, tudo no site obedece a essa hierarquia: primeiro o que ele defende, depois quem ele é, depois onde aplica aquilo que ensina.
O sistema visual é curto de propósito: fundo claro, preto de leitura, um só laranja para o que se pode clicar, e um ponto — o mesmo ponto que fecha o título e assina o nome no cabeçalho. Três tipos de letra com funções distintas: um grotesco largo para os títulos, um serifado em itálico para as citações e uma sem-serifa para o texto corrido. Marca pessoal não precisa de mais; precisa de ser reconhecida em qualquer ecrã.
Clique em qualquer imagem para ver em grande e ler o que foi feito.
Serviço 02
Sites & Plataformas — oito páginas, uma por intenção
O site tem oito páginas e cada uma responde a uma pergunta que alguém faz de facto: quem é (início), de onde vem (história), o que pensa (artigos e o modelo de página de artigo), o que diz em voz alta (conversas), onde aplica o que ensina (iniciativas), como se acompanha (newsletter) e como se fala com ele (contacto).
Por dentro é HTML estático, sem framework e sem servidor a montar páginas: as animações são GSAP com ScrollTrigger e a rolagem é suavizada com Lenis. O hero abre com vídeo em ciclo, com imagem de cartaz enquanto o vídeo não chega e duas codificações — WebM e MP4 — para não depender do telemóvel que a pessoa tem. As páginas são geradas a partir de um cabeçalho, um rodapé e uma navegação únicos, o que significa que mudar uma entrada do menu é mudar um ficheiro, e não oito.
As moradas são limpas: /historia e não /historia.html, com redireccionamento permanente de quem chegar pela morada antiga. O site está publicado em alojamento clássico ligado ao repositório: cada alteração enviada publica-se sozinha, sem ninguém carregar ficheiros por FTP.
O site é lido no telemóvel antes de o ser em qualquer outro sítio, e um caso de site que só mostra o computador está a mostrar metade do trabalho.
Serviço 03
Crescimento Digital — domínio, pesquisa e lista própria
Um site em nome próprio só serve se for encontrável e se for dele. Cada página leva título e descrição escritos à mão — e não o mesmo texto repetido oito vezes —, um só H1, moradas em português e cartões de partilha com imagem, para que uma ligação enviada por WhatsApp apareça com cara e não como um endereço em cru.
O domínio é dele, o alojamento está em nome dele e o correio é do domínio: quem escreve para ola@fredtoninho.com escreve para uma morada que nenhuma plataforma lhe pode fechar. A newsletter tem página, nome e formulário montados em todas as páginas onde faz sentido subscrever.
02 · Como foi feito
Seis passos. A regra que os organiza é a de sempre: nada se desenha antes de estar decidido o que a página tem para dizer.
-
Separar o autor do empresárioPasso 01
Pôr em cima da mesa tudo o que ele faz e perguntar, de cada coisa, a quem serve. Sem esta conversa, o site teria ficado com uma página inicial a vender agência e a pedir leitura ao mesmo tempo.
-
Escolher a tesePasso 02
Negócios, design e prosperidade, com um denominador comum a atravessá-los. Uma direcção defendida, e não três à escolha: escolher é o trabalho de quem foi contratado para isso.
-
Escrever antes de desenharPasso 03
História, artigos, iniciativas, episódios e legendas escritos primeiro. Desenhar antes de escrever produz caixas bonitas que ninguém consegue encher.
-
Oito páginas, uma por intençãoPasso 04
Uma página por pergunta que alguém faz de facto, com um modelo próprio para os artigos — para que publicar o décimo texto custe o mesmo que publicar o primeiro.
-
Construção à medidaPasso 05
Sem modelo comprado: HTML estático, animação com GSAP e rolagem com Lenis, cabeçalho e rodapé únicos para todas as páginas, e verificação no telemóvel à mesma hora em que era verificada no computador.
-
Domínio próprio e publicação automáticaPasso 06
Publicado em fredtoninho.com, em https, com e-mail do domínio e moradas sem extensão. O alojamento está ligado ao repositório: o que se altera publica-se sozinho.
03 · O que ficou entregue
- Posicionamento escrito — negócios, design e prosperidade, com o denominador comum a servir de regra de hierarquia em todas as páginas.
- Site completo de oito páginas — início, história, artigos, modelo de artigo, conversas, iniciativas, newsletter e contacto —, construído à medida e não a partir de modelo.
- Página de história com índice de capítulos, fio de leitura e capítulo activo, para um texto longo ser lido até ao fim.
- Arquivo de artigos próprio, com destaque, grelha e modelo de página pronto para os textos seguintes.
- Páginas das iniciativas — agência, mentorias e palestras — com o âmbito de cada uma escrito.
- Newsletter com nome, página e formulário em todas as páginas onde faz sentido subscrever.
- Contacto em forma de carta, que compõe o pedido já qualificado para o endereço do domínio.
- Base de pesquisa e partilha: título e descrição únicos por página, um H1 por página, moradas em português sem extensão, redireccionamento das antigas e cartões de partilha com imagem.
- Publicação em domínio próprio, em https, com alojamento ligado ao repositório e deploy automático a cada alteração.
O que ainda não está feito. O formulário da newsletter está montado nas páginas, mas ainda não está ligado a um serviço de envio — hoje confirma a subscrição no ecrã e nada mais. Dizemo-lo aqui porque é o próximo passo combinado, e porque um caso que só conta a parte bonita não serve para avaliar ninguém.
O que se pode verificar. Abra fredtoninho.com, percorra as oito páginas e desça até ao fim de qualquer uma — a assinatura no rodapé é a nossa.
Não publicamos indicadores de negócio deste projecto: um site publicado há pouco tempo ainda não tem histórico que sustente número nenhum. O que está acima é material entregue, e é verificável hoje.
