Trabalho Dev mobile

Prévia do material em texto

ESTÁCIO DE SÁ
CAMPUS: Gilberto Gil
SHOPCART: 
Seu app de Supermercado
Allyson Rodrigues
Ricardo Silva
Thiago Pereira
Tauan Teles
Professor: Helder Aragão
2025
Salvador/Bahia
Sumário
1.	DIAGNÓSTICO E TEORIZAÇÃO	3
1.1.	Identificação das partes interessadas e parceiros	3
1.2.	Problemática e/ou problemas identificados	3
1.3.	Justificativa	3
1.4.	Objetivos/resultados/efeitos a serem alcançados (em relação ao problema identificado e sob a perspectiva dos públicos envolvidos)	3
1.5.	Referencial teórico (subsídio teórico para propositura de ações da extensão)	3
2.	PLANEJAMENTO E DESENVOLVIMENTO DO PROJETO	4
2.1.	Plano de trabalho (usando ferramenta acordada com o docente)	4
2.2.	Descrição da forma de envolvimento do público participante na formulação do projeto, seu desenvolvimento e avaliação, bem como as estratégias utilizadas pelo grupo para mobilizá-los.	4
2.3.	Grupo de trabalho (descrição da responsabilidade de cada membro)	4
2.4.	Metas, critérios ou indicadores de avaliação do projeto	4
2.5.	Recursos previstos	5
2.6.	Detalhamento técnico do projeto	5
3.	ENCERRAMENTO DO PROJETO	5
3.1.	Relatório Coletivo (podendo ser oral e escrita ou apenas escrita)	5
3.2.	Avaliação de reação da parte interessada	5
3.3.	Relato de Experiência Individual	5
3.1. CONTEXTUALIZAÇÃO	5
3.2. METODOLOGIA	6
3.3. RESULTADOS E DISCUSSÃO:	6
3.4. REFLEXÃO APROFUNDADA	6
3.5. CONSIDERAÇÕES FINAIS	6
1. DIAGNÓSTICO E TEORIZAÇÃO 
1.1. Identificação das partes interessadas e parceiros 
As partes interessadas neste projeto abrangem, principalmente, consumidores urbanos e semiurbanos de diversas faixas de idade (com foco principal em jovens e famílias com rotinas pesadas).
Observando a ideia do nosso projeto, pensamos nele para todos os perfis socioeconômicos. Entendendo que muitos deles trabalham de segunda a sábado, pensamos em um aplicativo que vai gerar conveniência, otimização de tempo, empregos e uma boa experiência de compra — podendo servir tanto para as compras do mês quanto para comprar frutas na quitanda mais próxima.
Nossos clientes já estão acostumados a utilizar dispositivos móveis e aplicativos, e valorizam a praticidade, a variedade de produtos e a economia, seja em pequenos estabelecimentos do seu bairro ou em grandes mercados da sua região.
Do lado dos estabelecimentos, queremos obter colaboração tanto com pequenos e médios comércios locais — como mercadinhos de bairro, hortifrutis, quitandas e armazéns — quanto com grandes redes de supermercados.
1.2. Problemática e/ou problemas identificados
Propusemos resolver os seguintes problemas:
(Realizamos pesquisas em canais de reclamações, denúncias e também por meio de pesquisas feitas pelo próprio grupo.)
Propagandas enganosas:
Infelizmente, notamos um padrão de desrespeito com os consumidores. Em diversos aplicativos, foi possível perceber que os produtos anunciados eram diferentes dos produtos entregues.
Não aceita vale-alimentação ou determinadas bandeiras:
Outro problema bastante comum é o fato de alguns aplicativos se recusarem a aceitar determinadas bandeiras de cartão. Em alguns casos, os cartões de vale-alimentação (como Ticket) não eram aceitos.
Demora na entrega:
O principal motivo de reclamação dos nossos entrevistados é a demora na entrega, o que, segundo eles, desmotiva a realizar compras de mercado por determinados apps.
Não atender determinadas áreas:
Alguns aplicativos ainda se recusam a atender certas regiões, o que acaba gerando uma impressão de preconceito ou exclusão.
Falta de atualização na entrada/saída de mercadorias:
Infelizmente, muitos clientes relataram dificuldade para aproveitar promoções, pois alguns aplicativos não atualizam o estoque em tempo real. Há casos em que o cliente enche o carrinho e, na hora de pagar, é informado que o produto está em falta.
Preços e taxas de entrega abusivos:
Foi apontado um custo alto e desproporcional tanto nos valores dos produtos quanto nas taxas de entrega, o que afasta os clientes e dificulta a compra por meio de determinados aplicativos.
1.3. Justificativa 
O projeto promove competências fundamentais: comunicação, didática, pensamento crítico, resolução criativa de problemas e visão ampliada para o mercado de trabalho. Ele propõe uma solução prática, com valor social, ao mesmo tempo que desenvolve habilidades de trabalho em grupo e inovação tecnológica.
1.4. Objetivos/resultados/efeitos a serem alcançados (em relação ao problema identificado e sob a perspectiva dos públicos envolvidos)
Atualização automática do estoque:
Decidimos integrar o app do mercado diretamente com o ERP e o sistema utilizado na frente de caixa. Dessa forma, sempre que um produto for vendido, seja pelo app ou na loja fisica, a baixa será feita automaticamente no estoque do aplicativo.
Isso trará melhorias significativas para um problema muito comum enfrentado pelos usuários.
Cobertura geográfica inclusiva:
Para corrigir a falta de atendimento em certas regiões, vamos expandir por zonas geográficas mais periféricas, permitindo que entregadores e mercados locais se cadastrem no app, assim, promovendo inclusão e fortalecimento do comércio de bairro.
Combate a propaganda enganosa:
Para combater a propaganda enganosa, nosso app exigirá que os mercados cadastrem imagens reais e descrições completas dos produtos. Teremos sistema de avaliação e denúncia, além de reembolso imediato em casos confirmados. Transparência é prioridade.
1.5. Referencial teórico (subsídio teórico para propositura de ações da extensão)
https://www.youtube.com/watch?v=N9Ft02odjEM&list=PLRRDagG1z-EKGBJBeNkp0mntjuy0QqSUH
2. PLANEJAMENTO E DESENVOLVIMENTO DO PROJETO 
2.1. Plano de trabalho 
Primeiro objetivo: Realizar reuniões para definir as melhores ideias.
Segundo objetivo: Pesquisar sobre aplicativos concorrentes e identificar pontos fortes e fracos.
Terceiro objetivo: Teorizar as funcionalidades e realizar a prototipação da interface do nosso aplicativo.
Quarto objetivo: Iniciar o desenvolvimento da aplicação com base nas funcionalidades definidas.
Quinto objetivo: Testar a aplicação e corrigir possíveis erros identificados.
Sexto objetivo: Produzir a documentação final do projeto.
Cronograma:
1. Mês: Reuniões para definição
2. Mês: Pesquisas
3. Mês: Prototipagem
4. Mês: Desenvolvimento e testes / Aplicação e documentação
2.2. Descrição da forma de envolvimento do público participante na formulação do projeto, seu desenvolvimento e avaliação, bem como as estratégias pelo grupo para mobilizá-los.
Foi criado um grupo no whatsapp, discord e teams com todos os membros do grupo. Nestes espaços foram debatidas ideias, soluções, dificuldades, protótipos e votações, com participação e feedback continuo do professor.
2.3. Grupo de trabalho (descrição da responsabilidade de cada membro)
· Alisson: Pesquisa de mercado, PowerPoint e regra de negócio.
· Paulo Ricardo Silva: Prototipagem no Figma, desenvolvimento, pesquisa e documentação.
· Tauan Teles: Prototipagem no Figma, desenvolvimento, pesquisa e documentação.
· Thiago Pereira: Pesquisa, documentação e prototipagem no Figma. 
2.4. Metas, critérios ou indicadores de avaliação do projeto. 
Metas:
· Lançar o MVP (Produto Mínimo Viável) do app com funcionalidades básicas: cadastro, carrinho, checkout e integração de estoque em tempo real, 
· Alcançar mercados de pequeno, médio e grande porte de regiões periféricas.
· Atender a pelo menos 50 usuários nas regiões piloto.
Indicadores:
· Número de downloads do aplicativo.
· Taxa de aceitação de pedidos.
· Reclamações registradas.
· Avaliações dos usuários no app.
2.5. Recursos previstos
· Humanos: 4 integrantes (desenvolvedores, design, documentação, pesquisa)
· Materiais: computador, celular, software de prototipagem, plataforma de desenvolvimento (Expo dev)
· Financeiro: sem custo, uso de ferramentas gratuitas.
2.6. Detalhamento técnico do projeto
· Tecnologia: O app será desenvolvido para IOS/Android utilizando o React Native com backend em Firebase para autenticação, banco de dados e controle de estoque.
· Prototipagem:Interface criada no Figma.
· Integração: Plano para integração com sistemas de caixa ERP via API REST.
· Funcionalidades:
 Cadastro de mercados e usuários.
 Consulta de produtos em tempo real.
 Sistema de carrinho e checkout.
 Sistema de avaliação e denúncia.
 Área de gerenciamento para mercados.
· Componentes: 
 - Exibir um ícone de carregamento (loading).
 Um botão básico para ações simples.
 - Exibir listas grandes de dados de forma eficiente e com rolagem.
 - Para mostrar ícones.
 - Exibir imagem na tela.
 - O contêiner principal para toda a sua estrutura de navegação. Ele gerencia o estado da navegação.
 - Mostra uma lista suspensa para selecionar uma opção.
 - Semelhante ao TouchableOpacity, dá mais controle sobre os estados de toques (pressionar, segurar).
 - Renderiza o conteúdo dentro dos limites da "área segura" de um dispositivo.
 - Rolagem genérica. Ele permite exibir mais conteúdos do que cabe na tela.
 - Permite navegação entre telas empilhadas (abrir uma tela e voltar).
 - Permite navegação por abas (menu inferior com “Início”, “Perfil”, etc).
 - Para exibição do texto.
 - Exibição da caixa de entrada para o usuário digitar texto.
 - Um botão que fica transparente quando é clicado.
 - Um contêiner básico para agrupar e organizar elementos, semelhante a uma “div” no HTML.
3. ENCERRAMENTO DO PROJETO 
3.1. Relato Coletivo: 
O grupo acredita que os objetivos iniciais foram alcançados, principalmente ao apresentar uma solução tecnológica com potencial de impacto social e comercial. O envolvimento com a comunidade ajudou a entender os problemas reais dos consumidores, proporcionando uma experiência rica e prática.
3.1.1. Avaliação de reação da parte interessada
Relato do Parceiro – Mercadinho Vista Alegre
 Renato Silva – Proprietário
 Vista Alegre – Suburbana/Salvador
Usamos o piloto do aplicativo por cerca de 30 dias e podemos afirmar que a experiência foi muito positiva e alinhada com os objetivos propostos.
O app se mostrou prático e funcional, sem falhas notáveis durante o período de testes.
 A integração com o estoque em tempo real se mostrou útil e eficiente, e não recebemos queixas nesse aspecto.
A possibilidade de realizar compras grandes e pequenas sem sair de casa animou nossos clientes, e notamos um aumento de aproximadamente 30% nas vendas.
Em relação ao feedback, as funcionalidades planejadas foram entregues conforme o combinado, e o suporte oferecido foi eficiente, com respostas rápidas sempre que precisávamos.
Relato de uma Usuária do App
Maria Helena – Cliente
 Vista Alegre – Suburbana
Sou cliente do mercadinho há muitos anos e sempre precisei ir até lá para fazer minhas compras. Mesmo quando era só um item, era necessário fazer o percurso até o mercado.
Quando soube da novidade — que teria um aplicativo para fazer o pedido e agendar a entrega — fiquei animada. Baixei o app e fiz minhas primeiras compras.
Sou mãe de família e trabalho de segunda a sábado, então o aplicativo me trouxe muito mais comodidade. Hoje, graças a ele, não preciso sair de casa para ir ao mercado. Com o celular na mão, ganho tempo e praticidade.
Não preciso mais sair do trabalho correndo para passar no mercado. Agora, faço minhas compras online e agendar a entrega conforme minha rotina.
3.2. Relato de Experiência Individual (Pontuação específica para o relato individual)
Thiago Pereira
CONTEXTUALIZAÇÃO
Participei do projeto ShopCart como integrante responsável por pesquisa de mercado, documentação e prototipagem. O objetivo era desenvolver um aplicativo de supermercado que resolvesse problemas reais, como estoques desatualizados, falta de cobertura geográfica inclusiva e transparência nas vendas. Minha contribuição focou em entender as necessidades dos usuários e traduzi-las em uma interface funcional, além de documentar todo o processo para garantir clareza.
METODOLOGIA
Local e Período:
Trabalhamos remotamente, utilizando ferramentas como Figma, Expo Dev, Teams e WhatsApp para colaboração.
O projeto durou aproximadamente 4 meses, com etapas divididas entre pesquisa, prototipagem, desenvolvimento e testes.
Público Envolvido:
Colegas de equipe, o professor orientador e o Mercadinho Vista Alegre (parceiro piloto).
Etapas da minha participação:
Analisei reclamações em fóruns de consumidores (Reclame Aqui, Consumidor.gov, App Store, Play Store) e entrevistei moradores de regiões periféricas para entender suas frustrações com apps existentes.
Registrei decisões de design, funcionalidades e feedbacks do Mercadinho Vista Alegre.
RESULTADOS E DISCUSSÃO
As entrevistas revelaram dores específicas como entregas demoradas e propaganda enganosa. Criamos soluções diretamente ligadas a essas queixas, como atualização de estoque em tempo real e validação de fotos reais dos produtos. Foi gratificante ver como a teoria de UX (User Experience) pode resolver problemas cotidianos.
REFLEXÃO APROFUNDADA
Durante o desenvolvimento do ShopCart, aprofundei minha experiência prática com ferramentas modernas de desenvolvimento mobile, como o React Native, aliado ao uso do Expo Go, que permitiu visualizar instantaneamente as mudanças no aplicativo em tempo real durante os testes. Essa abordagem facilitou não só a prototipação rápida, como também a validação das interfaces junto aos usuários.
CONSIDERAÇÕES FINAIS
O ShopCart pode ser expandido com inteligência artificial para sugerir listas de compras com base nas preferências dos usuários. No futuro, também poderíamos implementar rotas otimizadas para entregadores e dashboards analíticos para mercados parceiros.
Paulo Ricardo Silva
Contextualização
Participei ativamente das etapas do projeto, inicialmente pela prototipagem no Figma, onde ajudei a definir o layout e a experiência do usuário. No desenvolvimento, implementei as funcionalidades com foco em performance e organização dos componentes. Realizei pesquisas para solucionar desafios técnicos e aplicar boas práticas. Por fim, contribuir na documentação garantindo clareza e padronização.
METODOLOGIA
Local e Período:
Trabalhamos remotamente, utilizando ferramentas como Figma, Expo Dev, Teams e WhatsApp para colaboração.
O projeto durou aproximadamente 4 meses, com etapas divididas entre pesquisa, prototipagem, desenvolvimento e testes.
Público Envolvido:
Colegas de equipe, o professor orientador e o Mercadinho Vista Alegre (parceiro piloto).
Etapas da minha participação:
Iniciei o processo com a ajuda de criação de protótipos interativos utilizando o Figma. Após a fase de prototipagem e aprovação do design, dediquei-me ao desenvolvimento da solução. Realizei pesquisas aprofundadas em diferentes momentos do projeto. Inicialmente, explorei as necessidades dos usuários e as soluções existentes no mercado para fundamentar as decisões de design e funcionalidade.
RESULTADOS E DISCUSSÃO
A prototipagem do Figma agilizou a validação da interface, resultando em um design intuitivo. O desenvolvimento robusto concretizou essas ideias, garantindo um produto funcional e escalável. A pesquisa contínua forneceu insights cruciais para a inovação, enquanto a documentação sistemática assegurou a clareza e rastreabilidade do projeto. Em conjunto, essas ações entregaram um produto de alta qualidade e uma base sólida para o futuro.
REFLEXÃO APROFUNDADA
Durante o desenvolvimento do ShopCart, aprofundei minha experiência prática com ferramentas modernas de desenvolvimento mobile, como o React Native, aliado ao uso do Expo Go, que permitiu visualizar instantaneamente as mudanças no aplicativo em tempo real durante os testes. Essa abordagem facilitou não só a prototipação rápida, como também a validação das interfaces junto aos usuários.
CONSIDERAÇÕES FINAIS
O ShopCart pode ser expandido com inteligência artificial para sugerir listas de compras com base nas preferências dos usuários. No futuro, também poderíamosimplementar rotas otimizadas para entregadores e dashboards analíticos para mercados parceiros.
Tauan Teles
Contextualização
Participar do projeto ShopCart foi, sem dúvidas, um grande desafio para mim.
Antes das e do projeto, eu não tinha prática com desenvolvimento mobile, figma ou React Native.
Desafiei-me a aprender e a desenvolver em uma linguagem totalmente nova.
Desenvolvemos um aplicativo de mercado, onde é possível realizar compras sem sair de casa.
Participei da prototipagem do projeto, desenhando as telas no figma e dando início aos componentes da aplicação.
Também contribui com as pesquisas e com a documentação do projeto.
METODOLOGIA
Local e Período:
Trabalhamos remotamente, utilizando ferramentas como Figma, Expo Dev, Teams e WhatsApp para colaboração.
O projeto durou aproximadamente 4 meses, com etapas divididas entre pesquisa, prototipagem, desenvolvimento e testes.
Público Envolvido:
Colegas de equipe, o professor orientador e o Mercadinho Vista Alegre (parceiro piloto).
Etapas da minha participação:
Realizei pesquisas em mercados e Supermercados, conversei com futuros clientes,
perguntando quais os principais problemas e o que eles desejavam de um aplicativo.
Participei ativamente da prototipagem das telas, do desenvolvimento, e da implementação do sistema para nosso cliente piloto.
RESULTADOS E DISCUSSÃO
As entrevistas e reuniões expuseram para a gente o quanto é ruim depender de
determinados aplicativos. Notamos que muitos clientes se sentiram ofendidos e chateados.
Usamos o método JAD para oferecer aos nossos clientes uma melhor experiência.
Resolvemos problemas do cotidiano e trouxemos outra perspectiva para eles.
REFLEXÃO APROFUNDADA
Durante o desenvolvimento do ShopCart, aprofundei minha experiência prática com ferramentas modernas de desenvolvimento mobile, como o React Native, aliado ao uso do Expo Go, que permitiu visualizar instantaneamente as mudanças no aplicativo em tempo real durante os testes. Essa abordagem facilitou não só a prototipação rápida, como também a validação das interfaces junto aos usuários.
CONSIDERAÇÕES FINAIS
O ShopCart pode ser expandido com inteligência artificial para sugerir listas de compras com base nas preferências dos usuários. No futuro, também poderíamos implementar rotas otimizadas para entregadores e dashboards analíticos para mercados parceiros.
Allyson Rodrigues Ramalho
CONTEXTUALIZAÇÃO
Participar do desenvolvimento do ShopCart foi uma experiência enriquecedora e desafiadora. Minha principal atuação foi na área de design de interfaces e experiência do usuário (UI/UX), além de colaborar na estratégia de comunicação e apresentação do projeto. O objetivo do ShopCart foi criar um aplicativo de delivery que atendesse às necessidades reais de consumidores, oferecendo uma plataforma mais transparente, acessível e eficiente, especialmente para mercados de bairro e regiões periféricas.
METODOLOGIA
Local e Período:
O projeto foi realizado de forma remota, com colaboração via Figma, Discord, WhatsApp e Expo Dev. Tivemos reuniões semanais de alinhamento e o desenvolvimento foi dividido em quatro etapas principais: pesquisa, prototipação, desenvolvimento e testes, ao longo de aproximadamente 4 meses.
Público Envolvido:
Além da equipe de desenvolvimento e do professor orientador, contamos com a participação do Mercadinho Vista Alegre, que atuou como cliente piloto e forneceu feedbacks valiosos para a melhoria do projeto.
RESULTADOS E DISCUSSÃO
O desenvolvimento do protótipo permitiu transformar os insights das entrevistas em soluções reais e aplicáveis. Percebemos, por exemplo, que muitos usuários se sentem confusos com aplicativos atuais devido ao excesso de informações e falta de clareza na apresentação dos produtos. Para resolver esse problema, criamos um design minimalista e funcional, com foco em acessibilidade e atualização em tempo real de estoque e promoções.
REFLEXÃO APROFUNDADA
Este projeto foi uma oportunidade de aprofundar meus conhecimentos em Desenvolvimento e Design, especialmente na importância da empatia e da escuta ativa para transformar problemas reais em soluções práticas. Também pude aprimorar minhas habilidades no Figma, desenvolvendo protótipos mais interativos e profissionais, e entendi como ferramentas como o Expo Go facilitam a validação de propostas no contexto mobile.
CONSIDERAÇÕES FINAIS
Acredito que o ShopCart tem potencial para crescer ainda mais, podendo futuramente integrar funcionalidades como recomendações personalizadas, pagamento via PIX e até mesmo parcerias com produtores locais, fortalecendo o comércio de bairro. Esse projeto me ensinou a importância de unir tecnologia e sensibilidade social, mostrando como a inovação pode ser uma ferramenta de inclusão e transformação.