Hackathon - FATEC - Votorantim

Prezados(as) alunos(as),

Este documento reúne os critérios obrigatórios e recomendados que deverão ser observados no desenvolvimento do layout do site da Prefeitura de Votorantim - SP. O objetivo é garantir clareza, acessibilidade, identidade institucional e boa experiência para o cidadão.

🔹 Critérios Gerais

Clareza na Navegação (Peso 5)

• Menu no topo com até 8 itens principais.

• Brasão no canto superior esquerdo.

• Login/cadastro no canto superior direito.

• Campo de busca sempre visível.

• Ícones de redes sociais e acessibilidade no topo.

Usabilidade e Experiência do Usuário (UX) (Peso 4)

• Hierarquia visual clara.

• Navegação intuitiva.

• Banner principal proporcional.

Acessibilidade Plena (Peso 5)

• Aumentar/diminuir fonte.

• Fonte para dislexia.

• Alto contraste.

• Remover transições/animações.

• Mapa do site.

• Página dedicada à acessibilidade.

• Libras presente e acessível.

Identidade Visual e Comunicação Institucional (Peso 4)

• Uso das cores oficiais do brasão/bandeira.

• Comunicação alinhada com a prefeitura.

Aparência e Equilíbrio dos Espaços (Peso 3)

• Layout harmonioso, sem buracos visuais.

• Proporção equilibrada entre textos, imagens e ícones.

Organização dos Conteúdos e Ferramentas Obrigatórias (Peso 5)

• Notícias.

• Acesso Rápido.

• Galeria de Fotos.

• Galeria de Vídeos.

• Diário Oficial.

• Banner do Meio.

• Secretarias.

• Obras.

• Previsão do Tempo.

• Rodapé.

Clareza na Apresentação dos Serviços Digitais (Peso 5)

• Botões e formulários claros, bem destacados e funcionais.

Originalidade, Inovação e Diferenciais Visuais (Peso 3)

• Layout criativo, único e sem plágio.

Consistência Visual e Design Limpo (Peso 3)

• Tipografia, cores e ícones padronizados.

Conformidade Legal (Peso 5)

• Presença de:

  • Diário Oficial.

  • Portal da Transparência.

  • Contatos institucionais (endereço, telefone, e-mail, CNPJ).

Apresentação Técnica (Protótipo Figma) (Peso 3)

• Organização em grids, camadas e anotações técnicas.

Evolução Contínua e Flexibilidade Visual (Peso 3)

• Layout preparado para expansão futura sem perder harmonia.
  
  
  🔹 Exemplos de site para buscar inspirações:
  
  saoluis.ma.gov.br
  ilhabela.sp.gov.br
  marilia.sp.gov.br
  avanhandava.sp.gov.br
  turvania.go.gov.br
  sinop.mt.gov.br
  lagoinha.sp.gov.br
  rioverde.ms.gov.br
  saopedro.sp.gov.br
  contagem.mg.gov.br
  costarica.ms.gov.br
  salinas.mg.gov.br
  saoroque.sp.gov.br
  sjtriunfo.pr.gov.br
  coroneljoaopessoa.rn.gov.br
  saolourencodosul.rs.gov.br
  
  🔹 Exemplos de layouts aprovados para buscar inspirações:
  
  instarservidor.com.br/desenho/contagem2025
  instarservidor.com.br/desenho/betim2025-4
  instarservidor.com.br/desenho/saoluis2025-3
  instarservidor.com.br/desenho/santoandre2021-4

Boa execução a todos!