Pular para conteúdo

🏷️ Protótipo de Alta Fidelidade da Plataforma SafeStreets

Link do protótipo: https://www.figma.com/design/ELsAXrAg9XaFQ8MODp3tdA/Prot%C3%B3tipo-de-alta-fidelidade-SafeStreets?node-id=0-1&t=AtI0TWu2eHCBbRM0-1

🚀 Objetivo

Desenvolver um protótipo de alta fidelidade da plataforma SafeStreets com foco em usabilidade, identidade visual e experiência do usuário.
O objetivo é representar visualmente como o sistema funcionará antes do desenvolvimento definitivo, permitindo validar layout, navegação, componentes e funcionalidades da aplicação.

📋 Descrição

Criar no Figma o protótipo de alta fidelidade da plataforma web SafeStreets, utilizando uma interface moderna, organizada e intuitiva.

O protótipo deverá representar fielmente as principais telas do sistema, incluindo elementos visuais, componentes interativos, cores, tipografia e estrutura de navegação.

Também deverá demonstrar o fluxo de utilização do usuário dentro da plataforma, facilitando a visualização do funcionamento do sistema pela equipe de desenvolvimento.

Funcionalidades esperadas no protótipo:

  • Tela inicial da plataforma
  • Navbar/Menu de navegação
  • Mapa interativo de monitoramento
  • Marcadores de risco no mapa
  • Painel de informações urbanas
  • Área de alertas e notificações
  • Padronização visual do sistema

👥 Responsáveis

  • Autor: @Nic0laslc
  • Revisor: @ArthurFeitosa05 @EdsonToppzera @IsraelSoares-25 @jorgevasquez25 @matheusqsa

🎯 Prioridade

Marque uma caixinha de acordo com seu nível de importância

  • [x] 🔴 Alta
  • [ ] 🟡 Média
  • [ ] 🟢 Baixa

📌 Definition of Ready (DoR)

Checklist DoR

  • [x] Objetivo da issue definido
  • [ ] Escopo do protótipo alinhado
  • [ ] Funcionalidades principais definidas
  • [ ] Referências visuais pesquisadas
  • [x] Estrutura inicial planejada
  • [ ] Fluxo de navegação definido
  • [x] Equipe ciente da proposta
  • [x] Ferramentas necessárias definidas

📌 Definition of Done (DoD)

Checklist DoD

  • [ ] Protótipo criado no Figma
  • [ ] Todas as telas principais desenvolvidas
  • [ ] Componentes visuais padronizados
  • [ ] Navegação entre telas funcionando
  • [ ] Responsividade representada
  • [ ] Identidade visual aplicada corretamente
  • [ ] Revisão realizada pela equipe
  • [ ] Ajustes finais concluídos
  • [ ] Protótipo pronto para apresentação
  • [ ] Link do protótipo anexado na issue

🔧 Tecnologias Utilizadas

  • Figma
  • UI Design
  • UX Design