Elementos da Equipa

Aqui estão os membros responsáveis pelo UX, multimédia e conteúdos.

Gonçalo Da Silva Areias

Email:goncasareias.149@gmail.com

Gonçalo Filipe Magalhães Monteiro

Email:goncalomonteiro2705@gmail.com

José Rafael Cerqueira Brás

Email:jcerqueirabras@gmail.com

Vasco Leite Teixeira

Email:vascolteixeira09@gmail.com

Vitor Hugo Almeida Alves

Email:vitorhugoalves09@outlook.pt

Gabriel de Amorim Ferreira

Email:gabriel.a.ferreira.3520@gmail.com

Responsabilidades Principais

A Equipa 3 é responsável por toda a componente visual, estética e de experiência de utilização do projeto. O seu trabalho garante que o mapa, os menus, os formulários e os conteúdos multimédia são claros, apelativos e fáceis de usar.

• Criar o layout do formulário (campos: email/username e password).
• Definir botões (ex: “Entrar”, “Recuperar password”).
• Garantir que o design é simples e intuitivo.
• Criar mensagens de erro claras:
• “Email inválido”
• “Password incorreta”
• “Campo obrigatório”
• Pensar na experiência do utilizador (UX), como mostrar erros em tempo real.
• Garantir que funciona bem em telemóvel (design responsivo).

Autenticação e UX

Como a versão administrativa exige autenticação, a Equipa 3 também assegura que o processo de login é simples, intuitivo e visualmente consistente com o resto do site.

• Desenhar o formulário de login: definir a estrutura com campos como email/username e palavra-passe, posicionar corretamente os elementos, criar botões de ação (login, recuperar palavra-passe) e garantir um layout simples, intuitivo e visualmente apelativo.
• Criar mensagens de erro claras e acessíveis: apresentar feedback ao utilizador em tempo real, como “campo obrigatório”, “dados inválidos” ou “password incorreta”, utilizando cores, ícones e texto simples para facilitar a compreensão.
• Distinguir visualmente a versão pública da versão administrativa: aplicar cores, estilos e layouts diferentes, garantindo que o utilizador percebe facilmente em que área está, evitando confusão entre navegação pública e área de gestão.
• Garantir acessibilidade e boa experiência em dispositivos móveis: adaptar o design para diferentes tamanhos de ecrã (telemóvel, tablet, computador), assegurar boa legibilidade, botões acessíveis ao toque e navegação fluida.

Guia de Estilo

A equipa define e mantém o guia de estilo do projeto, garantindo consistência visual em todas as páginas e funcionalidades.

• Definir paleta de cores e tipografia: escolher cores principais, secundárias e de destaque, bem como tipos de letra adequados, garantindo boa legibilidade e uma identidade visual coerente.
• Estabelecer regras para ícones, botões e componentes visuais: definir tamanhos, cores, estados (hover, ativo, desativado) e estilos, garantindo uniformidade em toda a interface.
• Normalizar layouts e espaçamentos: definir margens, alinhamentos, grelhas (grid) e organização dos elementos, assegurando consistência entre diferentes páginas.
• Garantir coerência entre frontend, backend e documentação: assegurar que o design aplicado nas interfaces corresponde ao que está implementado no sistema e descrito na documentação, mantendo uniformidade em todo o projeto.

Estado das Tarefas