Focus Gestao Condominial – Da identidade digital ao produto — plataforma completa para 82 mil unidades em Brasília
O Desafio
A Solução
❌ Antes — focuscondominios.com.br
- —WordPress genérico sem identidade visual
- —Título "Por que escolher a Focus?" repetido 4× na home
- —Menu com 10+ links soltos, sem hierarquia
- —Nenhum formulário de proposta visível na home
- —Zero prova social estruturada
- —Sem área do cliente integrada
✅ Depois — focus-site-omega.vercel.app
- +Design dark premium com paleta teal exclusiva
- +Hero com proposta de valor em 1 linha + CTA duplo
- +9 serviços com páginas dedicadas e URLs SEO-friendly
- +Formulário de proposta com retorno garantido em 24h
- +Depoimentos reais de síndicos com nome e condomínio
- +Portal do cliente + app mobile integrados
Tecnologia
A Stack Tecnológica
Cada camada escolhida para garantir performance, autonomia do cliente e escalabilidade — muito diferente do WordPress legado que foi substituído.
Next.js
Framework de alta performance que garante URLs indexáveis pelo Google (SEO), renderização SSR e tempos de carregamento instantâneos.
React
Arquitetura baseada em componentes reativos, proporcionando uma experiência de usuário (UX) fluida e interativa, sem recarregamentos de página.
Tailwind CSS
Design system construído sob medida. Garante exclusividade visual, consistência na interface e tamanho de arquivo otimizado para velocidade.
TypeScript
Adiciona tipagem estática rigorosa ao código, prevenindo erros em tempo de execução e garantindo estabilidade corporativa à aplicação.
Vercel
Infraestrutura em nuvem global na borda (Edge Network). Garante que o site carregue em milissegundos para o usuário, independente da localização.
Resend
Mídia / Email
Node.js
Ambiente de execução backend assíncrono e escalável, capaz de lidar com milhares de acessos simultâneos sem gargalos.
Prisma
Comunicação com o banco de dados ultrarrápida e segura. Previne vulnerabilidades de injeção e garante integridade dos dados do negócio.
Framer Motion
Motor de micro-animações avançado que adiciona fluidez, dinamicidade e um toque premium a cada interação do usuário.
Neon Postgres
Banco de Dados
O que entregamos
Destaques do Projeto
Seguranca & Performance
Implementacao de protocolos de seguranca de elite e otimizacao Core Web Vitals para carregamento instantaneo.
Portal Exclusivo para Condôminos
Performance & SEO — Core Web Vitals otimizados
CMS personalizado com Server Actions
Design system proprietário com Tailwind
Painel Administrativo com Gestão Completa
Identidade Visual
Brand Guidelines
O site antigo usava a identidade padrão do tema WordPress. Desenvolvemos um sistema visual exclusivo — paleta teal + dourado, tipografia display e componentes proprietários alinhados ao posicionamento premium da marca.
01 — Logo & Identidade
Colorida / Fundo ClaroReversa / Fundo EscuroSobre GradienteMonocromáticoEcossistema Digital
3 produtos liveHome, 9 serviços, casos, sobre e formulário de proposta em 24h.
focus-site-omega.vercel.app ↗Portal do síndico: boletos, assembleias, chamados e relatórios financeiros.
focus-portal-five.vercel.app ↗Dashboard interno da empresa: gestão de contratos, clientes e documentos.
focus-admin-sandy.vercel.app ↗02 — Paleta de Cores
Clique em qualquer cor para copiar o valor HEX
03 — Tipografia
Heading / Display
Focus
Gestão Condominial
Playfair Display
Moderna, estruturada e geométrica — transmite eficiência e escala operacional
Body / UI
Administração de condomínios focada em transparência, tecnologia e redução de custos.
A Focus gerencia mais de 150 condomínios e 82 mil unidades em todo o Distrito Federal, garantindo tranquilidade para síndicos e condôminos através de processos otimizados.
Montserrat
Alta legibilidade em interfaces complexas (dashboards, relatórios financeiros)
04 — Design Tokens
Border Radius
sm
8px
md
12px
lg
16px
xl
24px
full
9999px
Sombras
xs
0 1px 4px rgba(11,85,103,0.12)
sm
0 4px 12px rgba(11,85,103,0.15)
md
0 8px 24px rgba(11,85,103,0.20)
lg
0 16px 40px rgba(11,85,103,0.25)
brand
0 0 0 3px rgba(11,85,103,0.3)
Espaçamento
xs
4px
sm
8px
md
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
05 — Componentes
Botões
Badges & Tags
Card de Informação
150+ Condomínios
Carteira de clientes administrados em todo o DF
R$ 15M+ Geridos
Volume de recursos administrados mensalmente
Área do Cliente
Plataforma integrada para síndicos e moradores
06 — Voz & Tom da Marca
A Focus comunica eficiência operacional e inovação tecnológica. A linguagem é predominantemente B2B (para síndicos), mas precisa ser clara e acessível no portal do condômino (B2C).
🎯 Personalidade da Marca
🗣️ Tom de Comunicação
🏢 Para o Site
"Simplificamos a gestão do seu condomínio com tecnologia, transparência e redução real de custos operacionais."
Tagline principal — direto, focado em dor e solução
📊 Para o Dashboard / Área do Cliente
"Sua prestação de contas de março já está disponível. Visualização detalhada de receitas e despesas com gráficos interativos."
Comunicação interna — clara, informativa e focada em transparência
🤝 Para Propostas Comerciais
"A Focus não é apenas uma administradora; somos o seu parceiro estratégico na valorização do patrimônio e na qualidade de vida dos moradores."
Comercial — posicionamento de parceria estratégica
📍 Informações de Presença Digital
@focusgestao
(61) 99876-5432
Atuação
Distrito Federal
Portal
areadocliente.focus.com
07 — Wireframes
Protótipos estruturais em desktop (1440px) e mobile (390px) — layout, hierarquia e fluxo do site one-page.
🖥 Desktop 1440px — Site Institucional
Seu site também pode ser assim
Transformamos presença digital em resultado real
Assim como fizemos pela Focus — saindo de um WordPress genérico para um ecossistema digital completo — podemos fazer pelo seu negócio. Sites que geram leads, plataformas que fidelizam clientes.