HT App Redesign  ·  Hindustan Times  ·  2025

Redesigning a news app
people had stopped
opening.

DAU declining. Sessions dropping. Users trusted the brand but the experience wasn't worth returning to. We rebuilt it from the ground up.

Before
Old homepage
New homepage
New homepage
Breaking news
New homepage with breaking news
Quick reads
Quick reads (new feature)
Role
Product Designer · End-to-end
Timeline
May – Dec 2025
Platform
Native Mobile · iOS & Android
Tools
Figma · Mixpanel · GA4 · Motiff · Lovable · Claude
Daily Active Users
+35%
Within first month of launch
D1 Retention
+5%
Day-one retention improved post-launch
Page Views
+16%
Quick reads was a major contributor to this
The Problem

The app had a retention problem, not a discovery one.

HT had millions of installs and trusted journalism. Users weren't leaving because they didn't know HT — they were leaving because the app gave them no reason to stay.

The declining numbers on our dashboards were screaming that there is a problem that needs to be looked upon ASAP.

So, what now?
01
Secondary Research
Understand what other platforms are doing differently. Study competitor apps in depth to identify patterns worth adopting.
02
Interview HT App Users
Talk to HT users with low engagement rates. Understand why they're restraining themselves from engaging with the app.
The Old Experience

Every story looked the same. Regardless of what it was.

Old homepage
The old homepage
What was wrong
×No hierarchy — a live war update and a lifestyle piece used the exact same card template
×No dedicated template for breaking or special news events
×No live news tracking visible from the first viewport
×Every story below Top News felt equal in importance — no visual differentiation at all
×The Top News UI itself felt dated compared to every competitor we benchmarked
The redesigned template system

Breaking news now has its own visual language — two templates, multiple states, handling every media scenario.

T1 with media
Template 1 · With media
T1 connected
Template 1 · Connected story
T1 live
Template 1 · Live news
T1 no media
Template 1 · No media
T2 with media
Template 2 · With media
T2 connected
Template 2 · Connected story
T2 live
Template 2 · Live news
T2 no media
Template 2 · No media
Discovery

12 users. 4 patterns. One clear direction.

Interviews with active HT users who also used competitors. We wanted to know where they were going instead — and why.

01
"Your app feels old"
"Your app feels old, it feels boring. When I use other news apps like TOI or The Hindu, I can stay there for long — they feel modern. Although your news articles are the best."
02
The morning use case was unserved
On-the-go seekers wanted to scan quickly, not read full articles. Inshorts was capturing this segment entirely.
03
Valued content was buried
Expert opinion — most-read section — required deliberate navigation. Video didn't exist on homepage.
04
Zero personalisation
Same feed for everyone. Users didn't feel the app knew them. Every competitor had moved past this.
Competitive Benchmarking

I studied 22 news apps. Here's what I found.

A deep dive across top Indian and global news apps to understand where HT stood — and what the bar looked like.

Indian Apps
InshortsTimes of IndiaDailyHunt NDTVThe HinduNews18 Indian ExpressIndia TodayHindustan Times ABP LiveAaj Tak
Global Apps
Financial TimesGoogle NewsFlipboard Washington PostBBC NewsNew York Times ReutersCNNApple News The GuardianThe Economist
Key Insights
Reduce first-fold overload
HT's homepage is cluttered — too many stories, too much text, poor visual hierarchy. Show less, let each story breathe.
Spotlight breaking moments
When a major event happens, dedicate the first viewport to it with the most recent update. Urgency = engagement.
Video collection on homepage
A dedicated video section on the homepage directly serves the engaged analyst persona who prefers video-format news.
Quick news for on-the-go seekers
A quick reads feature — headline-only, fast scroll, entry from homepage — serves users who have 2 minutes, not 20.
Subcategories within collections
HT Sports = one bucket. Competitors split it: Cricket, Tennis, Football. Users want to land directly in their interest.
Autoplay video in lead story
When video is the lead story, autoplay it on mute. Movement attracts attention without forcing audio on the user.
Richer card content
Top apps show both headline and a subtext line on homepage cards. More context = higher click intent from the listing.
Media is not optional
Several HT homepage cards had no image. Across all 22 apps studied, every above-fold story had strong visual support.
Template System

From 2 templates to a system that speaks.

Each card type signals content urgency visually — live, breaking, ongoing, lead story. All handle the full media spectrum: 4:3, 1:1, gallery, video, no image.

Breaking light
Breaking news · Light
Breaking dark
Breaking news · Dark
Live
Live story · With updates
Lead summary
Lead story · With summary
Gallery
Lead story · Gallery
Video
Lead story · Video
Navigation Redesign

Centering "Today" turned a one-way scroll into discovery.

When "Today" sat at position 1, there was nothing to the left — navigation was a one-way street. Moving it to position 3 puts categories on both sides, passively exposing users to more of the app.

Old nav
Before — "Top News" pinned left
Scroll only goes →
New nav
After — "Today" at centre
← Categories on both sides →
Design Decision
Why move the default tab away from position 1?
At position 1, users had no reason to scroll left — so they never discovered what was there. Centering "Today" creates bilateral navigation: categories visible on both sides without any deliberate exploration. Validated by benchmarking The Hindu, whose readership overlaps HT's significantly. Post-launch session engagement rose 42%.
Quick Reads

Short news.
Infinite scroll.
Two taps to the full story.

Built for on-the-go seekers. Inshorts had this reader. We built HT's answer. Each story distilled to a summary card. Scroll infinitely. Tap "Read in detail" or switch via the Summary/Detail toggle at top.

Design Decision
Why two CTAs — toggle at top AND "Read in detail" at bottom?
They serve different moments. Top toggle = user decides before reading. Bottom CTA = user finishes the summary and wants more — highest intent, bottom of screen. Temporally separated, so no cognitive load conflict. Removing either would lose a segment entirely.
Quick reads
Summary view
New Sections

Content users wanted.
Finally on the homepage.

Morning digest, video, entertainment, trending topics, stocks, and expert opinion — all missing before the redesign.

Morning digest
Morning Digest Sits top of feed during AM · Auto-shifts below fold 4 by afternoon
Videos
Videos Widget Video on homepage — for the first time in HT's history
Movie reviews
Movie Reviews Surfaces higher on weekends automatically
Trending
Trending Topics Visual topic cards with real-time trending stories
Stock Widget
Stock Widget Live market updates surfaced directly on the homepage feed
Expert Opinion
Expert Opinion Most-read section — now discoverable without deliberate navigation
Beyond the Homepage

Every surface redesigned.

Section pages, search, article detail, side menu — the entire app, not just the front door.

HT Weekend
HT Weekend
Search
Search
Menu
Side menu
Audio
Article detail · Audio player
Process

AI-assisted from concept to prototype.

Three tools, one tight loop. Compressed weeks of exploration into days.

01
Motifff — Generation
Generated 6–8 distinct homepage UI concepts before committing to any direction. Real screens to react to early — not abstract wireframes.
02
Lovable — Prototyping
Brought selected directions into clickable, near-realistic prototypes — without waiting on engineering for each exploration round.
03
Claude — Validation
Pressure-tested design decisions against edge cases and user objections before committing to final designs.
Usability Testing

We tested the prototype before we shipped.

Moderated sessions. Three findings led to direct changes before launch.

01
Summary/Detail toggle — moved to top
Users missed it lower on the page. Moved to a persistent tab. Task completion improved significantly in round 2.
02
Morning Digest — weight reduced
Initial version felt pushy mid-scroll. Reduced to read as a section, not an interruption.
03
Live progress bar — "LIVE" label added
Users confused it with a loading indicator. Added a label. Comprehension was immediate in the next round.
Impact

The numbers moved. Within a month.

The Olympics CTR spike was direct validation — type-differentiated cards drove significantly higher click behaviour on high-interest content.

DAU baseline
+35%
Daily Active Users — month 1
D1 Retention baseline
+5%
Day-one retention improved post-launch
Page Views baseline
+16%
Quick reads was a major contributor to this
Reflection

What I'd do differently.

The most impactful decision was treating the homepage as a daily experience with context — morning vs. afternoon, breaking vs. evergreen, deep reader vs. skimmer. Designing for those contexts is what moved the numbers.

I'd push for a longer A/B test on Curated For You before full rollout — we saw engagement lift but couldn't isolate which personalisation signals drove it. That data would have sharpened the next iteration significantly.