Buscamed
Como construí uma solução digital para pedidos de medicamentos durante a pandemia de COVID 19.
UI/UX
Mobile design
Hackathon
Design Thinking
Fcamara é uma empresa de tecnologia em São Paulo. A cada seis meses eles abriam um processo seletivo para contratar profissionais de tecnologia e design, um processo que visava conhecer os candidatos, entender suas limitações e capacidades.
O objetivo do hackathon era desenvolver uma solução utilizando a metodologia do design e UX. Nessa versão, porém, o objetivo era ajudas pessoas durante a crise do COVID-19 com algum problema existente na época.
Descoberta
O projeto e seus primeiros passos
Seguindo a metodologia de Design Thinking, resumidamente, minha primeira ação foi conversar com o time e identificar o desafio que buscávamos enfrentar, definir qual seriam o nosso possível público-alvo para seguirmos para a pesquisa e criação de personas.
A pesquisa completa e todas as informações colhidas podem ser vista clicando aqui.
Pesquisa qualitativa
Utilizei um questionário qualitativo para compreender os problemas do público-alvo, esboçar um retrato dos usuários, coletar dados e entender dificuldades e as possibilidades de negócio.
Foram feitos dois tipos de questionários: uma para usuários finais e outro para empresas/lojas de medicamentos.
Personas
Após coletado os dados dos questionários que enviamos, pude trabalhar na construção de personas e do perfil do nosso público.
Definimos o público alvo e qual desafio iríamos tentar solucionar, no caso, uma solução para pedidos e entrega de medicamentos com alguns diferenciais para pessoas no grupo de risco.
Estudo de referências
Com as personas criadas, passei a estudas aplicativos de entrega e de medicamento como iFood e aplicativos de farmácias para entender quais eram as boas práticas e erros.
Design
Wireframe, guia de estudo e prototipagem.
Wireframes
Usei toda a pesquisa de referencias de outro aplicativos para definir a estrutura da nossa solução bem como o fluxo da jornada do usuário até cumprir seus objetivos dentro do aplicativo.
Guia de cores
Em paralelo a estrutura, desenvolvi o guia de estilo para o nosso aplicativo, definindo cores e tipografia. As cores foram baseadas nas pesquisas de mercado, mantendo um certo padrão visual já reconhecido por usuários de aplicativos do mesmo tipo.
Histórico e evolução
Muitos pontos desse projeto mudaram conforme fui evoluindo como profissional, incluindo o próprio design e o arquivo do Figma que foi melhorado. Assumi novas maneiras de trabalhar e organizar os elementos dentro dos meus projetos.
Deixei aqui algumas das primeiras versões do design das telas, bem como a evolução com o tempo. Bem legal, neh? 😉
Entrega
Design final e entrega ao time de avaliação da empresa
A finalização de todas as etapas de design foram concluídas e a jornada entregue ao membro da Squad para desenvolvimento.
Não foi possível desenvolver um MVP funcional. Assim, codifiquei a tela de login do aplicativo em HTML e CSS.
O código está disponível no meu GitHub. O link está ao final desta página.
Protótipo e código
Confira o protótipo navegável no Figma e o código da tela de login no meu GitHub através dos links abaixo.