Portefólio

Demo

SnackBox

Uma webapp responsiva para registar consumos, controlar stock e fechar as contas de uma caixa de snacks no escritório.

Tipo
Demonstração técnica · webapp responsiva
Estado
Demonstração pública com dados fictícios
Tecnologia
HTML, CSS e JavaScript; GitHub Pages
Dashboard mensal da SnackBox: total do mês, consumos por pessoa, alerta de stock baixo e lista detalhada de registos. (abre numa nova janela)
Dashboard mensal da SnackBox: total do mês, consumos por pessoa, alerta de stock baixo e lista detalhada de registos. Toca na imagem para a ver em tamanho real.
Registo no telemóvel: depois de escolher o nome, a pessoa toca no produto que consumiu. (abre numa nova janela)
Registo no telemóvel: depois de escolher o nome, a pessoa toca no produto que consumiu. Toca na imagem para a ver em tamanho real.

O ponto de partida

A SnackBox foi pensada para um caso comum: uma caixa de snacks e bebidas num escritório, paga em regime de confiança. Sem uma ferramenta, alguém tem de anotar os consumos, fazer as contas no fim do mês e perceber a tempo o que falta comprar.

O que foi feito

  • Registo em dois toques: escolher o nome e o produto, no telemóvel ou num tablet junto à caixa.
  • Stock por produto, com aviso quando está a acabar.
  • Dashboard mensal por pessoa, com exportação em CSV.
  • Caixa, pagamentos e lista de compras numa área de gestão protegida por PIN.

Decisões que fizeram diferença.

Sem contas para quem consome.

Quem tira um snack só escolhe o nome. A gestão fica atrás de um PIN.

Primeiro para o ecrã pequeno.

O registo acontece de pé, junto à caixa, por isso o telemóvel é o ecrã principal.

Demonstração separada do original.

A versão pública está isolada do sistema onde a ideia nasceu e usa só dados fictícios.

Dados e privacidade

A demonstração usa só dados fictícios, guardados no navegador. Numa versão para uma empresa, os registos ficam num backend seguro, com acesso só para quem gere a caixa, e são tratados como pede a Lei suíça de Proteção de Dados (LPD) e, quando se aplica, o RGPD.

Ver o projeto

Abrir a demonstração (abre numa nova janela)

Na área de gestão, o PIN de demonstração é 1234.

Queres algo parecido para o teu negócio?

Conta-me o que usas hoje e o que queres simplificar. Digo-te o que faria sentido e o que ficaria de fora.