Mockups

Descrição

Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.

Sumário

• Design do Sistema
  • Figma (alta fidelidade)
    • Protótipo de uso do app
    • Arquivos dos mockups
    • Design System
  • Descrição
  • Sumário
    • Cores
    • Protótipos de Baixo Nível
    • Protótipos de Alto Nível
  • Tipografia
  • Elementos Visuais

Figma (alta fidelidade)

Os mockups de alta fidelidade foram construídos usando o Figma, uma ferramenta gratuita com suporte a colaboração em tempo real e criação de protótipos navegáveis.

A versão mais atualizada dos mockups pode ser encontrada no Figma do projeto.

Arquivos dos mockups

• ZIP com telas do fluxo de usuário comum.
• ZIP com telas do fluxo de administrador.

Design System

Ajustes sugeridos e realizados

Legenda:

• ⏳ : em análise;
• ☑ : aprovado, aguardando atualização nos mockups;
• ✅ : aprovado e mockups atualizados;
• ❌ : negado/rejeitado, mockups não serão modificados.

Pelo cliente, após a review

Protótipos de Alto Nível

Login

Cadastro

Página Home

Mockups Administrador

Mockups Usuário

Cores