Carregando...
Carregando projeto...
web · ASM Marketing Digital
Website institucional da ASM Marketing Digital, consultoria de posicionamento de marca e gestão de redes sociais liderada por Anelita Scaliza Massucate. Lançado em 2025, o site evoluiu junto com o negócio: ganhou ferramentas interativas e o feed do Instagram, depois uma página de diagnóstico digital gratuito que leva o lead até o WhatsApp, e em setembro de 2026 foi redesenhado sobre o manual de identidade visual da marca, com terracota, café e areia, Cormorant Garamond e Manrope, o monograma ASM como padrão gráfico, uma seção de perguntas frequentes e dados estruturados para Google, ChatGPT e Gemini.
A História do Projeto
O Desafio
A ASM Marketing Digital, liderada por Anelita Scaliza Massucate, trabalha com posicionamento de marca e social media para empresas e profissionais autônomos. Em 2025 ela precisava de um site que reforçasse sua autoridade e apresentasse os serviços sem cara de landing page genérica de marketing. Um ano e meio depois, o problema era outro: a marca ganhou um manual de identidade visual, e o site, que tinha crescido por acréscimos (ferramentas interativas, feed do Instagram, diagnóstico), ainda usava efeitos de template como blobs, vidro, partículas e emojis, que destoavam da elegância da marca e da própria Anelita.
A Solução
A primeira versão partiu de uma conversa de descoberta sobre público e tom de voz e definiu a arquitetura da home: proposta de valor no primeiro scroll, serviços, a história da fundadora e CTAs para consultoria gratuita. No redesign, o manual de marca virou a fonte de verdade: o hero traz a pergunta que abre a conversa, com o retrato da Anelita sobre um painel café com o monograma; os serviços viraram uma lista editorial sobre café profundo; a bio foi reorganizada em números, formação e trajetória; e o rodapé ganhou a faixa com o padrão de logotipos. O diagnóstico gratuito passou a ser o CTA principal, e uma seção de FAQ alimenta também os dados estruturados.
O Processo
O projeto foi tocado em fases ao longo de um ano e meio. Em abril de 2025, o lançamento em Next.js com e-book gratuito. Entre outubro e novembro, ferramentas interativas (calculadoras de engajamento e ROI, gerador de hashtags e de paletas) e o feed do Instagram. Entre maio e junho de 2026, a página de diagnóstico digital com envio por Google Apps Script e CTA de WhatsApp. Em setembro de 2026, o redesign: primeiro um DESIGN.md escrito a partir do documento de identidade, depois o favicon refeito com o monograma, a reconstrução das seções com Tailwind CSS 4 e, por fim, a revisão de SEO, AEO e GEO com JSON-LD, FAQ, llms.txt e imagem de compartilhamento.
Os Resultados
O site agora parece a marca: as mesmas cores, fontes e padrões do material impresso e do Instagram da ASM, sem nenhum efeito de template. O código encolheu no redesign (cerca de 330 linhas a menos, com o menu lateral flutuante e os efeitos removidos), o diagnóstico gratuito ficou a um clique do primeiro scroll, e a página tira 100 nas quatro categorias do Lighthouse no desktop, com dados estruturados que descrevem a ASM, a fundadora, os serviços e as perguntas frequentes para buscadores e assistentes de IA.
Lighthouse
Performance
94 no celular
100 / 100Acessibilidade
100 / 100Boas Práticas
100 / 100SEO
100 / 100Principais Funcionalidades
Sistema de Marca
Paleta terracota, café e areia, Cormorant Garamond com Manrope e os padrões de monograma e logotipo aplicados em todas as seções.
Diagnóstico Digital Gratuito
Questionário rápido que analisa a presença online do negócio e leva o lead direto ao WhatsApp, com o resultado enviado por e-mail.
SEO, AEO e GEO
Grafo JSON-LD com serviço, pessoa, site e FAQ, llms.txt e imagem de compartilhamento para aparecer em buscadores e respostas de IA.
Branding Pessoal
Bio editorial com números, formação, trajetória e o propósito da fundadora, reforçando autoridade e conexão.
Capturas de Tela
Hero redesenhado: a pergunta que abre a conversa, o CTA do diagnóstico gratuito e o retrato da fundadora sobre o padrão do monograma ASM
No celular, o CTA do diagnóstico aparece já na primeira tela
Os seis serviços como lista editorial sobre café profundo, no lugar dos cards com efeito de vidro
"Quem sou eu?" reorganizada como bio editorial: números, formação, trajetória e o propósito da fundadora
Chamada para o diagnóstico digital gratuito, a principal porta de entrada de leads
FAQ nova, que compartilha o conteúdo com o schema FAQPage lido por buscadores e IAs
E-book gratuito sobre o monograma da marca em marca d'água
Rodapé com a faixa do padrão de logotipos tirada do manual de marca
Stack
Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Framer Motion · Lucide · JSON-LD (Schema.org) · Google Apps Script · Vercel
Website Institucional · Marketing Digital · Redesign · Identidade Visual · Branding · Consultoria · Redes Sociais · Captação de Leads · SEO · AEO / GEO · Dados Estruturados
Depoimentos dos Usuários
“Ter o Adriano como parceiro é ter certeza de qualidade e profissionalismo. Ele entrega sites bonitos, funcionais e feitos com muito cuidado, sempre pensando na melhor experiência de quem vai usar. Excelente profissional.”