Abordagens de Navegação

Comparação das 3 arquiteturas de shell. Opção A selecionada.

A
Experiências separadas por grupo
Três shells distintos no mesmo codebase. O AppShell detecta o grupo do usuário e renderiza a interface adequada. Melhor UX por perfil, sem duplicação de deployment.
🖥️ Gestão (Síndico/Admin)
🏠 Início
📢 Avisos
⚠️ Ocorrências
🗳️ Votações
🏛️ Assembleias
🧳 Hóspedes
💰 Financeiro
📱 Morador
Conteúdo
simplificado
🏠📢⚠️
📟 Portaria
✅ Check-in
🚪 Check-out
⚡ Incidente
📋 Esperados

✅ Vantagens

UX otimizada por perfil · Síndico tem interface poderosa · Morador tem app simples · Portaria tem UI tática

⚠️ Atenção

Lógica de "qual shell renderizar" no AppShell central

B
Shell unificado adaptativo
Uma única estrutura de navegação. O menu filtra itens por capability. Sidebar no desktop, bottom nav no mobile.
Mesmo AppShell para todos
🏠 Dashboard
📢 Avisos
⚠️ Ocorrências
🗳️ Votações *
🧳 Hóspedes *

* visível por capability

✅

Mais simples de construir · Um único AppShell

❌

Experiência genérica · Morador vê interface de backoffice · Portaria sem UI tática

C
Dois produtos separados
Produto Gestão e Produto Morador com identidades visuais distintas e deployments separados.
🏢 Produto Gestão

Síndico · Admin · Superadmin
Desktop-first · Sidebar completa

🏠 Produto Morador

Proprietário · Morador
Mobile-first · Bottom nav

✅

Melhor UX possível · Identidades visuais distintas

❌

Dois deployments · Mais esforço de manutenção

✅ Decisão: Opção A selecionada

Três shells distintos no mesmo codebase e mesmo deployment. AppShell central detecta o grupo do usuário (gestão / morador / portaria) e renderiza o shell adequado. Melhor UX por perfil sem o custo operacional de dois produtos separados.