News Site Redesign

Readers had to open multiple articles and mentally reconstruct timelines, increasing cognitive load.

What I believed was necessary was a system that surfaces chronological context directly within the reading experience, without increasing editorial overhead each time a story is updated—such as rewriting summaries or creating one-off layouts.

Readers gain context at a glance, increasing the likelihood of continued reading within the same story cluster.

Generic recommendations failed to motivate continued reading.

Provide a low-effort, interactive way to continue browsing that doesn’t rely on personalization—so readers can actively surface something that matches their current interest.

By letting readers interact and “roll” into something relevant, session depth increases the likelihood of continued reading, extending discovery beyond habitual reading patterns.

Readers following ongoing events often struggle to locate all related articles across days or weeks.

We needed a way to group articles under a shared storyline that updates over time, without requiring editorial rewriting.

Improves comprehension of complex or evolving news stories and increases depth of article exploration.

Readers often recognize names but lack background context to understand who the person is or why they matter in the news.

Providing stable identity hubs helps users build context without requiring separate searches.

Builds deeper context and supports broader exploration across related coverage.

Although homepage-driven traffic is not as high as article consumption, I determined that the homepage still plays an outsized role as a brand entry point—shaping user perception and influencing referral paths. Based on this, I proposed a layout that emphasizes a multi-story carousel, a “Week in Review” section to summarize key takeaways, and an “Upcoming Events” area to highlight what’s next. This structure maintains a balance between brand expression and information access, while naturally guiding users through the most important narratives.

For the design concept, I referenced practices from leading international media and structured the page around category-based content blocks organized by recency and importance. The overall palette retains TVBS’s signature blue to convey professionalism and a calm tone. With a clean layout and generous spacing, the experience feels more breathable and reduces visual fatigue.

Looking ahead, these content blocks are designed to be extensible—potentially enabling personalization based on user preferences. Given that homepage ad revenue carries relatively less weight, I also reserved flexible space that can be used when needed, without compromising clarity.

To address users’ main pain point—difficulty distinguishing core content from cluttered ads—we redesigned the article page as a key application of the new design system. In collaboration with editorial, business, and advertising stakeholders, I identified high-performance ad placements that should remain unchanged for revenue reasons, while introducing visual and content guidelines to reduce intrusive formats and prioritize readability.

The updated layout preserves the premium “sky banner” ad at the top, followed by a large magazine-style image that visually anchors the article. Redundant UI elements—such as multiple social share buttons and font size controls—were removed in favor of leveraging native device features. This approach simplifies the interface and prioritizes readability, resulting in a more focused and seamless user experience.