SEGURO AUTO é uma aplicação fictícia para usuários finais solicitarem o sinistro de um veículo específico. Esse desafio foi proposto pela empresa EY - Brasil.
Status do Projeto: Concluído
** Previsto possíveis modificações para o site **
Deploy: EY - Seguro Auto
USUÁRIOS DE TESTE:
Email 1: juan@teste.com
Email 2: olivia@teste.com
Senha: 123456
- 1. Introdução
- 2. Resumo do Projeto
- 3. Implementações Futuras do Projeto
- 4. Fluxogramas
- 5. Protótipo e testes de usabilidade
- 6. Aprendizados
- 7. Desenvolvedoras do Projeto
Projeto desenvolvido no bootcamp de front-end da Laboratoria para o evento denominado Talent Fest. Nosso desafio foi proposto pela empresa EY e neste projeto desenvolvemos uma aplicação web na modalidade desktop responsivo (mobile) que ofereça aos clientes de uma seguradora de automóveis, uma alternativa fácil e rápida para abertura de sinistros. Neste desafio tivemos que criar um banco de dados de back-end do zero e para isso optamos por depositar as coleções do nosso banco de dados no FireStore do Google Firebase, um BaaS (back-end as service).
O aplicativo da EY Seguros oferece uma forma rápida e fácil para gerenciar/criar sinistros. Nele é possível que o cliente acesse seu histórico e efetue a criação de um sinistro. Para que o cliente consiga realizar a abertura de um sinistro é necessário que preencha o formulário, acrescente uma foto do veículo e aceite os termos e condições da seguradora. Neste desafio, para iniciar a criação da aplicação, foram fornecidas três histórias de usuário:
Para as futuras implementações, iremos aprimorar a segurança de nossos usuários seguindo as determinações legais contidas na Lei Geral de Proteção de Dados Pessoais(LGPD). Também serão implementadas melhorias de acessibilidade usando tecnologias externas existentes. Por fim, a PESQUISA DE USUÁRIOS indicou que a aplicação deve implementar um canal de atendimento por chat para facilitar a comunicação deles com a seguradora.
Uma situação hipotética apontada para a abertura de um sinistro. Imagine você, usuário, localizado no meio de uma BR, sem sinal de wi-fi, precisando solicitar um reboque (que a sua seguradora oferece) para o seu carro que colidiu com outro. O usuário, no momento de um desespero, precisa de uma aplicação que lhe facilite o contato com o seu prestador de serviços independente do meio utilizado. Desta forma, pensando em aprimorar a experiência de nossos usuários bem como facilitar o contato entre prestador de serviços e cliente decidimos disponibilizar, em todo o ambiente da aplicação, os canais de atendimento telefônico da empresa.
- Pensando em aprimorar a experiência do usuário, foi criada uma Proto Persona com as seguintes características:
- Os resultados obtidos com a pesquisa de usuário, obteve a participação de 20 pessoas e forneceu os seguintes resultados:
- Através da pesquisa de usuário realizada foi criada uma história de usuário:
- Com base nas historias de usuário nós criamos os seguintes fluxogramas.
- Visualizamos uma aplicação que refletisse as cores marcantes da EY e tentamos replicar a mesma fonte utilizada por ela em suas aplicações e websites para tornar a experiência mais imersiva.
- Tela de login;
- Exibir lista de histórico de sinistros com seus status + botão "Aviso de sinistro";
- Abrir formulário:
- Selecione o tipo de reclamação (select);
- Seleção de Veículos Segurados;
- Anexo de fotos nítidas (jpg- png-Xxx, peso máximo "x") + campo de descrição (ambos os campos necessários) + botão “Abrir Sinistro" → exibição "enviada". Deve ser capaz de visualizar novo sinistro no histórico, com seu respectivo status;
- Perguntar se precisa de um carro reserva (sim ou não);
- Link para termos e condições.
- Botão "Enviar". (fim do fluxo)
- Cliente com apólice não paga tenta entrar com reclamação;
- A entrada do pedido é rejeitada e você é informado de que a apólice é ativa, mas não paga;
- Mostre um link que o convida a pagar as taxas em atraso;
- Vá para simulação de pagamento;
- Mostrar "pagamento aprovado", política ativa e paga;
- Abrir formulário:
- Selecione o tipo de reclamação (select);
- Seleção de Veículos Segurados;
- Anexo de fotos nítidas (jpg- png-Xxx, peso máximo "x") + campo de descrição (ambos os campos necessários) + botão "Abrir sinistro" → exibição "enviada". Deve ser capaz de visualizar novo sinistro no histórico, com seu respectivo status;
- Perguntar se precisa de um carro sobressalente (sim ou não);
- Link para termos e condições.
- Botão "Enviar". (fim do fluxo)
- Cliente com apólice vencida (seguro expirado) e tenta entrar com reclamação;
- Realizar validação da data de validade;
- Em caso de mais de 3 meses e um dia de expiração, envie uma mensagem "você não pode entrar no pedido de apólice vencida";
- Recusar a entrada;
- Coloque link para contratar novos seguros ou reativar o anterior. (fim do fluxo)
- Com o auxílio do Figma também criamos um protótipo interativo para ser utilizado nos testes iniciais de usabilidade sendo que obtivemos um feedback bastante positivo.
Foram quatro dias de trabalho bastante intensos, enriquecemos nossa experiência como desenvolvedoras tanto no campo técnico quanto sócio emocional. Podemos ressaltar como pontos chave, a nossa organização como Squad, a nossa definição e cumprimento dos acordos formalizados como equipe os quais foram praticados do início ao fim por todas as integrantes e mantivemos uma excelente comunicação durante todo o momento. Todo o combinado e integração foi realizado em prol da fluidez, empatia e apoio mútuo. Também pudemos aprimorar os aprendizados obtidos durante o bootcamp intensivo de 6 meses da Laboratoria, podendo destacar as seguintes tecnologias e ferramentas utilizadas:
- Planejamento: Trello
- Protótipos: Figma
- HTML5
- CSS3
- JavaScript
- Slack
- React
- JSX
- Node JS
- Jest
- Firebase
- Git
- GitHub & GitHubProjects
- Visual Studio Code
 Adriana Watanabe |
 Helena Gonçalves |
 Isabela Gregoraci |
 Jessika Mirella |
 Natalie Silva |
 Thais Bonalume |