Conteúdo vivo
Notícias, destaques da home, materiais de imprensa e informações dos projetos ficam no banco de dados. A equipe edita pelo painel e a mudança aparece no site na hora, sem publicação de código e sem chamar desenvolvedor.
Portal institucional central
Quatro marcas. Uma visão. Um fundador.
01 · Leitura do projeto
Construir oito páginas bonitas é a parte simples. O que sustenta o projeto no longo prazo é a equipe conseguir publicar notícia, trocar destaque da home e cadastrar projeto sem depender de código. Toda a proposta gira em torno disso.
Notícias, destaques da home, materiais de imprensa e informações dos projetos ficam no banco de dados. A equipe edita pelo painel e a mudança aparece no site na hora, sem publicação de código e sem chamar desenvolvedor.
O Ecossistema mantém a base institucional em preto, branco e dourado. Ao entrar em um projeto, a página assume a cor daquela marca em detalhes controlados. A troca é feita por tema, então incluir uma quinta marca no futuro é só cadastrar.
Cada marca continua com seu próprio site ou canal. O portal apresenta, conecta e direciona. Isso concentra autoridade e busca em um endereço só, e cada projeto recebe tráfego qualificado vindo dali.
02 · Dimensão do projeto
Um site institucional comum tem conteúdo escrito direto no código: fica pronto e para ali. Este projeto tem conteúdo gravado em banco, com uma interface para a equipe operar. Cada recurso do painel abaixo é uma tela, uma tabela e um conjunto de regras de acesso construídos do zero.
Site institucional comum
Referência: 5 a 7 dias
Portal do Ecossistema
Este projeto: 12 dias
Na prática, o portal é dois sistemas entregues juntos: o site que o público vê e o programa que a equipe usa para abastecer esse site. O segundo consome mais tempo que o primeiro e é o que faz o projeto continuar útil daqui a dois anos, sem precisar me chamar para trocar uma notícia.
03 · Arquitetura
As páginas de projeto e de notícia usam template único alimentado pelo banco. Cadastrar um projeto novo ou publicar uma notícia gera a página automaticamente, com endereço próprio e otimizada para busca.
Camada pública
/Abertura, conceito resumido e destaques do momento/ecossistemaPropósito e conexão entre as quatro frentes/projetosApresentação das marcas em grade/projetos/[marca]Página por marca, com cor e conteúdo próprios/noticiasCentral com filtro por marca e paginação/noticias/[slug]Página da notícia, pronta para compartilhamento/imprensaReleases, biografia, fotos e identidade das marcas/fundadorTrajetória e construção do Ecossistema/contatoCanais institucionais com direcionamento por áreaCamada restrita
AcessoE-mail e senha com autenticação em duas etapasNotíciasCriar, editar, agendar, despublicar e marcar a marcaEditorTexto formatado, imagem de capa e imagens no corpoProjetosDescrição, cor, logo e link de destino de cada marcaDestaquesEscolher e reordenar o que aparece na homeImprensaSubir releases, fotos e arquivos de marcaMensagensContatos recebidos, com status e leituraEquipeUsuários com papel de administrador ou editor04 · Sistema visual
A cor de cada marca é um dado cadastrado, não algo fixo no código. Isso permite ajustar a paleta de qualquer projeto pelo painel e adicionar novas frentes sem retrabalho de desenvolvimento.
A frente pessoal do fundador. Página de apresentação com direcionamento para canais e conteúdos próprios.
Tema douradoA frente de moda. Espaço para lançamentos, coleções e direcionamento para a loja.
Tema vermelhoA frente de direito. Comunicação institucional dentro das normas da OAB, sem promessa de resultado.
Tema verde petróleoA frente social. Espaço para ações, campanhas e prestação de contas das iniciativas.
Tema azul05 · Estrutura de dados
Regra do projeto: se a equipe precisa mudar, está no painel. Texto de página, ordem de destaque, cor de marca, foto de imprensa e link de projeto ficam todos no banco de dados. Código só é tocado para criar recurso novo, nunca para trocar conteúdo.
Título, resumo, texto formatado, capa, marca vinculada, autor, data de publicação e status. Permite agendar publicação futura.
Nome, descrição, cor da marca, logo, ordem de exibição e link externo. Serve à página de projetos e ao filtro de notícias.
Seleção manual do que aparece na home, com ordenação por arrastar. Pode apontar para notícia, projeto ou link externo.
Releases, comunicados, biografia e arquivos de identidade organizados por tipo, com download direto pelo visitante.
Contatos recebidos com área de destino, status de leitura e histórico. Notificação chega para a equipe a cada envio.
Imagens e documentos ficam no Storage do próprio banco, com compressão automática para não pesar o carregamento das páginas.
06 · O que está incluso
07 · Investimento
Projeto completo
R$1.200,00
Portal institucional, painel de conteúdo, banco de dados, storage de imagens, rastreamento da Meta e SEO avançado. Sem mensalidade de agência e sem licença de plataforma.
08 · Cronograma
Dia 1 · Hoje
Criação das contas na titularidade do cliente, definição do sistema visual do Ecossistema e entrega da abertura navegável para aprovação da direção estética.
Dias 2 a 4
Modelagem das tabelas, regras de acesso, autenticação em duas etapas, storage de imagens e telas de notícias, projetos e destaques. O painel vem antes das páginas porque é o que alimenta tudo.
Dias 5 a 7
Início, ecossistema, projetos com tema por marca, fundador e contato. Nesta etapa entram os textos e imagens enviados pela equipe.
Dias 8 e 9
Listagem com filtro por marca, página individual da notícia com imagem de compartilhamento e área de imprensa com download de materiais.
Dias 10 e 11
SEO por página, dados estruturados, sitemap automático, Search Console, Pixel e API de Conversões da Meta, mais testes em todos os tamanhos de tela.
Dia 12
Domínio apontado, entrega dos acessos de administrador e treinamento da equipe para publicar notícia, trocar destaque e cadastrar projeto sem depender de mim.
09 · Pontos a definir
Domínios de duas letras no .com.br são raros e quase sempre já estão registrados. Vale consultar a disponibilidade antes de fechar a identidade. Se estiver ocupado, ecossistemacabral.com.br funciona bem e ainda ajuda na busca pelo nome completo.
Preciso saber quais marcas já têm endereço próprio ativo. As que ainda não têm ficam com página completa dentro do portal, sem link externo. Isso não muda o valor, muda como monto o botão de cada projeto.
Textos do ecossistema, do fundador e das quatro marcas, mais logos em alta e fotos institucionais. É o item que mais atrasa projeto desse tipo. Quanto antes chegar, mais folga o cronograma ganha.
Goldline Web Studio
Proposta válida por 7 dias. Com o aceite, o projeto começa no mesmo dia e a primeira prévia chega ainda hoje.