Reimagining Barrons.com: A Homepage Transformation
The Challenge
The Barrons.com homepage had not been redesigned since 2020, and it was showing its age:
- Slow loading times
- Limited layout flexibility
- Lack of personalization
- Weak reflection of editorial voice and content pillars
- Fragmented experience across desktop and mobile
Key Stakeholders: Editorial, Marketing, Subscription, Advertising, Engagement teams.
Primary Goal: Create a homepage that engages subscribers, supports prospects, and reflects the Barron’s brand value.
Understanding Our Users
Analytics Insights:
- 92% of users do not scroll beyond 25% of the page
- Top click areas: The Lead (31.9%), Top Nav (15.4%), The Day (9.6%)
- Watchlist and stock picks are high-value engagement points
UX Research:
- 6 subscribers, 5 prospects interviewed
- Subscribers trusted editor curation but wanted some control over content modules
- Prospects wanted personalization and clearer differentiation of “live” vs “latest” stories
Competitive Benchmarking:
- Most competitors use horizontal navigation
- Trending/popular content sections are common
- Video and newsletter promotion is often front and center
Design Goals
- Hierarchy & Flexibility: Multiple story hierarchies (primary, secondary, tertiary)
- Personalization: Watchlist, followed authors/topics, saved articles
- Multimedia Support: Charts, images, videos, and iFrames
- Live Coverage & Alerts: Breaking news banners and timeliness cues
- Editorial & Monetization Balance: Flexible curation with ad placement parity
- Differentiation: Distinguish Barron’s content from WSJ and MarketWatch
The Design Solution
The Lead
- Three layouts: day-to-day, big story, biggest story
- Multimedia support: Chartlos, DataWrapper, images, video
- Live Coverage timeline integration
Lead Support
- Two layout options: mix of images/headlines or all headlines
- Optional straplines for grouping stories
- Maximum of two Lead Support modules
Additional Modules
- The Day: Four-topic layout, topic-level curation
- Magazine, Commentary, CEO’s and Thought Leaders, Retirement & Well-Being, Penta, Video: Single layout, curated placement
- Market Data Strip: Prominent placement for key metrics
- Weekend Hero: One-story or multiple-story layout
Personalization
- WSJ+ module integration
- Watchlist and stock pick tracking
- Saved articles and past content recommendations
- Subscriber-specific homepage elements for Advisor subscribers
Advertising & Monetization
- Display and native ads maintained across breakpoints
- Potential for sticky ad locations and multi-image native ads
- Support for engagement and acquisition modules (e.g., candy bars, member messages)
Results & Impact
- Improved above-the-fold engagement and clarity of top stories
- Flexible layouts allowed editorial team to curate efficiently
- Personalized modules enhanced subscriber experience
- Maintained monetization and ad revenue support
- Established a scalable, flexible framework for future enhancements
Reflection
This project was a balancing act between user needs, editorial priorities, and business goals. By focusing on hierarchy, personalization, and flexibility, we created a homepage that feels alive, authoritative, and uniquely Barron’s. The redesign laid a foundation for future growth, allowing the homepage to evolve with the news cycle and subscriber expectations.