Site · Espaço de bem-estar · Nordeste italiano
Persona Ambiente: um site que se parece com quem o assina
Anna Predieri junta Tai Chi, reflexologia podal, moxabustão e Feng Shui, fruto de mais de quarenta anos de investigação. Refiz o site do zero, reescrevi os textos com ela, tornei-o fácil de encontrar no Google e dei-lhe um editor para publicar sozinha os seus eventos.
O ponto de partida
O site antigo era azul-escuro e preto: limpo, mas frio e corporativo, longe do tom caloroso e essencial dos folhetos de Anna e da forma como ela fala com as pessoas. Parte dele também estava desatualizada: ainda dizia trinta anos.
O que construí
Primeiro uma direção visual, depois o site. A paleta vem dos cinco elementos da tradição chinesa, água, madeira, fogo, terra e metal, sobre uma base creme quente, com um tema claro e outro escuro.
- Dez páginas: uma para cada prática, mais a sua história, as suas criações feitas à mão, os eventos e os contactos.
- Textos reescritos em conjunto com Anna, mantendo as palavras dela. Termos coerentes ajudam tanto os leitores como o Google.
- Testemunhos em vídeo dos clientes dela, com as transcrições na página.
- Uma página de eventos dividida em próximos, em curso e passados, com os cartazes.
Eventos que ela própria publica
Os eventos são a parte do site que mais muda: cursos, workshops, dias temáticos. No início estavam no código, por isso cada nova data passava por mim. Nos seis meses após a renovação, 13 das 20 alterações ao site foram eventos.
Por isso dei-lhe um editor. Os eventos estão agora no Sanity, um editor de conteúdos que Anna abre no telemóvel com a sua conta Google:
- Adiciona um evento com cartaz, datas, local, descrição e contactos, edita-o ou remove-o. Cada campo tem uma etiqueta em italiano e um exemplo, e os obrigatórios são verificados, para que nada possa estragar o layout.
- Quando publica, o site reconstrói-se sozinho: o novo evento fica online em cerca de 72 segundos, cronometrados.
- Os cartazes são redimensionados e convertidos pelo site, e todas as noites os eventos que já terminaram passam sozinhos para o arquivo.
- O editor não custa nada: o plano gratuito do Sanity vai muito além das necessidades do site.
Feito para ser encontrado
Os motores de busca leem o mesmo site que as pessoas, por isso o SEO entrou na estrutura e não só nas palavras-chave: um título claro por página, descrições que nomeiam as práticas e as cidades onde trabalha, dados estruturados que descrevem a sua atividade, um sitemap.
Depois, a velocidade. Com a renovação de abril, a pontuação de desempenho da página inicial em telemóvel passou de 67 para 99. Com a mudança para Astro, que gera cada página com antecedência, seis páginas chegaram aos 100 e o conteúdo principal aparece mais cedo nas dez, em média de 1,47 para 1,10 segundos. As páginas simples passaram de cerca de 86 KB de JavaScript para cerca de 3. Todas as páginas têm 100 em acessibilidade, boas práticas e SEO.
Por fim, a parte local: o Perfil da Empresa no Google está configurado e ativo, por isso o espaço aparece no Maps a quem procura por perto.
Por baixo do capô
- Astro
- Componentes React pré-renderizados
- Sanity (editor de conteúdos)
- Tailwind CSS
- Dados estruturados (JSON-LD)
- Imagens WebP e AVIF
- Cloudflare Pages
- Perfil da Empresa no Google
Lighthouse em telemóvel, no site publicado: 100 em acessibilidade, boas práticas e SEO em todas as páginas; desempenho 100 em seis páginas e 98 nas outras quatro.