uc-reporting / geral.html
BlackMonsterMedia's picture
Cria a página geral - Follow Up Deployment
f02c2cf verified
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Relatório Geral 2025 — Universidade de Coimbra</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<style>
.stat-card { transition: all 0.3s ease; }
.stat-card:hover { transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.bg-uc-blue { background-color: #003366; }
.text-uc-gold { color: #FFD700; }
.border-uc-gold { border-color: #FFD700; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="bg-uc-blue text-white shadow-lg">
<div class="container mx-auto px-6 py-6 flex justify-between items-center">
<div>
<h1 class="text-xl font-bold">Universidade de Coimbra</h1>
<p class="text-gray-300 text-sm">Relatório Geral 2025 — Black Monster Media</p>
</div>
<a href="index.html" class="text-uc-gold hover:text-yellow-400 font-medium flex items-center">
<i data-feather="home" class="mr-2"></i> Voltar ao Início
</a>
</div>
</header>
<!-- Hero -->
<section class="relative bg-gradient-to-br from-blue-500 via-blue-600 to-uc-blue text-white py-16">
<div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/1')] bg-cover bg-center opacity-10 mix-blend-overlay"></div>
<div class="container mx-auto px-6 relative z-10 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4">Relatório Geral de Marketing 2025</h1>
<p class="text-xl max-w-3xl mx-auto">
Um ano de impacto, histórias e resultados: <strong>como chegámos ao TOP 3 nacional</strong>.
</p>
</div>
</section>
<!-- Instagram -->
<section class="py-12 bg-white">
<div class="container mx-auto px-6">
<div class="bg-pink-50 rounded-xl p-6 shadow-md" data-aos="fade-up">
<div class="flex items-center mb-6">
<div class="bg-pink-600 p-3 rounded-full mr-4">
<i data-feather="instagram" class="text-white"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">Instagram</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<ul class="space-y-3 text-gray-700">
<li><strong>Alcance:</strong> 4 884 994 (+34,7%)</li>
<li><strong>Impressões:</strong> 10 614 934 (+225,7%)</li>
<li><strong>Engagement:</strong> 280 737 (-20,3%)</li>
<li><strong>Seguidores ganhos:</strong> 13 550</li>
</ul>
<p class="text-gray-600">
Crescimento sólido em visibilidade, mesmo com menor investimento pago.
Os melhores resultados vieram de <strong>conteúdos de proximidade e orgulho estudantil</strong>.
Os institucionais reforçaram credibilidade junto de públicos estratégicos.
</p>
</div>
</div>
</div>
</section>
<!-- TikTok -->
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-6">
<div class="bg-pink-100 rounded-xl p-6 shadow-md" data-aos="fade-up">
<div class="flex items-center mb-6">
<div class="bg-pink-600 p-3 rounded-full mr-4">
<i data-feather="video" class="text-white"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">TikTok</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<ul class="space-y-3 text-gray-700">
<li><strong>Alcance:</strong> 1 740 808 (-52,5%)</li>
<li><strong>Impressões:</strong> 5 417 829</li>
<li><strong>Engagement:</strong> 63 121</li>
<li><strong>Seguidores:</strong> 26 500</li>
</ul>
<p class="text-gray-600">
O alcance caiu, mas os <strong>conteúdos leves, de humor e vida académica</strong>
provaram ser os que mais funcionam.
Conteúdos institucionais têm menos alcance, mas mantêm valor estratégico.
</p>
</div>
</div>
</div>
</section>
<!-- Facebook -->
<section class="py-12 bg-white">
<div class="container mx-auto px-6">
<div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-up">
<div class="flex items-center mb-6">
<div class="bg-blue-600 p-3 rounded-full mr-4">
<i data-feather="facebook" class="text-white"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">Facebook</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<ul class="space-y-3 text-gray-700">
<li><strong>Alcance:</strong> 10 648 063 (-55,9%)</li>
<li><strong>Impressões:</strong> 27 331 198 (-63,8%)</li>
<li><strong>Engagement:</strong> 877 360 (-7,8%)</li>
<li><strong>Seguidores:</strong> 230 582 (+4%)</li>
</ul>
<p class="text-gray-600">
O menor alcance foi <strong>intencional</strong>, dado o redirecionamento estratégico
de investimento para redes mais relevantes para o target.
Ainda assim, o Facebook continua a ser espaço de <strong>comunidade e tradição</strong>.
</p>
</div>
</div>
</div>
</section>
<!-- LinkedIn -->
<section class="py-12 bg-gray-50">
<div class="container mx-auto px-6">
<div class="bg-indigo-50 rounded-xl p-6 shadow-md" data-aos="fade-up">
<div class="flex items-center mb-6">
<div class="bg-indigo-600 p-3 rounded-full mr-4">
<i data-feather="linkedin" class="text-white"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">LinkedIn</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<ul class="space-y-3 text-gray-700">
<li><strong>Alcance:</strong> 695 999 (+542,5%)</li>
<li><strong>Impressões:</strong> 1 365 604 (+526,6%)</li>
<li><strong>Engagement:</strong> 2 623 (vs 162 em 2024)</li>
<li><strong>Engagement Rate:</strong> 15,13% (-37%)</li>
<li><strong>Seguidores:</strong> 146 284</li>
</ul>
<p class="text-gray-600">
Crescimento exponencial, fruto de aposta em <strong>vídeo, maior volume de publicações</strong>
e início de investimento pago.
É hoje a rede que mais reforça a <strong>reputação institucional</strong>.
</p>
</div>
</div>
</div>
</section>
<!-- Investimentos -->
<section class="py-12 bg-white">
<div class="container mx-auto px-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6 text-center">Investimento Publicitário 2025</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="stat-card bg-red-50 p-6 rounded-xl shadow-md text-center">
<h3 class="text-lg font-semibold">Google Ads</h3>
<p class="text-2xl font-bold">€9 181,39</p>
</div>
<div class="stat-card bg-blue-50 p-6 rounded-xl shadow-md text-center">
<h3 class="text-lg font-semibold">Meta Ads</h3>
<p class="text-2xl font-bold">€10 986,55</p>
</div>
<div class="stat-card bg-pink-50 p-6 rounded-xl shadow-md text-center">
<h3 class="text-lg font-semibold">TikTok Ads</h3>
<p class="text-2xl font-bold">€3 323,89</p>
</div>
<div class="stat-card bg-indigo-50 p-6 rounded-xl shadow-md text-center">
<h3 class="text-lg font-semibold">LinkedIn Ads</h3>
<p class="text-2xl font-bold">€1 017,90</p>
</div>
</div>
</div>
</section>
<!-- Conclusão -->
<section class="py-16 bg-gradient-to-br from-yellow-50 via-white to-gray-50">
<div class="container mx-auto px-6 max-w-4xl text-center" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Conclusão Geral 2025</h2>
<p class="text-lg text-gray-700 mb-6">
Em 2025, a Universidade de Coimbra <strong>consolidou-se como a 3.ª maior universidade nacional</strong> no CNA,
mesmo num ano com quebras de candidaturas a nível nacional.
Isto prova que a <strong>nossa estratégia digital</strong> está alinhada com impacto real.
</p>
<p class="text-lg text-gray-700 mb-6">
Instagram e LinkedIn foram os <strong>motores de visibilidade</strong>.
Facebook manteve comunidade ativa apesar de menor investimento.
TikTok continua a ser canal jovem e criativo.
</p>
<div class="bg-white border border-yellow-200 rounded-xl shadow-md p-8 my-8">
<h3 class="text-2xl font-semibold mb-4">Próximos passos</h3>
<ul class="text-left space-y-3 text-gray-700">
<li>🎯 Reforçar <strong>orgulho estudantil e histórias humanas</strong></li>
<li>📈 Apostar em <strong>LinkedIn + Instagram</strong></li>
<li>🎬 Criar <strong>séries recorrentes em vídeo</strong></li>
<li>🔥 Explorar <strong>UGC e humor académico</strong> no TikTok</li>
<li>🧭 Usar o Facebook como espaço de <strong>memória e tradição</strong></li>
</ul>
</div>
<p class="text-lg text-gray-700">
O desafio para 2026 é transformar este reconhecimento em <strong>atração e retenção de talento</strong>,
com criatividade, consistência e impacto — no digital e no mundo real.
</p>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8 text-center">
<p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
</footer>
<script>
AOS.init({ duration: 800, easing: 'ease-in-out', once: true });
feather.replace();
</script>
</body>
</html>