- Apresentação
- Acesso
- Temática
- Protótipos
- Testes
- Usuários
- Design
- Planejamento
- Desenvolvimento
- Pontos de Melhoria
- Devas
Vegan Queen é uma aplicação web desenvolvida sob demanda do cliente fictício Restaurande Vegan Queen, seu objetivo é automatizar o sistema interno do restaurante e melhorar os procedimentos de solicitação de pedido, envio para preparo e entrega ao cliente final. Ele se dá no formato de cardápio e comanda digital, acompanhamento do preparo e entrega de cada solicitação e histórico de todos pedidos entregues ao cliente final. Este projeto foi desenvolvido durante o bootcamp da Laboratória, com finalidade de aprendizagem e enriquecimento dos conhecimentos das alunas.
Teste você mesmo ! https://vegan-queen-rouge.vercel.app/
Contas para teste:
- Salão:
email - salao@teste.com | senha - 123456 - Cozinha:
email - cozinha@teste.com | senha - 123456
A temática escolhida para definição do cliente foi de restaurante vegano, cujos procedimentos internos e produtos servidos pela empresa seguem a cultura do veganismo. De acordo com a Associação Brasileira de Veganismo, o significado deste conceito é:
“ Veganismo é uma filosofia e estilo de vida que busca excluir, na medida do possível
e praticável, todas as formas de exploração e crueldade contra animais na alimentação,
vestuário e qualquer outra finalidade e, por extensão, que promova o desenvolvimento e
uso de alternativas livres de origem animal para benefício de humanos, animais e meio
ambiente.”
Desta forma, ambas desenvolvedoras tem afinidade com o modo de vida vegano e escolhemos este tema para nosso cliente, alnhando nossa prestação de serviços aos valores do contratante.
Os protótipos da página foram realizados através do MarvelApp, segue imagens e links para testes:
Após feito os protótipos, realizamos testes com potenciais usuários e recebemos os seguintes feedbacks e as respectivas resoluções que realizamos:
❗ Barra de rolagem não acessível pelo desktop
✔️ Definir produto será usado somente via tablet em posição horizontal onde a rolagem será via touch
❗ Botoẽs de navegação do salão muito pequenos e amontuados
✔️ Definir usabilidade do produto em modo horizontal
Os usuários do Vegan Queen serão os funcionários do restaurante, cujas áreas de trabalho são da cozinha e do salão, profissionais da área de alimentação, cuja funções principais são garçnete/garçom e cozinheira/cozinha.
O aplicativo foi realizado baseado nas seguintes histórias de usuários e suas respectivos critérios de aceitação:
👯1.Usuário deve ter seu perfil (login/senha) para acessar o sistema
Eu como funcionário do restaurante quero entrar na plataforma e ver apenas a tela importante para o meu trabalho.
Critérios de aceitação:
Criar login e senha.
Registar tipo de usuário (cozinha / salão), login e senha.
Entrar na tela correta para cada usuário.
👯2.Garçom/Garçonete deve poder anotar o seu pedido
Eu como garçom/garçonete quero poder anotar o meu pedido saber o valor de cada produto e poder enviar o pedido para a cozinha para ser preparado.
Critérios de aceitação:
Anotar o nome e mesa.
Adicionar produtos aos pedidos.
Excluir produtos.
Ver resumo e o total da compra.
Enviar o pedido para a cozinha (guardar em algum banco de dados).
Funcionar bem e se adequar a um tablet.
👯3.Chefe de cozinha deve ver os pedidos
Eu como chefe de cozinha quero ver os pedidos dos clientes em ordem, poder marcar que estão prontos e poder notificar os garçons/garçonetes que o pedido está pronto para ser entregue ao cliente.
Critérios de aceitação:
Ver os pedidos à medida em que são feitos.
Marcar os pedidos que foram preparados e estão prontos para serem servidos.
Ver o tempo que levou para preparar o pedido desde que chegou, até ser marcado como concluído.
👯4.Garçom/Garçonete deve ver os pedidos prontos para servir
Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.
Critérios de aceitação:
Ver a lista de pedidos prontos para servir.
Marque os pedidos que foram entregues.
O layout da aplicação foi pensado da seguinte forma:
A paleta de cores foi decidica baseando-se nos alimentos que o restaurante serve, ilustração feita pela ferramenta Coolors:
Sendo amarelo do pão, roxo de beterraba, verde das verduras, cinza esbranquiçado dos cogumelos shimeji e paris e preto do gergelim
O logo foi criado pelo Canva, seguindo a paleta de cores e a temática realeza.
A interface da aplicação finalizou da seguinte maneira:
O planejamento foi realizado através do Trello, seguindo o período de 4 sprints, onde cada história de usuário se deu em 1 sprint.
Para desenvolvimento deste projeto foi utilizado HTML5, CSS3, Vanilla JavaScript, React, Vercel e a API Burger Queen fornecida por Swagger, acessivel clicando aqui. A aplicação foi realizada com conceito de tablet first e Single Page Application (SPA).
Para as próximas refatorações iremos implementar:
📌Armazenar valor total de cada pedido no histórico
📌Contagem de tempo do preparo de cada pedido
📌Refatorar layout do cardápio e comanda
Este projeto foi desenvolvido com muito carinho pelas desenvolvedoras: