Janeiro, 2023
Como ingressar na área digital sem experiência? Essa era a inquietação inicial dos 14 participantes deste grupo de estudos. Nossas buscas por essa resposta nos levaram ao Gama Experience (XP), um programa direcionado a quem não tem conhecimento, mas tem vontade de aprender. Lá no início do curso, fomos separados em duas turmas: hackers (para quem tinha como foco de estudos as principais linguagens de programação front e back end) e hispters (para aqueles que queriam se desenvolver em user experience - UX - e user interface - UI).
Passamos de quatro a cinco meses estudando, trocando experiências e, principalmente, sendo provocados a entregar o nosso melhor a cada avaliação. Até que, finalmente, chegamos ao maior de todos: o Desafio Final. As turmas foram misturadas e instigadas a construir um produto digital para uso na vida real. Em quatro semanas, desenvolvemos a aplicação que você vai conhecer agora.
Ideias no ar
Desafio posto: criar uma aplicação web navegável e interativa. A ideia do Grupo 4 veio de um dos integrantes que tem um amigo cabeleireiro. Em uma de suas conversas informais, o dono da barbearia confessou um grande problema enfrentado por ele no dia a dia: interromper seus atendimentos para que pudesse agendar um horário para outro cliente. Ele gostaria de ter um sistema de agendamento online e autônomo. Como a tecnologia poderia ajudar esse empresário? Um sistema de agendamento on-line poderia ser a solução para essa dor.
O primeiro passo foi organizar um kanban no Trello com a definição do máximo de entregáveis entre os times de hackers e hipsters. As tarefas ficaram divididas por stacks, cada uma com uma cor para fácil identificação visual. A princípio, foram colocadas todas em backlog e, à medida que eram desenvolvidas, os responsáveis as moviam para as colunas "em andamento" e, quando finalizadas, para a coluna "concluídas". Clique aqui e acesse o kanban.
Para além desse recurso, adotamos como prática um alinhamento semanal (segunda-feira, às 20h), com duração de uma hora para atualização entre os times. Você acompanha as atas das nossas reuniões em um documento do Drive.
Pesquisa para descobrir
Foi em busca dessa solução que o time de hipsters, apoiado nas etapas do design thinking, iniciou a imersão no tema com pesquisas, como Desk Research, Benchmarking e análise competitiva. A ideia era ter o máximo de argumentos para bem fundamentar o projeto. Como resultado, conseguimos criar duas personas: a do administrador e a do cliente. Ambos seriam usuários do sistemas de agendamento, um em cada ponta, e podem ser conhecidos aqui, no acesso à página do nosso Miro.
Nesse momento, também iniciamos um levantamento de referências visuais para entender como a concorrência se apresentava no mercado. Percebemos que as cores mais utilizadas eram as de tons mais quentes, junto com cores mais escuras. Como modelo de layout para nossa inspiração, utilizamos o da Barbearia Seu Elias.
Para finalizar a etapa de pesquisas, realizamos uma quantitativa no Google Forms para entender se a aplicação que tínhamos em mente teria, de fato, aderência entre os usuários de barbearias. Conheça o resultado acessando o nosso Miro. Vale destacar que a maioria dos entrevistados, hoje, já faz o agendamento pelo WhatsApp.
Em sua maioria, os respondentes alegaram quererem realizar esse processo por um sistema de agendamento on-line. E mais: gostariam de receber a confirmação de seus agendamentos por e-mail e de serem lembrados dos seus compromissos em suas barbearias de preferência. Isso nos mostrou que estávamos no caminho certo em relação ao produto que iríamos começar a idear e que, inclusive, teríamos espaço para melhorias.
Enquanto isso, o time de hackers elegeu o Mongo DB como a melhor tecnologia de banco de dados. Por se tratar de um banco NoSQL, o Mongo DB permite atualizações em suas tabelas sem afetar o que já foi contruído.
A tecnologia Schema Prisma também foi adotada para executar a comunicação entre o back end e o banco de dados. A escolha levou em conta a praticidade dessa tecnologia, que permite que as tabelas sejam atualizadas com novos argumentos e possibilita a criação de novas tabelas, quando necessárias, diretamente no código pelo VS Code.
Momento criativo
Chegou o momento da ideação. ****Com a confirmação de nossas hipóteses em pesquisas e com bastante referêncial visual, partimos para a criação do que viria a se tornar o produto, mais especificamente, o sistema de agendamento da Berillo’s Barbearia. Primeiro, criamos um fluxograma. A ideia foi mapear as telas e as funcionalidades necessárias. Tudo isso sempre alinhado com o time de hackers. O desenho abaixo mostra o caminho para os logins das duas personas: administrador e cliente (usuário).