FARMATODO

FARMATODO

Product Design

FARMATODO

Product Design

Redesigning the Farmatodo LATAM mobile app to improve usability, visual hierarchy, and the end-to-end experience for over 20 million users across Latin America.

Company

Farmatodo

Role

UX ARCHITECTURE · PRODUCT INTERFACE · DESIGN SYSTEMs

Product Designer

Timeline

August 2025 - Present

Redesigning the Farmatodo LATAM mobile app to improve usability, visual hierarchy, and the end-to-end experience for over 20 million users across Latin America.

Company

Farmatodo

Role

Product Designer

Timeline

August 2025 - Present

Redesigning the Farmatodo LATAM mobile app to improve usability, visual hierarchy, and the end-to-end experience for over 20 million users across Latin America.

Company

Farmatodo

Role

Product Designer

UX ARCHITECTURE · PRODUCT INTERFACE · DESIGN SYSTEMs

Timeline

August 2025 - Present

— Farmatodo is not just an app

Farmatodo is one of Latin America’s largest pharmacy chains, serving over 20 million monthly users through its mobile app. Beyond prescriptions, the company offers a diverse range of categories that make it a one-stop destination for everyday essentials. The redesign aimed to modernize this experience, aligning usability and scalability with the company’s rapid regional growth and commitment to accessible, high-quality service.

— it is an ecosystem powering millions across Latin America.

The first phase focused on a complete redesign of the homepage architecture and layout. This included rebuilding the product card system- both on the homepage and within the Search tab- to establish a unified visual pattern that balanced information clarity with simplicity. The goal was to replace an inconsistent, overwhelming layout with a single card style that clearly surfaced key product details. The homepage UX was also restructured to introduce intuitive sections and subcategories, helping users navigate more seamlessly and enjoy a faster, more reliable ordering experience- essential to Farmatodo’s promise of quick delivery and everyday convenience.

DESIGN EXECUTION

While the system redesign established consistency and scalability, execution focused on how users encounter products moment by moment. Each decision prioritized clarity, speed, and cognitive ease across high-frequency shopping flows.

Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple

—Design tokens established a shared visual language for typography, spacing, and elevation- creating the foundation for a cohesive, scalable system.

tap in

From the ground up

The redesign established a unified design system built from the ground up- redefining layouts, product cards, and component behaviors to ensure consistency across the app. Every element, from spacing tokens to visual hierarchy, was restructured to create a cohesive, scalable experience that supports Farmatodo’s growth and future updates.

Key execution decisions focused on reducing cognitive load, improving scanability, and accelerating high-frequency shopping flows.

Homepage Product Cards

A single, scalable card model that surfaces critical product details at a glance, reducing visual noise and speeding up product comparison.

Updated banner layout

Reduced banner dominance to prioritize product discovery and limit cognitive overload during high-frequency browsing.

Refined navigation

Simplified tab structure optimized for one-hand reach, enabling faster movement across core shopping flows.

Improved search & product detail UX

Unified search results with homepage card logic to maintain consistency and reduce relearning across sessions.

—Search Tab · Product Cards

With the new design system, I redesigned the product cards within the search tab to create a visually cohesive layout adaptable to any product name or type. The new model introduced a unified visual pattern, integrating allergen and color-picker icons within the information area. This approach replaced the previous inconsistencies with a system that blends functional UX and refined UI- giving users all essential product details at a glance.

ProductCard
ProductCardSearch
Homepage
EDM
Gradient 5 - Green
ProductCard
ProductCardSearch
Homepage
EDM
Gradient 5 - Green

— Farmatodo is not just an app

Farmatodo is one of Latin America’s largest pharmacy chains, serving over 20 million monthly users through its mobile app. Beyond prescriptions, the company offers a diverse range of categories that make it a one-stop destination for everyday essentials. The redesign aimed to modernize this experience, aligning usability and scalability with the company’s rapid regional growth and commitment to accessible, high-quality service.

— it is an ecosystem powering millions across Latin America.

The first phase focused on a complete redesign of the homepage architecture and layout. This included rebuilding the product card system- both on the homepage and within the Search tab—to establish a unified visual pattern that balanced information clarity with simplicity. The goal was to replace an inconsistent, overwhelming layout with a single card style that clearly surfaced key product details. The homepage UX was also restructured to introduce intuitive sections and subcategories, helping users navigate more seamlessly and enjoy a faster, more reliable ordering experience- essential to Farmatodo’s promise of quick delivery and everyday convenience.

DESIGN EXECUTION

While the system redesign established consistency and scalability, execution focused on how users encounter products moment by moment. Each decision prioritized clarity, speed, and cognitive ease across high-frequency shopping flows.

Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple

—Design tokens established a shared visual language for typography, spacing, and elevation- creating the foundation for a cohesive, scalable system.

— Farmatodo is not just an app

Farmatodo is one of Latin America’s largest pharmacy chains, serving over 20 million monthly users through its mobile app. Beyond prescriptions, the company offers a diverse range of categories that make it a one-stop destination for everyday essentials. The redesign aimed to modernize this experience, aligning usability and scalability with the company’s rapid regional growth and commitment to accessible, high-quality service.

— it is an ecosystem powering millions across Latin America.

The first phase focused on leading a complete redesign of the homepage architecture and product card system. his work involved rebuilding the product card model across both the homepage and Search experience to establish a unified visual pattern that balanced information clarity with simplicity.

The redesign replaced an inconsistent, visually overwhelming layout with a single, scalable card structure that clearly surfaced essential product details at a glance. In parallel, the homepage UX was restructured to introduce intuitive sections and subcategories, enabling smoother navigation and a faster, more reliable ordering flow - core to Farmatodo’s promise of quick delivery and everyday convenience.

DESIGN EXECUTION

While the system redesign established consistency and scalability, execution focused on how users encounter products moment by moment. Each decision prioritized clarity, speed, and cognitive ease across high-frequency shopping flows.

Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple

—Design tokens established a shared visual language for typography, spacing, and elevation- creating the foundation for a cohesive, scalable system.

From the ground up

From the ground up

The redesign established a unified design system built from the ground up- redefining layouts, product cards, and component behaviors to ensure consistency across the app. Every element, from spacing tokens to visual hierarchy, was restructured to create a cohesive, scalable experience that supports Farmatodo’s growth and future updates.

The redesign established a unified design system built from the ground up- redefining layouts, product cards, and component behaviors to ensure consistency across the app. Every element, from spacing tokens to visual hierarchy, was restructured to create a cohesive, scalable experience that supports Farmatodo’s growth and future updates.

Key execution decisions focused on reducing cognitive load, improving scanability, and accelerating high-frequency shopping flows.

Key execution decisions focused on reducing cognitive load, improving scanability, and accelerating high-frequency shopping flows.

Homepage Product Cards

A single, scalable card model that surfaces critical product details at a glance, reducing visual noise and speeding up product comparison.

Updated banner layout

Reduced banner dominance to prioritize product discovery and limit cognitive overload during high-frequency browsing.

Refined navigation

Simplified tab structure optimized for one-hand reach, enabling faster movement across core shopping flows.

Improved search & product detail UX

Unified search results with homepage card logic to maintain consistency and reduce relearning across sessions.

— Search Tab · Product Cards

With the new design system, I redesigned the product cards within the search tab to create a visually cohesive layout adaptable to any product name or type. The new model introduced a unified visual pattern, integrating allergen and color-picker icons within the information area. This approach replaced the previous inconsistencies with a system that blends functional UX and refined UI- giving users all essential product details at a glance.

— Search Tab · Product Cards

With the new design system, I redesigned the product cards within the search tab to create a visually cohesive layout adaptable to any product name or type. The new model introduced a unified visual pattern, integrating allergen and color-picker icons within the information area. This approach replaced the previous inconsistencies with a system that blends functional UX and refined UI- giving users all essential product details at a glance.

RESULTS

Phase 1 established a scalable foundation for Farmatodo’s mobile experience. By rebuilding the homepage architecture and product card system from the ground up, the redesign set a new standard for clarity, consistency, and performance across the app. This foundation enables future expansion across additional product areas and regional markets while maintaining a cohesive user experience.

RESULTS

Phase 1 established a scalable foundation for Farmatodo’s mobile experience. By rebuilding the homepage architecture and product card system from the ground up, the redesign set a new standard for clarity, consistency, and performance across the app. This foundation enables future expansion across additional product areas and regional markets while maintaining a cohesive user experience.

RESULTS

Phase 1 established a scalable foundation for Farmatodo’s mobile experience. By rebuilding the homepage architecture and product card system from the ground up, the redesign set a new standard for clarity, consistency, and performance across the app. This foundation enables future expansion across additional product areas and regional markets while maintaining a cohesive user experience.

New York, NY

Product Designer

valentina gilly.

@ 2025 Valentina Gilly.

All rights reserved.

New York, NY

Product Designer

valentina gilly.

@ 2025 Valentina Gilly.

All rights reserved.

New York, NY

Product Designer

valentina gilly.

@ 2025 Valentina Gilly.

All rights reserved.