Transformação digital de uma cadeia de farmácias

O cliente era uma cadeia de mais de 300 farmácias em Portugal, sem canal de vendas digital. O objetivo principal consistia em transicionar esta rede para um modelo digital, permitindo aos seus clientes realizar compras através de uma loja online, aplicação móvel ou kiosks self-service localizados nas farmácias. Fui responsável pela criação da prova de conceito assim como o UX/UI recaiu sobre mim, estabelecendo assim os fundamentos visuais e de interação para o ecossistema digital. Posteriormente fiz parte da equipa de front-end no desenvolvimento da solução.

O Desafio

O ponto mais crítico do projeto foi desenhar um ecossistema com quatro pontos de contacto distintos: loja online, app, kiosk e backoffice. Cada plataforma apresentava restrições técnicas e contextos de utilização muito específicos. O objectivo seria que funcionasse como um produto único e coerente: para o cliente final, para as farmácias e para a equipa interna do cliente.

• Loja online: Foco na informação detalhada dos produtos e na comparação entre opções. Foi pensada para uma experiência de compra mais ponderada e informada.
• App mobile: Utilização direta e acessível, priorizando a rapidez e o acompanhamento em tempo real, com notificações sobre o estado das encomendas.
• Kiosk self-service: Uso pontual e sem necessidade de login. Desenhado para compras rápidas com recolha imediata, ideal para evitar filas na farmácia física.
• Backoffice: Uso intensivo por operadores, com foco total na eficiência e na gestão de catálogo e encomendas em volume.

O Processo

O meu papel foi central desde o primeiro momento do projeto: fui responsável pela criação do UX/UI da prova de conceito, o que definiu as bases de todo o ecossistema desenvolvido a seguir.

1. Pesquisa e arquitetura de informação

Defini a arquitetura de informação para as quatro plataformas, mapeando os fluxos e conteúdos comuns (catálogo, farmácia associada, encomendas) e os que eram específicos de cada contexto de uso.

2. Design system partilhado

Desenhei um design system universal com componentes, tokens e padrões de interação partilhados entre todas as plataformas. As regras foram adaptadas ao contexto de cada canal, mantendo sempre a coerência visual e funcional do produto.

3. Wireframes e protótipos

Criei wireframes e protótipos de alta fidelidade para cada plataforma, garantindo a validação direta com o cliente antes do início da fase de desenvolvimento.

4. Implementação front-end

Como responsável de design e direção criativa do projeto, desenvolvi o front-end da loja online Angular e do quiosque em Javascript / jQuery. Trabalhei também no desenvolvimento da aplicação móvel em Cordova / Ionic / Angular e do backoffice em .NET / Telerik, mantendo uma colaboração próxima com o cliente e com as equipas de front-end e back-end.

Para mais detalhes sobre o processo de design consulte o case study no behance.

A Solução

Loja online

A navegação foi desenhada para a exploração de produtos, integrando a escolha da farmácia parceira em todo o percurso de compra, desde a consulta de stock até ao checkout. Isto permitiu manter a presença da farmácia física em cada etapa da experiência, mesmo no canal online.

App mobile (Android/iOS)

Pensada para uso recorrente, com foco em rapidez e reencomenda, essencial para casos como medicação crónica, onde o cliente volta a comprar o mesmo produto de forma regular e valoriza um fluxo o mais curto possível.

Kiosk self-service

Interface pensada para uso pontual e sem fricção: sem necessidade de login prévio, para utilização em pé e sob pressão de tempo, dentro da própria farmácia física. Alvos de toque maiores e fluxo simplificado ao essencial, adaptando os padrões do design system a este contexto de uso mais exigente.

Backoffice

Centraliza a operação, os catálogos e as encomendas das farmácias associadas, com foco em eficiência para um uso intensivo por operadores que gerem um volume elevado de informação diariamente.