Associação desportiva Projeto de demonstração
CD Ribeira — portal do sócio para um clube desportivo local
Uma web app com orgulho de clube para uma coletividade de futebol e atletismo fundada em 1974: portal do sócio funcional com estado de quotas, fluxo simulado de pagamento por MB Way, inscrição em modalidades, calendário filtrável, notícias e quotas de sócio — em grená profundo, dourado e branco-pérola.
feitura.pt/demo/cd-ribeira — Ao vivo
O nosso clube tem mais de 1 200 sócios e o tesoureiro ainda cobra quotas no bar em dias de jogo. Precisamos de um site que respeite os nossos 50 anos de história — emblema, cores, orgulho — mas que funcione como uma app: os sócios consultam e pagam quotas por MB Way no telemóvel, os pais inscrevem os filhos no futebol ou no atletismo online, e toda a gente vê os próximos jogos e provas sem ligar para a secretaria.
O que está lá dentro
- Portal do sócio de demonstração com estado da quota (paga / em atraso) e cartão de sócio
- Fluxo simulado de pagamento por MB Way — telemóvel, confirmação simulada, recibo, seguro por desenho
- Formulário de inscrição em modalidades (futebol / atletismo) com validação inline e nota de demonstração
- Calendário de jogos e provas com filtro por modalidade e etiquetas casa/fora
- Emblema do clube e identidade de tradição desenhados de raiz em SVG inline — zero imagens de banco
- Cartões de notícias com ilustração SVG própria por artigo
- Grelha de escalões dos sub-6 aos veteranos com horários de treino
- Quotas de sócio em euros com benefícios por escalão e plano em destaque
- Interface totalmente bilingue PT/EN com datas formatadas por idioma
Registo de construção
- Identidade primeiro: desenhar o emblema, definir a paleta grená + dourado + branco-pérola, escala tipográfica com numerais mono atléticos
- Esqueleto da página: navegação fixa, herói com emblema e estatísticas do clube, ritmo de secções, layout mobile-first a 375px
- Núcleo do portal do sócio: quota com estados paga/em atraso e fluxo MB Way simulado com confirmação fictícia
- Formulário de inscrição em modalidades com validação, mais o calendário de jogos e provas com filtros e etiquetas casa/fora
- Conteúdo do clube: notícias com ilustração SVG própria, grelha de escalões, quotas de sócio e rodapé institucional
- Passagem bilingue PT/EN, auditoria de acessibilidade — contraste, estados de foco, aria nos controlos, movimento reduzido
- QA em telemóveis e tablets reais, verificação de desempenho, revisão de conteúdos com a direção do clube, entrega
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
94
Performance
97
Accessibility
100
Best practices
100
SEO