[Case Extrafarma]

Acelerando a estratégia digital:

Como ajudamos a Extrafarma iniciar sua operação online em apenas 15 dias

Com a evolução do e-commerce que vem acontecendo ao longo dos anos, empresas que trabalhavam exclusivamente com o varejo tradicional viram a necessidade de acelerar a expansão de canais para o ambiente digital, em busca de inovação e crescimento para os negócios. O que fez com que marcas como a Extrafarma investissem na transformação digital de sua operação, levando em consideração as novas demandas do consumidor.

No caso da Extrafarma, com o cenário de pandemia impostos pela COVID-19, o plano de expansão precisou ser acelerado para continuar vendendo durante o lockdown. O desenvolvimento de um e-commerce, com estrutura marketplace e integração de canais, garantiu que a Extrafarma acelerasse sua estratégia digital e obtivesse resultados significativos após o go-live do novo canal de vendas.

⏰ 12 minutos de leitura.

📆 Última atualização: 9 de agosto

Sobre a Extrafarma

Fundada em 1960, em Belém do Pará, a Extrafarma é uma das seis maiores redes de farmácia do Brasil, apenas em 2019 a rede registrou 416 lojas e está presente em 11 estados, sendo líder em seu segmento nos estados do Pará, Maranhão e Amapá.

Sua trajetória sempre foi marcada por empreendedorismo e inovação, no ano em que foi fundada, a empresa iniciou suas atividades como uma distribuidora de medicamentos no Estado do Pará e só em 1997 que entrou para o segmento de varejo farmacêutico no estado.

A expansão da marca para outros estados se deu após 39 anos com entrada no Maranhão e logo em seguida no estado do Ceará. Sua expansão foi relativamente rápida, e em 2014 estavam haviam inaugurado sua 200º loja e entrado com operações nos estados do Amapá e Piauí e Rio Grande do Norte. 

Quatro anos depois, a Extrafarma já realizava a inauguração da sua 400º loja, estava presente em associações com o grupo Ultra e lançava o novo modelo de loja focada na experiência de compra do cliente.

Grande parte de seu sucesso vem do DNA empreendedor e da essência construída em torno da vontade de atender os desejos e necessidade de consumo de saúde, beleza, bem-estar e conveniência dos seus clientes, superando sempre suas expectativas.


Foi com este pensamento que em 2020 a Extrafarma deu início em suas vendas digitais através do seu e-commerce próprio, para suprir as necessidades e entregar mais conveniência para seus consumidores.

O desafio

O setor farmacêutico nunca esteve tão presente no online quanto vem estando nos últimos anos. Entre janeiro e junho de 2020, o faturamento geral do varejo farmacêutico cresceu 7,74% e uma boa parcela das vendas vieram do online.


A pandemia contribuiu para o aumento da procura online no setor, uma vez que os consumidores mudaram seus hábitos dando preferência principalmente para compras online.

Durante o primeiro trimestre de 2020 o crescimento de usuários buscando e acessando farmácia online foi de 17%.
A transformação digital se fez necessária e diversas marcas que ainda não tinham operação online, começaram a procurar por tecnologias ágeis para que esta adaptação acontecesse em menos tempo possível.


No caso da Extrafarma, suas vendas eram feitas exclusivamente em lojas físicas e com o cenário de pandemia impostos pela COVID-19, foi definido que seria necessário a criação de um E-commerce para atender às novas demandas do consumidor.

Somado a necessidade de continuar vendendo em meio ao lockdown imposto pelos órgãos de saúde, a gestão da Extrafarma entendeu que para manter o negócio operando seria necessário acelerar o plano de expansão de canais que já vinha sendo estudados nos últimos anos, motivado pelo crescimento da categoria em canais online.

Sendo assim, em parceria com a Codeby, com o objetivo principal de iniciar seu primeiro canal de vendas online em um período de tempo curto, o projeto foi estruturado em etapas de priorização, focando no go-live rápido, melhores práticas de usabilidade, funcionalidades personalizadas, marketplace e omnichannel.

  • Desenvolvimento do primeiro e-commerce da marca;
  • Go-live do projeto em poucos dias para não prejudicar a atuação da marca;
  • Necessidade de arquitetura para integração de canais com foco no início da estratégia omnichannel;
  • Necessidade do desenvolvimento de estrutura marketplace para todas as lojas do grupo;
  • Necessidade de funcionalidades personalizadas com foco no nicho farmacêutico.

A solução

Para iniciar o projeto e alcançar os objetivos da Extrafarma, a primeira ação realizada pelo time Codeby foi estruturar as prioridades do projeto e criar um plano de ação para atender todas as necessidades do projeto.


Junto ao time da Extrafarma, ficou decidido que o melhor caminho para seguir seria o desenvolvimento de um projeto MVP (Minimum Viable Product) onde seria possível realizar o go-live de um e-commerce totalmente funcional, e após isso, seguir para a etapa de evolução do projeto onde seria feito toda a parte de estruturação de marketplace, omnichannel e funcionalidades específicas para o nicho.


A escolha pela plataforma foi importante para o sucesso do projeto e-commerce que foi desenvolvido na plataforma VTEX IO, por proporcionar soluções para escalabilidade, marketplace, omnichannel e maior liberdade para a criação de funcionalidades personalizadas.


Falando em funcionalidades, a Extrafarma tinha peculiaridades do próprio setor, por exemplo a dinâmica de receitas médicas, remédios controlados, armazenamento, em alguns casos serviços médicos, etc. Com isso, desenvolvemos algumas funcionalidades, são elas:

Extrafarma Linx Integration App

Foi criado o Extrafarma Links Integration App ao VTEX IO, o que basicamente consta em um aplicativo que adapta a inteligência da Linx dentro das páginas de resultado de busca na Extrafarma, disponibilizando vários tipos de vitrine, search bar e também a feature de hotsites da própria Linx.

Com essa integração, toda a experiência e navegação do usuário é traqueada para a Linx, onde a parte dessas informações a plataforma consegue trazer produtos e recomendações mais apuradas para cada cliente da loja, tudo isso acontecendo na loja virtual hospedada na plataforma VTEX.

O Extrafarma Linx Integration App foi desenvolvido utilizando o React e Node para que todo o fluxo principal de integrações via APIs da Linx fosse disponibilizado diferentes componentes.

Para isso, foi necessário criar para loja um módulo de Pixel na VTEX e através dele gerencia cada evento e click do cliente em sua navegação, permitindo acompanhar o traqueamento de cada fluxo.

mídias sociais Codeby (12)
mídias sociais Codeby (16)-1

Codeby PBM

O PBM da Extrafarma foi desenvolvido para integrar com o programa de benefícios disponível em suas lojas físicas.

A opção de desconto aparece nas páginas dos produtos que participam do programa, e mostra ao cliente os descontos que poderá obter ao se cadastrar no programa.

O cadastro pode ser feito através de alguns componentes, caso já tenha uma conta vinculada ao seu CPF no programa.
Assim que concorda com os termos, sendo feita a adesão do cliente, ele pode prosseguir com a compra e ter o desconto aplicado diretamente no checkout.

Esta funcionalidade foi desenvolvida pelo time Codeby, que construiu um fluxo de compra e integrou sistemas externos com a plataforma VTEX IO. Os aplicativos desenvolvidos servem como base para parte do Front-end da loja e também do Back-end responsável pela leitura dos pedidos na plataforma para validar os descontos apenas em produtos PBM.


Além disso, foi necessário criar uma Lambda Function em conjunto com o Dynamo DB da Amazon para disponibilizar uma API para consulta dos produtos que fazem parte do PBM, já que são listas dinâmicas que mudam a cada dia, essa foi a melhor forma de manter esta parte do programa em dia.

Disclaimer App

Após o go-live do e-commerce da Extrafarma ocorrer em apenas 15 dias, a marca seguiu para a segunda etapa do projeto e entre os updates realizado, está a criação do Disclaimer App, que adiciona novos fluxos na página de produto a fim de gerenciar medicamentos de uso controlado/ termolábil, acrescentando aceite de termos específicos e campos para cadastro de receitas para determinados medicamentos.

Ao acessar produtos controlados ou termolábeis, o usuário é direcionado a um novo fluxo que será necessário para completar a compra do medicamento.

Entre as opções de fluxo está o aceite de termos para que o usuário concorde antes de adicionar o produto no carrinho. No caso do produto necessitar de receita médica para a compra, é mostrado um popup onde o cliente fará o cadastro da receita. Esta receita é enviada para a loja que fará o envio do medicamento através de um email para validação das informações.

Além disso, foi desenvolvido uma interface no painel administrativo da loja na plataforma VTEX para que fosse possível gerenciar os produtos com características de medicamentos controlados ou termolábeis e os produtos que precisam de bloqueio por necessitar de prescrição médica.

mídias sociais Codeby (18)-1

Regionalization App

Durante a segunda fase do projeto, foi percebido a necessidade de uma funcionalidade que atendesse às demandas de acordo com a geolocalização do consumidor.

Utilizar a localização geográfica do consumidor é uma ação bastante usada no e-commerce, pois promove maior aproximação ao cliente, além de conseguir mais destaque no comércio e melhorar a experiência do usuário na hora da compra.

Esta prática pode identificar a localização de um aparelho eletrônico e encaminhar esse dado para a loja, se o usuário permitir. Com isso, torna-se fácil ao consumidor encontrar condições exclusivas para sua localidade, e ao lojista que consegue criar campanhas direcionadas e segmentadas.

E foi com base nesta ação que desenvolvemos um novo App VTEX IO para a loja da Extrafarma, que possibilita ao usuário adicionar informações da sua localidade e ter acesso às condições de frete, entrega ou retirar em pontos de vendas próximo a sua localização.

Foi implantado o Regionalization App, que serve para mostrar os produtos em condições ofertadas de acordo com a localização do cliente. Além desta facilidade, também é possível observar se um produto está disponível em determinada região, ou para retirada em uma loja mais próxima.

Em todo o ambiente da loja, é possível ver um pop-up no topo da página, para que o cliente possa optar por inserir sua localidade e regionalizar sua experiência dentro da loja.

O usuário pode utilizar de duas formas, a primeira seria adicionando sua localização para ter acesso às lojas próximas a sua localidade. Ou pode simplesmente inserir sua localização e ter acesso aos produtos e valores referente a sua região.

Para o App funcionar, foi necessário integrar 2 APIs externas para geolocalização por IP e busca de endereço por CEP, com a funcionalidade de session da VTEX. Dessa forma conseguimos melhorar a experiência do usuário de acordo com sua localização.

mídias sociais Codeby (20)-1

Os resultados

Interno-Aug-09-2022-06-28-37-09-PM
Interno (1)-Aug-09-2022-06-28-37-11-PM
Interno (3)-4
Interno (2)-Aug-09-2022-06-28-37-09-PM

O projeto finalizado foi um MVP utilização solução Fast-to-market, que possibilitou que o primeiro e-commerce da Extrafarma tivesse seu go-live em apenas 15 dias na plataforma VTEX. Realizamos a personalização do site com algumas funcionalidades interessantes para a experiência do usuário, além de alcançarmos o objetivo de entregar um site em um curto período de tempo e pronto para iniciar a operação de vendas online da Extrafarma.

O projeto em VTEX IO passou pelo processo de evolução, onde na primeira fase já foi possível observar ótimos resultados em performance. A velocidade do site em desktops é de cerca de 2 segundos, uma excelente pontuação, enquanto em aparelhos mobile o tempo de carregamento é de 5 segundos.

O novo site da Extrafarma em seu primeiro mês de atuação online possuiu tráfego de mais de 10 mil acessos orgânicos, o que comprova as ótimas pontuações em SEO.

O App de integração com Linx oferece principalmente uma nova experiência para o cliente, onde toda a navegação na loja é baseada em recomendações personalizadas com base em itens comprados, visualizados e recomendações de clientes com o mesmo perfil.

Dessa forma, somando a experiência e navegação personalizada a marca conseguirá consolidar estratégias mais assertivas, aumentando as vendas efetuadas no e-commerce.

A funcionalidade PBM, por sua vez, auxiliou nas vendas online de medicamentos que precisam de informações específicas do consumidor. 

Além disso, contribui para a gestão destes produtos por parte do lojista, direto no Master Data da VTEX. Além disso, agora é possível trazer ao e-commerce da marca uma variedade maior de medicamentos com características específicas, o que consequentemente impacta positivamente as vendas online.

Com o Disclaimer App, espera que a Extrafarma consiga integrar de vez o seu programa de benefícios no e-commerce, entregando uma experiência mais unificada e completa para o cliente, além de aumentar a fidelidade com a marca através dos cadastros para obter os descontos, impactando positivamente o aumento no volume de vendas e retenção de clientes.

E por fim, com a utilização do Regionalization App, a Extrafarma está conseguindo iniciar sua operação omnichannel e escalando a atuação da marca no mercado online e offline. Agora as informações dos produtos podem ser mostradas de acordo com as regras regionais, mostrando de forma dinâmica ao cliente a opção de inserir sua localização.

A conversão do site deve aumentar consideravelmente com esta nova função, atingindo novos usuários e oferecendo experiências mais completas.

Sua marca pode ser nosso próximo case de sucesso!

Faça seu negócio evoluir com a Codeby.

Vamos criar, juntos, as soluções ideias para seu e-commerce.

Nosso time está à disposição para entender tudo sobre o seu negócio e disponibilizar os melhores insights e tecnologia para aplicar na estratégia do seu negócio.

Fale com um de nossos especialistas e entenda como a Codeby pode ajudar a evoluir o seu projeto de e-commerce!

Sobre a

logo-default-v2

Somos uma empresa especializada na implementação e desenvolvimento de E-commerces. Com mais de 7 anos de experiência temos evoluído e transformando a realidade de negócios digitais de grandes marcas e empresas do mercado, contribuindo com soluções tecnológicas personalizadas para ambientes de lojas virtuais, aumentando performance e resultados em vendas para nossos clientes. MVP Partner no quadrante da Vtex, com time técnico certificado na plataforma VTEX.