Buscamed.RE​

Como redesenhei um projeto que fiz em 2020 usando minha evolução como UX designer e um pouco de vergonha na cara..

Sobre

Essa documentação é um complemento da primeira parte desse projeto, onde mostro todo o meu processo de desenvolvimento do app Busca Med No Hackathon da empresa FCamara, em 2021.

Nesse artigo, trago a evolução do projeto e como mudei minha visão sobre UX e desenvolvimento de aplicativos. Agora, adoto uma abordagem mais madura, focando em design crafting e considerando melhor o lado do negócio.

Tela antiga(a esquerda) e a nova tela reformulada

Novas referências e direcionamento de UX

Passei por vários redesigns do projeto, mas a essência original permaneceu. Isso me deixou frustrado, pois sentia que faltava algo. Mesmo sendo um MVP, ele não resolvia o problema do cliente, e nem pensei em como seria a compra, o pagamento e a entrega dos produtos.

Este novo projeto reúne tudo o que aprendi no Bradesco e utiliza conceitos de design para criar telas que ajudam o usuário a comprar medicamentos online de forma segura.

Cenários de erro, validações e problemas no sistema

Notei que muitos designers não valorizam a documentação sobre erros e problemas de um sistema. Isso é tão importante quanto a estética do app ou o tipo de negócio. Esses detalhes são o que realmente impactam a experiência do cliente no dia a dia e mostram o quanto nos importamos com isso.

Criei telas para diferentes situações de erro ou problemas que podem surgir, com um texto amigável e orientações que ajudem o usuário de alguma forma.

Crafting Design: apoio ao usário em todos os momentos

Um tema que tenho explorado e incorporado nos meus projetos é o Crafting, que busca tornar a experiência das pessoas mais agradável em diferentes aspectos.

Adicionei animações nas telas de espera para reduzir a frustração do cliente e tornar a experiência mais agradável, uso uma linguagem simples e um design limpo.Foram feitos dois tipos de questionários: uma para usuários finais e outro para empresas/lojas de medicamentos.

Nova estrutura

Estudo da estrutura

Refiz minha pesquisa de mercado e, ao contrário do projeto original, concentrei-me apenas em referências de aplicativos de venda de medicamentos, analisando como os fluxos de compra e busca desses produtos funcionam.

Com base nessa pesquisa, criei o wireframe e os possíveis estados de erro que podem surgir ao usar aplicativos. O link com o estudo está abaixo.

Arquivo com as telas no Figma

Por trás dos panos

Um novo projeto de design era necessário, então refiz todas as telas com base no wireframe, criei novos componentes e redesenhei vários elementos para oferecer uma nova experiência.

Se você quiser ver meu arquivo e como organizei o protótipo, segue o link abaixo com todo a telas no Figma.

Add Your Heading Text Here

Protótipo

Confira o protótipo navegável no Figma e um experimento que fiz no Figma Make da tela de login.

Desenvolvimento profissional

personal-development

Reconstruir esse projeto foi uma experiência incrível. No começo, ele focava apenas no design, mas agora tem um fluxo de compra completo e conceitos de crafting. Hoje, percebo como minha visão mudou e consegui refletir isso no novo protótipo, trazendo não somente uma melhor estética, mas uma base sólida para negócio e experiência do cliente.

personal-development