1. Pra começar
1.1. Mobile First
1.2. SEO não é o mais importante
1.2.1. Mas o mínimo precisa estar presente
1.2.1.1. Title Tag
1.2.1.2. Meta description
1.2.1.3. URL
1.3. O que deve responder
1.3.1. Sobre o que é o seu site
1.3.2. Qual o primeiro passo que eu devo dar (CTA)
1.3.3. Por que eu deveria estar aqui e não em outro lugar?
1.4. Inspire-se, não copie.
1.5. Legibilidade
1.5.1. Cuidado com serifa
1.5.2. Pense na idade do leitor. Tamanho
1.5.3. Tamanho no mobile
1.6. Destaque entre elementos
1.6.1. Espaço em branco
1.7. Encoraje pessoas pro scroll down
1.7.1. Flecha/Mensagem indicativa
1.7.2. Elemento cortado (foto no meio)
1.7.3. Layout formato caixa
2. 2. Headline Única e Focada no Usuário
2.1. Se você se parece como todo mundo, você nunca vai se destacar.
2.2. O que deve falar?
2.2.1. 1. Fale o que é o seu escritório
2.2.2. 2. Fale o que a pessoa ganha com seus serviços
2.2.3. 3. Fale o que a pessoa consegue fazer com o seu serviço
2.3. Focada no usuário
2.3.1. Troque "a gente/nós" por "Você"
2.4. Focada no melhor cliente
2.4.1. Que vão achar valor no seu serviços
2.4.2. Que estão dispostos a contratar você
2.4.3. Que vão falar pros outros do seu serviço
2.5. Converse 1 a 1 com seu cliente
3. 3. Sub headline
3.1. Descreva sua headline. Detalhe...
3.2. Clareza bate esperteza.
3.3. Benefícios
4. 1. Barra de Navegação
4.1. Não seja super disruptivo (exemplo, empiricus)
4.1.1. Navegação padrão ou hamburguer
4.1.2. Logo vai para a Homepage
4.1.3. Use termos universais (blog, sobre, serviços)
4.2. Visível ou Escondido
4.2.1. Desktop
4.2.1.1. Visível
4.2.2. Mobile
4.2.2.1. Escondido
4.2.2.1.1. Acima de 4 opções
4.2.2.2. Visível
4.2.2.2.1. Até 4 opções
4.3. Até 4 links
4.3.1. Priorize, menos opções geram mais cliques.
4.4. Forma
4.4.1. Simples
4.4.2. Consistente
4.4.3. Eficiente
5. Ordene as seções
5.1. O mais importante primeiro
5.2. Faça uma pesquisa com alguns clientes pra saber o que é mais importante pra eles
6. 4. CTA
6.1. Um grande objetivo. 1 CTA
6.2. Óbvio.
6.2.1. Tem que ser claro o que vai acontecer após o clique
6.3. Micro Copy
6.3.1. Evite
6.3.1.1. Aprenda mais
6.3.1.2. Clique aqui
6.3.1.3. Saiba mais
6.3.2. Fale em voz alta a intenção. Traduza isso pra sua página
6.3.2.1. Agora, clicando aqui eu vou preencher um formulário e o advogado vai me ligar daqui 1 dia.
6.3.2.2. Agora, clicando aqui eu vou descobrir quais são os serviços que este escritório presta e ver se ele pode me ajudar.
6.4. Pra onde ir
6.4.1. Blog (ainda não está vendendo)
6.4.2. Material rico (leads frios)
6.4.3. LP de serviços (muitos serviços)
6.4.4. LP de contato
7. 5. Hero Image
7.1. Evite
7.1.1. Slides
7.1.2. Imagens que sobreponham
7.1.3. Vídeos no autoplay
7.2. Use fotos em HD
7.3. Otimize o tamanho das imagens
7.4. Legibilidade (grande contraste)
7.5. Otimize para mobile
7.5.1. TinyPNG – Compress PNG images while preserving transparency