BlackMonsterMedia's picture
Manual changes saved
7b59020 verified
<!DOCTYPE html>
<html lang="pt">
<head>
<!-- FORÇAR UTF-8 EM QUALQUER SERVIDOR -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email — What We Do | beatdagame</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
font-family: "Inter", sans-serif;
}
.page-container {
max-width: 1080px;
margin: 0 auto;
padding: 60px 24px;
color: #111;
}
.page-title {
font-size: 52px;
font-weight: 700;
margin-bottom: 6px;
}
.page-subtitle {
font-size: 16px;
color: #777;
margin-bottom: 50px;
}
.section {
margin-bottom: 70px;
}
.section-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
}
.section-text {
font-size: 18px;
line-height: 1.6;
max-width: 780px;
margin-bottom: 18px;
}
.two-cols {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 40px;
margin-top: 30px;
}
.side-box {
border-left: 4px solid #2d59ff;
padding-left: 20px;
background: #f6f8ff;
padding: 18px 20px;
border-radius: 8px;
}
.side-box ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.side-box li {
font-size: 16px;
padding: 4px 0;
}
.card-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 26px;
margin-top: 40px;
}
.card-3 {
background: #fdfdfd;
border: 1px solid #eee;
border-radius: 12px;
padding: 24px;
}
.card-3 h3 {
font-size: 20px;
margin-bottom: 12px;
}
.card-grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
gap: 26px;
margin-top: 40px;
}
.card-2 {
background: #fafafa;
border: 1px solid #eee;
border-radius: 12px;
padding: 24px;
}
.card-2 h3 {
font-size: 20px;
margin-bottom: 12px;
}
ul.clean-list {
margin: 10px 0 0 12px;
padding-left: 0;
}
ul.clean-list li {
margin-bottom: 6px;
line-height: 1.5;
}
.summary {
margin-top: 40px;
padding: 24px;
background: #eef3ff;
border-left: 4px solid #3c6bff;
border-radius: 8px;
font-size: 17px;
max-width: 850px;
}
</style>
</head>
<body class="bg-white">
<div class="page-container">
<!-- TOP NAV -->
<div class="flex flex-wrap gap-4 mb-10">
<a href="/index.html"
class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md border border-gray-300">
← Back to Home
</a>
<a href="/email-report.html"
class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md border border-blue-700">
📊 Report
</a>
<!-- NEW BUTTON -->
<a href="https://www.figma.com/proto/2KZFMqCEdoSsMs6n8RX9xk/BeatDaGame?page-id=4119%3A94&node-id=4119-95&viewport=365%2C285%2C0.33&t=keUaYLQU1paeIsvw-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4119%3A95&show-proto-sidebar=1"
target="_blank"
class="bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-lg transition-all shadow hover:shadow-md border border-purple-700">
🚀 Future
</a>
</div>
<h1 class="page-title">Email — What We Do</h1>
<p class="page-subtitle">Página 1 — Estado atual</p>
<!-- CURRENT ROLE -->
<section class="section">
<h2 class="section-title">O papel atual do email no ecossistema beatdagame</h2>
<div class="two-cols">
<div>
<p class="section-text">
Neste momento, o email é utilizado como um canal de comunicação simples, baseado sobretudo no envio de uma newsletter semanal cuja estrutura, tipo de conteúdo e objetivos variam de semana para semana.
</p>
<p class="section-text">
O email cumpre uma função informativa básica, mas ainda não é um canal estruturado, com linha editorial clara ou papel definido na captação, retenção ou afirmação da beatdagame como referência no setor.
</p>
</div>
<div class="side-box">
<ul>
<li>• 1 envio por semana</li>
<li>• Conteúdo variável</li>
<li>• Função informativa básica</li>
<li>• Baixo impacto estratégico</li>
</ul>
</div>
</div>
</section>
<!-- WHAT EMAIL DOES TODAY -->
<section class="section">
<h2 class="section-title">O que o email faz hoje</h2>
<div class="card-grid-3">
<div class="card-3">
<h3>1. Envio semanal</h3>
<p>
Existe uma cadência regular de envio, garantindo presença na caixa de entrada, mas sem um formato ou tema recorrente facilmente reconhecido pelo utilizador.
</p>
</div>
<div class="card-3">
<h3>2. Partilha de novidades</h3>
<p>
O email é utilizado para comunicar novidades e conteúdos variados, mas sem uma narrativa contínua ou linha editorial clara.
</p>
</div>
<div class="card-3">
<h3>3. Direcionamento ocasional ao website</h3>
<p>
Algumas comunicações geram tráfego para o website, mas ainda sem integração numa estratégia de conversão ou afiliação.
</p>
</div>
</div>
</section>
<!-- WHAT IT DOESN'T DO -->
<section class="section">
<h2 class="section-title">O que o email não faz (e devia fazer)</h2>
<div class="card-grid-2">
<div class="card-2">
<h3>1. Não cria hábito</h3>
<ul class="clean-list">
<li>estrutura variável;</li>
<li>ausência de secções recorrentes;</li>
<li>o utilizador não sabe o que esperar cada semana.</li>
</ul>
</div>
<div class="card-2">
<h3>2. Não tem estratégia de aquisição</h3>
<ul class="clean-list">
<li>sem lead magnets;</li>
<li>poucos pontos de entrada;</li>
<li>sem incentivos claros para subscrição.</li>
</ul>
</div>
<div class="card-2">
<h3>3. Não segmenta utilizadores</h3>
<ul class="clean-list">
<li>todos recebem o mesmo conteúdo;</li>
<li>sem diferenciação por perfil;</li>
<li>sem listas dedicadas a comportamentos distintos.</li>
</ul>
</div>
<div class="card-2">
<h3>4. Não tem automações</h3>
<ul class="clean-list">
<li>sem sequência de boas-vindas;</li>
<li>sem onboarding automatizado;</li>
<li>sem nurturing.</li>
</ul>
</div>
<div class="card-2">
<h3>5. Não reforça autoridade</h3>
<ul class="clean-list">
<li>conteúdo pouco estruturado;</li>
<li>não transmite domínio do setor;</li>
<li>pouca diferenciação.</li>
</ul>
</div>
<div class="card-2">
<h3>6. Não integra afiliação estrategicamente</h3>
<ul class="clean-list">
<li>links usados apenas ocasionalmente;</li>
<li>tournaments pouco ligados ao funil;</li>
<li>subaproveitamento total do canal.</li>
</ul>
</div>
</div>
</section>
<!-- PROBLEMS -->
<section class="section">
<h2 class="section-title">Problemas identificados</h2>
<ul class="clean-list" style="font-size:18px;">
<li><strong>Conteúdo inconsistente</strong> — sem estrutura ou previsibilidade.</li>
<li><strong>Baixa diferenciação</strong> — email não tem identidade própria.</li>
<li><strong>Impacto estratégico reduzido</strong> — informa mas não converte.</li>
<li><strong>Aquisição fraca</strong> — base cresce pouco.</li>
<li><strong>Sem automações</strong> — relação pouco trabalhada.</li>
<li><strong>Subaproveitamento da afiliação</strong> — potencial desperdiçado.</li>
</ul>
</section>
<!-- CONCLUSION -->
<section class="section">
<h2 class="section-title">Conclusão & oportunidade</h2>
<div class="card-grid-3">
<div class="card-3">
<h3>1. Reforçar confiança</h3>
<ul class="clean-list">
<li>comunicação clara e consistente;</li>
<li>conteúdos úteis e relevantes;</li>
<li>ritmo previsível.</li>
</ul>
</div>
<div class="card-3">
<h3>2. Atrair tráfego qualificado</h3>
<ul class="clean-list">
<li>ligação inteligente a torneios;</li>
<li>integração planeada de links de afiliação;</li>
<li>foco em jogadores com maior potencial.</li>
</ul>
</div>
<div class="card-3">
<h3>3. Construir autoridade</h3>
<ul class="clean-list">
<li>linha editorial forte;</li>
<li>conteúdo consistente;</li>
<li>posição de referência no setor.</li>
</ul>
</div>
</div>
<div class="summary">
O canal de email é funcional mas pouco estratégico. Existe uma oportunidade clara
para o transformar num ativo de confiança, tráfego qualificado e afirmação da marca
junto da comunidade de poker.
</div>
</section>
</div>
</body>
</html>