AO·dev
e-commercevtexAvantilive
View as Markdown (opens in new tab)

São João Farmácias

VTEX IO e-commerce for one of southern Brazil's largest pharmacy chains — over 1,200 physical stores, a catalog of thousands of products, and even health services sold as cart items.

Company

Avanti

Period

2022 – 2023

Role

Frontend Developer, VTEX Specialist

Farmácias São João is the largest pharmacy chain in southern Brazil: over 1,200 physical stores, 23,000 employees, and 11 million customers served every month across Rio Grande do Sul, Santa Catarina, and Paraná. At Avanti, it was one of the VTEX accounts that went through my hands — catalog maintenance, campaigns, and recurring adjustments on an operation this size.

Farmácias São João home page, with a seasonal offers banner and featured categories
Farmácias São João home page, with a seasonal offers banner and featured categories

Under the hood

LayerTechnology
E-commerceVTEX IO, with Store Framework
FrontendReact via VTEX IO blocks
UI/Performancestyled-components, LazySizes, core-js
Analytics/TagsGoogle Tag Manager, Facebook Pixel, Microsoft Clarity
RemarketingCriteo
PersonalizationInsider
CDNAmazon CloudFront, Azure Front Door

VTEX IO confirmed technically through the response headers (x-vtex-renderer, sjdigital cluster) — no trace of VTEX Legacy on the public-facing site. Infrastructure split between AWS and Azure at the same time, which is unusual — most VTEX operations I worked on used only one cloud provider.

A catalog the size of the chain

In Medications alone there are 6,752 products, faceted by category, subcategory, manufacturer, pharmaceutical form, brand, and price range. The product page has "Buy together" (a suggested bundle, like moisturizer + sunscreen), a full spec sheet (EAN, health registry number, active ingredient, pharmaceutical form), and an automatic prescription-required notice on controlled medications.

Medications category, with filters and over 6,000 products
Medications category, with filters and over 6,000 products
Product page with spec sheet, prescription-required notice, and buy-together suggestion
Product page with spec sheet, prescription-required notice, and buy-together suggestion

Exams and vaccines sold as products

One detail I haven't seen on every pharmacy e-commerce site: the "Health Services" nav item is, in practice, a 40-product category — Men's Check-up, Women's Check-up, Dengue test, Covid-19 antigen test, Respiratory Trio exam (Flu/RSV/Covid). Each exam has a price, an add-to-cart button, and installment options, exactly like any other catalog item. Instead of an institutional page explaining the service, the catalog itself sells the appointment.

Health Services tab, with exams and vaccines sold as products
Health Services tab, with exams and vaccines sold as products

Over a thousand stores, one map

The "Our Stores" page uses a real interactive Google Maps embed — not a static image — with filters by state, city, and services available at each unit. You can feel the scale of the chain just from the sheer number of pins scattered across the interior of Rio Grande do Sul.

Our Stores page, with an interactive map and filters by city and service
Our Stores page, with an interactive map and filters by city and service

About

The story told on the "About Us" page is genuinely impressive: Pedro Henrique Kappaun Brair started working at age 9, selling popsicles and straw brooms in Santo Augusto, Rio Grande do Sul, then worked as a pharmacy attendant for his uncles at 14, bought his first pharmacy in 1979, and founded Drogafar in 1985 — voted Company of the Year in 1992. In 1996, opening the first branch outside Santo Augusto, he renamed the chain "São João" after the patron saint of both cities and his own father's name. From there: 100 stores by 2008, the first distribution center in 2016, store #1,000 in Porto Alegre in 2023, store #1,200 in 2025.

About Us page, with the chain's timeline starting in the 1970s
About Us page, with the chain's timeline starting in the 1970s