Gabriela Flores
El Mañana de Reynosa
Clarifying a news homepage for speed and trust.
Focus: Editorial hierarchy • Modular Systems • Advertising-aware UX
Role: Lead UX/UI & Editorial Designer
Platform: Responsive Web
Audience: Mature audience, loyal readers
Year: 2025
Context
El Mañana is a regional digital news platform with a loyal audience for updates. The homepage became visually overwhelming, making it harder for users to digest content and weakening the site’s professional perception. Over time, the homepage evolved, resulting in clutter and reduced scanability.
The Problem
Increased content volume and publication frequency led to visual noise. Heavy color usage, inconsistent grid alignment, and uneven negative space caused stories to compete for attention, reducing scanability and clarity.
The challenge was to improve content digestion and hierarchy without disrupting established reading habits or reducing information density.
Constraints
- High-frequency content updates
- Multiple editorial priorities
- Existing advertising requirements
- Audience accustomed to dense information layouts
Strategy
- Editorial & UX Focus
- Clear content prioritization through a defined typographic and layout hierarchy
- Modular card-based system to support breaking news and evergreen content
- Improved visual rhythm using spacing, grouping, and contrast
- Advertising-aware layout, maintaining visibility without competing with editorial content
Goals
- Improve editorial hierarchy and readability
- Enable faster content scanning for repeat visitors
- Create a modular, scalable homepage system
- Integrate advertising without disrupting the reading experience
- Align the platform with modern digital news standards
Before
- Visual overload
- Competing headlines
- Weak hierarchy
- Low scan efficiency
After
- Clear content structure
- Faster visual scanning
- Stronger editorial identity
- Improved trust and readability
Hierarchy
Improved typographic scale and spacing to clearly differentiate primary, secondary, and supporting content.
Section Organization
Distinct editorial sections with consistent structure to help users orient themselves quickly.
Advertising Integration
Ads are visually separated while remaining aligned with the overall grid and rhythm of the page.
Outcome
The redesigned homepage delivers a cleaner, more readable experience that supports high-volume content without overwhelming users.
The new structure provides a solid foundation for future iterations, mobile optimization, and editorial growth—while respecting the business needs of a digital news platform.
Takeaway
Designing for news platforms requires balancing clarity, speed, and density.
This project focused on creating an editorial system that allows content to scale without sacrificing usability or trust.
Gabriela Flores
El Mañana de Reynosa
Clarifying a news homepage for speed and trust.
Focus: Editorial hierarchy • Modular Systems • Advertising-aware UX
Role: Lead UX/UI & Editorial Designer
Platform: Responsive Web
Audience: Mature audience, loyal readers
Year: 2025
Context
El Mañana is a regional digital news platform with a loyal audience for updates. The homepage became visually overwhelming, making it harder for users to digest content and weakening the site’s professional perception. Over time, the homepage evolved, resulting in clutter and reduced scanability.
The Problem
Increased content volume and publication frequency led to visual noise. Heavy color usage, inconsistent grid alignment, and uneven negative space caused stories to compete for attention, reducing scanability and clarity.
The challenge was to improve content digestion and hierarchy without disrupting established reading habits or reducing information density.
Constraints
- High-frequency content updates
- Multiple editorial priorities
- Existing advertising requirements
- Audience accustomed to dense information layouts
Strategy
- Editorial & UX Focus
- Clear content prioritization through a defined typographic and layout hierarchy
- Modular card-based system to support breaking news and evergreen content
- Improved visual rhythm using spacing, grouping, and contrast
- Advertising-aware layout, maintaining visibility without competing with editorial content
Goals
- Improve editorial hierarchy and readability
- Enable faster content scanning for repeat visitors
- Create a modular, scalable homepage system
- Integrate advertising without disrupting the reading experience
- Align the platform with modern digital news standards
Before
- Visual overload
- Competing headlines
- Weak hierarchy
- Low scan efficiency
After
- Clear content structure
- Faster visual scanning
- Stronger editorial identity
- Improved trust and readability
Hierarchy
Improved typographic scale and spacing to clearly differentiate primary, secondary, and supporting content.
Section Organization
Distinct editorial sections with consistent structure to help users orient themselves quickly.
Advertising Integration
Ads are visually separated while remaining aligned with the overall grid and rhythm of the page.
Outcome
The redesigned homepage delivers a cleaner, more readable experience that supports high-volume content without overwhelming users.
The new structure provides a solid foundation for future iterations, mobile optimization, and editorial growth—while respecting the business needs of a digital news platform.
Takeaway
Designing for news platforms requires balancing clarity, speed, and density.
This project focused on creating an editorial system that allows content to scale without sacrificing usability or trust.
Gabriela Flores
El Mañana de Reynosa
Clarifying a news homepage for speed and trust.
Focus: Editorial hierarchy • Modular Systems • Advertising-aware UX
Role: Lead UX/UI & Editorial Designer
Platform: Responsive Web
Audience: Mature audience, loyal readers
Year: 2025
Context
El Mañana is a regional digital news platform with a loyal audience for updates. The homepage became visually overwhelming, making it harder for users to digest content and weakening the site’s professional perception. Over time, the homepage evolved, resulting in clutter and reduced scanability.
The Problem
Increased content volume and publication frequency led to visual noise. Heavy color usage, inconsistent grid alignment, and uneven negative space caused stories to compete for attention, reducing scanability and clarity.
The challenge was to improve content digestion and hierarchy without disrupting established reading habits or reducing information density.
Constraints
- High-frequency content updates
- Multiple editorial priorities
- Existing advertising requirements
- Audience accustomed to dense information layouts
Strategy
- Editorial & UX Focus
- Clear content prioritization through a defined typographic and layout hierarchy
- Modular card-based system to support breaking news and evergreen content
- Improved visual rhythm using spacing, grouping, and contrast
- Advertising-aware layout, maintaining visibility without competing with editorial content
Goals
- Improve editorial hierarchy and readability
- Enable faster content scanning for repeat visitors
- Create a modular, scalable homepage system
- Integrate advertising without disrupting the reading experience
- Align the platform with modern digital news standards
Before
- Visual overload
- Competing headlines
- Weak hierarchy
- Low scan efficiency
After
- Clear content structure
- Faster visual scanning
- Stronger editorial identity
- Improved trust and readability
Hierarchy
Improved typographic scale and spacing to clearly differentiate primary, secondary, and supporting content.
Section Organization
Distinct editorial sections with consistent structure to help users orient themselves quickly.
Advertising Integration
Ads are visually separated while remaining aligned with the overall grid and rhythm of the page.
Outcome
The redesigned homepage delivers a cleaner, more readable experience that supports high-volume content without overwhelming users.
The new structure provides a solid foundation for future iterations, mobile optimization, and editorial growth—while respecting the business needs of a digital news platform.
Takeaway
Designing for news platforms requires balancing clarity, speed, and density.
This project focused on creating an editorial system that allows content to scale without sacrificing usability or trust.