Proposta de framework · v1 · outubro de 2026
A primeira fase cuida do design e da narrativa. O site fala de propósito e de pessoas, mostra o que existe em cada cidade e termina num diagnóstico em que a pessoa escolhe Garça ou Marília.
Propósito e missão em destaque, com a história de 2012 a 2027.
Cases reais dos associados, em vídeo, no lugar de promessas.
Diagnóstico com cidade obrigatória, que leva o contato à equipe certa.
Uma ideia por bloco. A ordem segue a narrativa: quem somos, de onde viemos, quem já vive isso, onde estamos e o convite.
| Bloco | O que mostra | Para quem fala | Objetivo |
|---|---|---|---|
| 1 · Abertura | “Ampliamos sua capacidade de viver.” O símbolo se desenha e se abre, revelando uma pessoa. Atalho para o manifesto. | Todas as personas | Primeira impressão e diagnóstico |
| 2 · Manifesto | O vídeo manifesto horizontal (2 min 46 s) em destaque, com som ao clicar. | Todas as personas | Emoção e identificação |
| 3 · Quem somos | Grade com propósito, missão, valores (Acolher, Desenvolver, Evoluir) e pilares. | O Consciente, O Desperto | Mostrar por que a marca existe |
| 4 · História | Seis marcos com fotos da própria B.E.7EVEN, e o Reels “Nossa história” em um minuto. | Quem precisa confiar antes de começar | Prova de trajetória |
| 5 · Cases | As capas “revista” dos cinco associados, com o depoimento completo. | Cada case representa uma persona | Prova social |
| 6 · Unidades e serviços | Escolha Garça ou Marília: foto da cidade, status, contato e produtos e serviços por território. | Quem já decidiu e quer saber onde | Levar à unidade certa sem virar catálogo |
| 7 · Lista de espera Marília | Nome, WhatsApp, e-mail, sexo e idade para receber as novidades da unidade em primeira mão. | Quem mora em Marília | Demanda antes da abertura |
| 8 · Diagnóstico | Três passos: cidade, objetivo e contato. | Todas | Lead qualificado por cidade |
| 9 · B.E.Cast | O podcast da marca: estreia, os três episódios da temporada 1 e o link para a página do programa. | Quem ainda está conhecendo a marca | Autoridade com vozes de fora |
| Persona | Tensão | Case que fala com ela | Opção no diagnóstico |
|---|---|---|---|
| O Desperto | Intenção × consistência | Vinícius: do sedentarismo ao meio Ironman | Voltar a cuidar de mim · Ficar mais forte |
| O Equilibrista | Vida intensa × autocuidado | Ana Luiza: “Equilíbrio. Essa é a palavra.” | Saúde que caiba na agenda · Mais energia |
| O Consciente | Fragmentação × integração | Milene: treino alinhado com os médicos | Cuidar antes de precisar |
| O Apaixonado pelo Movimento | Performance × longevidade | Milene: de 6 km a duas maratonas | Render mais no meu esporte |
| O Longevo | Envelhecimento × independência | Associado de Garça: vivia com dor | Envelhecer com autonomia · Viver sem dor |
| A Família que Cuida | Gerações × necessidades | Ana Flávia: 7º mês de gestação, sem dor | Os mesmos objetivos, com a família junto |
A home e o diagnóstico já estão no protótipo. As páginas internas guardam o detalhe, para a home continuar direta.
O símbolo é o que se mexe, uma vez em cada momento. Não há loops, rolagem presa nem efeitos contínuos, para o site ficar leve e calmo.
Na abertura, o símbolo se desenha e o círculo vira a janela com a pessoa.
Na história, cada marco é um ponto na linha. 2027 aparece tracejado: em construção.
Tracejado significa “em construção”: Marília, até a abertura.
No diagnóstico, cada passo preenchido completa uma parte do símbolo.
Regra: um movimento por tela, até 2 segundos, sempre com a geometria oficial do símbolo. Quem ativa “reduzir movimento” no aparelho vê tudo parado.
| Campo | Como é preenchido | Para que serve |
|---|---|---|
| Cidade | Garça ou Marília (obrigatório) | Define a equipe e o funil: agendamento em Garça, lista de fundadores em Marília |
| Objetivo | Até duas de oito opções | Vira o segmento e a persona no CRM, e a primeira mensagem do consultor |
| Nome e WhatsApp | Obrigatórios | Contato da equipe da cidade |
| Idade | Faixa opcional | Ajusta a conversa, sem definir a persona |
| Autorização | Caixa obrigatória | Registro de consentimento (LGPD) |
| Parte | Recomendação | Por quê |
|---|---|---|
| Site | Next.js hospedado na Vercel | Rápido, bom para busca local e fácil de crescer com novas unidades |
| Conteúdo | CMS (Sanity) com cases, unidades e serviços por cidade | A equipe atualiza textos, fotos e serviços sem programador |
| Vídeos | Mux ou Cloudflare Stream | Os Reels carregam leves no celular |
| Formulário | Integração com o CRM e o WhatsApp de cada unidade | O lead chega pronto, com cidade e objetivo |
| Medição | GA4 e Meta (pixel e API de conversões) | Saber quais cases e campanhas geram diagnósticos |
| Alternativa | Webflow | Se a equipe quiser editar o layout sozinha, com menos flexibilidade no formulário |
