Caso de estudo · UX/UI Design
Criação e gestão de eventos desportivos — Município de Penacova
Redesign completo da plataforma BTT Manager para o Município de Penacova — nova linguagem visual, experiência melhorada no back-office, front-office e aplicação mobile Android.
01 Contexto & Problema
A plataforma BTT Manager precisava de uma nova vida
O Município de Penacova operava com uma plataforma de gestão de eventos desportivos com linguagem visual desactualizada e uma experiência de utilizador negativa, tanto no backoffice como no frontoffice. O desafio: redesenhar toda a plataforma mantendo a identidade municipal.
A plataforma existente não reflectia a identidade activa e moderna esperada por desportistas e organizadores de eventos.
Back-office e front-office tinham inconsistências visuais e de interacção que dificultavam a gestão de eventos.
Não existia aplicação mobile, limitando o acesso em mobilidade durante os próprios eventos.
A plataforma não comunicava a identidade visual do Município de Penacova de forma coerente.
02 Metodologia
Design Thinking aplicado ao desporto municipal
Seguiu-se uma metodologia de Design Thinking com três fases iterativas — Empatia, Definição e Prototipagem — complementada por três rondas de testes de usabilidade com participantes reais.
Focus Groups
Focus Groups com 6 participantes experientes em organização e participação em eventos desportivos. Idades: 18+. Técnica: registo qualitativo por observação e notas de campo.
Análise de Mercado
Análise de mercado comparativa (BTT Manager, Ativo, We Run, Meo Blueticket). Identificação de pontos de falha e oportunidades de diferenciação por heurísticas de Nielsen.
Iteração Contínua
3 rondas iterativas de testes (5, 7, 10 participantes). Protótipos lo-fi → hi-fi com iteração contínua entre cada ronda.
03 User Research & Análise de Mercado
Ouvir antes de desenhar
A fase de investigação combinou focus groups qualitativos com uma análise comparativa de mercado — dois métodos complementares que permitiram triangular dados e fundamentar cada decisão de design com evidências concretas, evitando assunções sobre o comportamento dos utilizadores.
Método qualitativo
Focus Group
com utilizadores reais
Principais problemas identificados
Processo de inscrição fragmentado
Formulários longos e confusos levavam ao abandono antes de completar o registo no evento.
Gestão de eventos opaca para organizadores
Sem dashboard centralizado — os organizadores não conseguiam acompanhar inscrições, rotas e pagamentos num único ponto.
Identidade visual desligada do município
A plataforma BTT Manager existente não comunicava a identidade do Município de Penacova, gerando desconfiança nos utilizadores externos.
Análise Comparativa de Mercado — Funcionalidades
| Funcionalidade | BTT Manager | Ativo | We Run |
|---|---|---|---|
| Login de utilizador | ✓ | ✓ | ✗ |
| Inscrição em eventos | ✓ | ✓ | ✓ |
| Filtros de pesquisa | ✓ | ✓ | ✓ |
| Criação de equipas | ✗ | ✗ | ✓ |
| Classificações dos atletas | ✓ | ✓ | ✓ |
| Lista de inscritos exportável | ✓ | ✗ | ✗ |
| Localização do evento (mapa) | ✓ | ✓ | ✓ |
| Newsletter / notificações | ✗ | ✓ | ✓ |
Análise directa das plataformas · BTT Manager · Ativo · We Run · Meo Blueticket
"As plataformas concorrentes partilham um problema comum — sobrecarregam o utilizador com informação e carecem de consistência visual. A oportunidade estava em criar uma experiência simples, coesa e com identidade própria ligada ao território de Penacova."
— Síntese da análise comparativa · Focus Group + Heurísticas de NielsenParticipantes · Requisitos identificados
Organizadores · Requisitos identificados
Campos de inserção dinâmicos
Formulário que se adapta ao tipo de evento e modalidade
Métodos de pagamento múltiplos
PayPal, Referência Multibanco e MB Way integrados no fluxo
Histórico de eventos
Consultar eventos passados, resultados e inscrições anteriores
Dashboard de gestão de eventos
Visibilidade em tempo real de inscrições, pagamentos e estados
Múltiplas rotas por evento
Escolha de percurso (curto, médio, longo) no momento de inscrição
Exportação de lista de inscritos
Geração de PDF com dados completos dos participantes inscritos
Notificações e confirmações
Email automático de confirmação com detalhes do evento
Identidade visual municipal
Alinhamento com a marca do Município de Penacova em todos os pontos
Criação e gestão de equipas
Inscrição individual ou em grupo com partilha de link
FAQ e suporte integrado
Secção de perguntas frequentes para reduzir contactos de suporte
04 Definir · Personas
Dois perfis — uma plataforma
A investigação qualitativa com participantes reais resultou em quatro personas. Apresentam-se as duas mais determinantes para as decisões de design.
Profissão
- Analista de Marketing
Motivações
- Encontrar eventos desportivos variados
- Ligar-se a outros entusiastas
- Estimular espírito competitivo
Desafios
- Descobrir eventos menos conhecidos
- Equilibrar participação com vida profissional
Valor da plataforma
- Variedade de eventos
- Pesquisa e inscrição simples
- Participação em equipa
Profissão
- Professora de Educação Física
Motivações
- Participar em BTT, futsal e caminhadas
- Ligar-se à comunidade local
- Promover estilo de vida activo
Desafios
- Processos de registo complexos
- Descobrir eventos na região
Valor da plataforma
- Inclusividade
- Registo simples
- Comunicação eficaz
05 Arquitectura de Informação
Três plataformas — uma lógica de navegação
Foram desenhadas arquitecturas de informação distintas para cada plataforma, garantindo consistência de experiência e alinhamento com os perfis de utilizador identificados.
Percurso do Participante
Homepage com pesquisa de eventos → Página de evento → Registo/Inscrição → Confirmação e pagamento → Área do utilizador (histórico, equipas, perfil)
Percurso do Organizador
Dashboard geral → Criação de eventos (campos dinâmicos, rotas múltiplas) → Gestão de inscrições → Exportação PDF → Relatórios e estatísticas
Percurso em Mobilidade
Ecrã principal com eventos em destaque → Pesquisa e filtros → Detalhe de evento → Inscrição rápida → Classificações e equipas
Diagramas · Arquitectura de Informação
Fluxo de Utilizador · Front-office (Web)
Percurso principal do participante — da descoberta à confirmação de inscrição
06 Design System
Sistema visual coerente e acessível
O design system foi construído sobre uma grelha de 8pt, tipografia escalável e uma paleta de cores com rácios de contraste WCAG AA em todos os elementos interactivos.
Escala Tipográfica
Paleta de Cores
07 Prototipagem
Do esboço ao protótipo funcional
O processo de prototipagem seguiu três fases progressivas, com feedback real de utilizadores a informar cada iteração. Os protótipos low-fidelity permitiram validar a arquitectura antes do investimento visual.
Lo-Fi · Fase 1
Wireframes em papel e digital para validar estrutura de navegação e hierarquia de informação. Dashboard do back-office, campos de registo de eventos e ecrã inicial mobile.
✅ Resultado
Estrutura aprovada, nomenclatura de campos a clarificar. Identificadas oportunidades de simplificação no fluxo de criação de eventos.
Hi-Fi · Fase 2
Protótipos de alta fidelidade com design system aplicado. Front-office e back-office com paleta completa, tipografia e componentes interactivos. 7 participantes em testes de validação.
✅ Resultado
Fluxos de registo validados, elementos visuais aprovados. Ajustes menores na hierarquia de informação da página de evento.
Iteração Final · Fase 3
Refinamento baseado em testes com 10 participantes. Ajustes na localização da opção de registo (menos visível nos testes anteriores) e adição de mais detalhe nas páginas de evento.
✅ Resultado
Usabilidade média de 4.4/5 para registo de eventos. Plataforma entregue com três interfaces coesas e validadas por utilizadores reais.
Wireframes Lo-Fi
Wireframes Hi-Fi · Back-office Web
08 Resultado · Ecrãs Finais
O resultado entregue
A plataforma final compreende três interfaces coesas — front-office web, back-office web e aplicação mobile Android — com linguagem visual consistente e alinhada com a identidade do Município de Penacova.
Front-office Web
Back-office Web
Aplicação Mobile Android
09 Testes de Usabilidade
Testar cedo, iterar rápido
Três rondas de testes com 5, 7 e 10 participantes (18+) — 6 mulheres, 4 homens na fase final. Metodologia de amostragem por conveniência com think-aloud protocol.
❌ Problema identificado
Opção de registo difícil de localizar na página de evento. Utilizadores perdiam tempo a procurar o botão de inscrição, reduzindo a taxa de conversão.
✅ Solução implementada
Reposicionamento do CTA de registo para uma localização mais proeminente na página de evento, com contraste visual reforçado e etiqueta textual mais directa.
❌ Problema identificado
Páginas de evento com pouca informação de detalhe. Participantes sentiam falta de dados sobre percurso, dificuldade e material necessário antes de se inscreverem.
✅ Solução implementada
Adição de secção de detalhes expandida: percurso, altitude, dificuldade, material recomendado e perfil de participantes. Informação organizada por prioridade de leitura.
❌ Problema identificado
Inconsistência entre back-office e front-office criava confusão nos organizadores ao alternar entre plataformas durante a gestão de um evento.
✅ Solução implementada
Aplicação do design system unificado em ambas as plataformas, garantindo consistência terminológica e visual. Componentes partilhados e linguagem de interacção coerente.
10 Conclusão & Aprendizagens
Design que serve comunidades activas
O redesign da plataforma de eventos do Município de Penacova demonstrou como o design centrado no utilizador pode transformar ferramentas municipais em experiências digitais modernas e inclusivas.
A plataforma final unifica três interfaces — front-office, back-office e mobile — numa experiência coesa e alinhada com a identidade visual municipal. A abordagem iterativa, com três rondas de testes e refinamento contínuo, permitiu resolver bloqueios críticos antes da entrega final.
O projecto confirmou que mesmo plataformas de nicho — como gestão de eventos desportivos municipais — beneficiam enormemente de um processo de design rigoroso, com investigação qualitativa real e validação contínua com utilizadores representativos.
A identidade local é um activo de design
Incorporar a identidade do Município — verde, dinamismo, natureza — não foi apenas estética. Reforçou a credibilidade da plataforma junto dos utilizadores locais e dos organizadores municipais.
Três plataformas exigem um design system robusto
Tentar manter coerência entre front-office, back-office e mobile sem um sistema de design unificado seria impossível. O investimento inicial no sistema devolveu ganhos em consistência e velocidade de prototipagem.
Os utilizadores revelam o que os dados não mostram
Os focus groups iniciais identificaram requisitos que nenhuma análise de benchmarking teria encontrado — como a necessidade de exportação de inscrições em PDF, um detalhe operacional crítico para os organizadores.