Protótipo em alta fidelidade feito em FIGMA. Uma particularidade deste projeto foi dar prioridade para o público com baixa capacidade visual, por este motivo os campos com alto contraste.

Clicando em A.R.T.s abre a seguinte tela:

A tela abaixo mostra os componentes (mouse-over) que aparecem ao estar com o mouse em cima dos botões.

Clicando no 5º botão (Nova A.R.T. Obra/Serviço), abre a tela abaixo, o passo 1 do formulário.

Após preencher os campos e clicar em Salvar Dados Iniciar, a tela segue para o passo 2... mas o usuário pode acessar qualquer passo a qualquer momento. 

Ao escolher as opções abaixo abre-se uma janela modal de ajuda, explicando cada opção selecionada.

Ao clicar em Selecionar empresa contratada, aparece a janela modal de busca e seleção da empresa.

Ao digitar qualquer informação nos campos de filtro e escolher Buscar, a janela modal muda para a janela mostrada abaixo:

Ao escolher a empresa e clicar em confirmar, a janela modal fecha e o sistema informa a empresa escolhida conforme abaixo:

Ao clicar em Salvar Dados Iniciais os dados preenchidos são salvos no banco de dados como A.R.T. em rascunho e muda para o passo 2 e assim em diante...

Ao final dos 5 passos, quando todos os campos obrigatórios forem preenchidos o botão Enviar A.R.T. fica disponível.

Nossa equipe não ganhou o Hackathon. Ganhamos sim muita experiência e networking. Foram 213 horas de trabalho em um desafio bastante complicado. Foi a primeira participação nossa em Hackathon. Valeu todo o esforço.