Club Reborn
Página única do Club Reborn, club de empresários e mentoria no RS, que leva à aplicação para o processo seletivo.
- Endereço
- clubreborn.com.br
- Setor
- Comunidade de empresários e mentoria empresarial
- Escopo
- Copy, estrutura, interface, animações e desenvolvimento, dentro da identidade visual do cliente.
- Stack
- Next.js · React · Tailwind CSS · Motion · Lenis
- Capturas
- Atualizado em
Preview completo
Role dentro de cada janela para percorrer a página como ela está no ar. Capturas de .
Uma página única para o Club Reborn, club de empresários e mentoria fundado por Duda Cansi no Rio Grande do Sul. Escrevemos, desenhamos e desenvolvemos o caminho que leva o empresário do reconhecimento do problema até a aplicação para o processo seletivo.
Contexto
O Club Reborn se apresenta como um ambiente para empresários com negócio ativo que sentem que a empresa ainda depende demais deles. A oferta descrita no site reúne mentoria individual com o fundador, encontros mensais ao vivo e acesso aos mentores do Club, com encontros presenciais no RS. A entrada é por processo seletivo, com vagas limitadas. A página explica esse modelo, mostra quem já faz parte e leva quem tem o perfil a pedir acesso.
Como foi pensado
Escrevemos a página como um argumento. Ela abre com uma frase que se completa sozinha, Governar para crescer, lucrar, decidir, delegar, escalar e viver, com as palavras digitadas em sequência; logo abaixo vêm uma pergunta direta ao dono que virou gargalo e um único botão. A ordem das seções segue esse raciocínio: manifesto, vídeo de apresentação, fundador, quatro dores que o visitante reconhece, perfil de quem entra, sócios, diferenciais, experiências, como funciona, depoimentos e dúvidas. A confiança se apoia em pessoas reais: fotos de cada sócio, logos das empresas e quatro depoimentos em vídeo. O pedido de ação aparece cinco vezes; o botão do topo e o do fechamento abrem o formulário, os demais levam até a seção final. Na composição, dentro da identidade do Club, blocos azul-marinho e creme se alternam, com títulos serifados, destaques em dourado, numeração romana e texturas discretas. No celular, o menu sai de cena, o topo e os títulos ficam centralizados e o mural vira um carrossel horizontal.
O que foi feito
Desenvolvemos a página em Next.js, com Tailwind CSS, Motion e rolagem suave com Lenis. As animações foram criadas para ela: a palavra digitada no título, as faixas contínuas de frases e de logos, o mural de sócios em colunas que se movem em sentidos opostos, a galeria horizontal de experiências e o carrossel de fotos do fundador. A página também reúne o vídeo de apresentação, quatro depoimentos em vídeo e oito perguntas em acordeão. O formulário de aplicação abre numa janela sobre a página e tem duas etapas: contato e, depois, faturamento mensal e número de colaboradores. O envio segue para a Clint, com campo anti-robô e tela de confirmação. O código inclui dados estruturados, metadados de compartilhamento e sitemap.
Destaques
- Título com palavras digitadas em sequência: Governar para crescer, lucrar, decidir, delegar, escalar, viver.
- Mural de sócios em três colunas de fotos que se movem em sentidos opostos no desktop e viram carrossel no celular.
- Formulário de aplicação em duas etapas, aberto sobre a página, que envia os pedidos para a Clint.
- Vídeo de apresentação e quatro depoimentos em vídeo de sócios na mesma página.
- Faixas contínuas de frases e de logos das empresas que fazem parte do Club.
Site não é vitrine.É parte da operação.
Conte o que a empresa precisa comunicar e para onde o visitante deve ir. Começamos pela estrutura, antes da primeira tela.