Contabilidade Projeto de demonstração
Conta Certa — gabinete de contabilidade certificada com portal do cliente
Uma peça de confiança B2B para um gabinete de contabilidade em Queluz: layout suíço em branco-papel, numerais mono e um painel de portal do cliente funcional — upload de documentos, o verdadeiro calendário fiscal português filtrável por mês e mosaicos de estado da faturação.
feitura.pt/demo/conta-certa — Ao vivo
Somos um gabinete de contabilistas certificados em Queluz e perdemos horas todas as semanas com o caos do email — anexos perdidos, sustos com prazos, clientes a ligar para saber como estão as contas. Precisamos de um site que transmita rigor a empresários e, acima de tudo, mostre o portal do cliente a funcionar: upload de documentos, o calendário fiscal português, estado da faturação. Avenças com preço fechado e visível, e os nossos números de membro da OCC bem à vista — é isso que gera confiança nesta profissão.
O que está lá dentro
- Painel de portal do cliente funcional com três separadores: documentos, prazos fiscais e faturação
- Calendário fiscal português real (IVA, IRS, IRC, Segurança Social) filtrável por mês, com obrigações recorrentes e específicas de cada mês
- Simulação de upload de documentos com transição de estados em tempo real (em processamento → classificado)
- Vista de faturação com mosaicos de estado e tabela de faturas pagas/pendentes/vencidas
- Grelha de avenças com preços fechados desde €/mês por perfil de cliente
- Tabela comparativa email vs portal a argumentar a passagem ao digital
- Credenciais da equipa com números de membro da OCC em crachás mono
- Totalmente bilingue PT/EN com alternador de idioma acessível na navegação
- Sistema de design suíço branco-papel / azul-tinta / um só verde-azulado, com numerais mono em todo o site
Registo de construção
- Direção de arte: branco-papel, azul-tinta, um só verde-azulado; grelha suíça, filetes finos, numerais mono; sistema de tokens no wrapper raiz.
- Hero com composição de balancete em HTML/CSS puro, faixa de números, navegação fixa com o alternador PT/EN.
- Estrutura do portal no painel azul-escuro: sistema de separadores acessível, estilo das tabelas, linguagem dos chips de estado.
- Modelo de dados do calendário fiscal: obrigações mensais recorrentes mais as específicas de cada mês (Modelo 22, IES, IMI, pagamentos por conta), filtro de mês ligado ao estado Vue.
- Separador de documentos com simulação de upload e transição temporizada de estados; mosaicos de faturação e tabela de faturas.
- Grelha de avenças, tabela comparativa email vs portal, secção de equipa com crachás OCC, formulário de contacto com confirmação de demonstração.
- Revisão completa do texto PT/EN, recomposição responsiva a 768/1100, alvos de toque, auditoria de contraste, suporte a movimento reduzido.
Stack
- Laravel
- Inertia
- Vue.js
- TypeScript
- SVG
Lighthouse
90
Performance
100
Accessibility
100
Best practices
100
SEO