• 1. Introdução
• 2. Resumo do Projeto
• 3. Futuro do Projeto
• 4. Proto Personas
• 5. Pesquisa de usuários
• 6. Histórias de usuário
• 7. Fluxogramas
• 8. Design
• 9. Demonstrações da Aplicação Web
• 10. Tecnologias e Ferramentas Utilizadas
• 11. Desenvolvedoras

A hamburgueria Burger Heroes foi o quarto projeto desenvolvido no Bootcamp da Laboratória. Neste projeto desenvolvemos uma aplicação web na modalidade mobile first (tablet) para aprimorar e agilizar o atendimento de uma hamburgueria. Através desta aplicação é possível que os funcionários do setor de atendimento e cozinha gerenciem os pedidos de seus clientes.

A Burger Heroes busca oferecer aos seus clientes um atendimento ágil e com qualidade, com essa intenção, nada melhor do que facilitar a comunicação entre clientes, garcons e cozinha.
Buscamos com essa aplicação fornecer aos clientes uma experiência única, adotamos uma referência aos heróis da Marvel e DC, mas na realidade acreditamos que qualquer pessoa que opte por utilizar produtos eco-friendly são os verdadeiros heróis do planeta, por esse motivo a Burger Heroes utiliza produtos e utensílios que não agridem o meio ambiente, porque acreditamos que os verdadeiros heróis são os nossos próprios clientes.
Por meio desta aplicação web é possível que o atendimento adicione pedidos a mesa do cliente, inserindo o numero e o nome da pessoa que está atendendo e assim, envia-los para a cozinha.
A cozinha recebe o pedido enviado pelo atendimento para inciar seu preparo e, logo que o pedido estiver pronto, envia-lo de volta ao atendimento para que seja realizada a entrega.
Na aplicação haverá uma aba de histórico de pedidos onde os mesmos permanecerão sendo exibidos, mesmo que finalizados, ainda portando o ID, duração do preparo e entrega.

Para ingressar nesse mundo dos heróis, há a possibilidade de efetuar seu próprio cadastro com seu e-mail e senha ou se preferir, pode usar os acessos abaixo:

Futuramente iremos melhorar a segurança de nossos usuários acrescentando uma Política de Privacidade e Cookies bem como um termo de usuário para melhor atender ao disposto na Lei Geral de Proteção de Dados Pessoais (LGPD). Pensando em um modelo futurista será criado um ambiente exclusivo para cadastro, login e senha do próprio cliente. Desta forma, será possível que o cliente escolha se quer realizar o seu proprio atendimento. Esta projeto também será refatorado. Será aprimorada a responsividade para os tablets e iremos acrescenta-la para celulares. Serão implementadas melhorias na estilização através do CSS. Também serão implementados novos testes assíncronos e unitários. Acrescentaremos também novos recursos para melhorar a acessibilidade na aplicação.

Criamos as proto personas da nossa aplicação:

Realizamos uma pesquisa para validarmos as proto personas. A pesquisa obteve a participação de 8 pessoas que nos forneceram os seguintes resultados:

Com base nas historias de usuário nós criamos os fluxogramas para cada uma delas.

Visamos uma aplicação que refletisse as cores marcantes dos super heróis dos quadrinhos e escolhemos a fonte que remetesse as utilizadas nos HQ's para tornar a experiência mais divertida.

Com o auxílio do figma também criamos um protótipo interativo para ser utilizado nos testes iniciais de usabilidade.

Versão Web

Versão Tablet

• Planejamento: Trello
• Protótipos: Figma
• HTML 5
• CSS3
• JavaScript Vanilla
• Node.js
• React
• API
• Git
• GitHub
• GitHub Project
• Jest
• JSX
• Visual Studio Code
• Firebase
• Figma
• Heroku
• Slack
• Trello

Burger Heroes foi desenvolvido por Fernanda Monteiro e Natalie Silva e formamos uma incrível dupla, sendo nosso quarto projeto a ser realizado no Bootcamp da <Laboratória> 💛 na turma SAP007 e nos ensinou sobre:

• Manipulação do DOM, Objetos e Array;
• Funções;
• Consumo de banco de dados externo;
• React;
• Desenvolvimento de testes unitários;
• Responsividade;
• UX Design;
• GitHub;
• Eslint;
• Aprender a aprender;

Fernanda Monteiro

Natalie Silva

Agradecemos por esse grande desafio, pela dupla fantástica e pelo apoio das mentoras, psicólogas e colegas de squad.