Case study
Rebuilding a content-heavy website into a structured, discoverable portfolio experience
Led a full UX overhaul to improve discoverability, surface key achievements, and strengthen professional positioning.
Role
Lead UI/UX Designer
(End-to-End Ownership)
Impact
Improved discoverability and professional positioning through structured information architecture
Duration
2 Weeks
The Context
The Context
Dr. Anubha Jain is a journalist with an extensive body of published work and media contributions. Her existing website functioned primarily as a blog archive built for content publishing.
Dr. Anubha Jain is a journalist with an extensive body of published work and media contributions. Her existing website functioned primarily as a blog archive built for content publishing.
As her professional presence evolved, the platform needed to transition from chronological publishing to a portfolio-driven structure that clearly surfaces expertise, achievements, and authority.
As her professional presence evolved, the platform needed to transition from chronological publishing to a portfolio-driven structure that clearly surfaces expertise, achievements, and authority.
Primary Users - Editors & Institutions
Required quick recognition of expertise, key accomplishments, and professional credibility.
Primary Users - Editors & Institutions
Required quick recognition of expertise, key accomplishments, and professional credibility.
Secondary Users - Readers
Needed structured categorization for easier article discovery.
Secondary Users - Readers
Needed structured categorization for easier article discovery.
The Core Challenge
The Core Challenge
Authority Not Surfaced Above the Fold
The hero prioritizes a featured article rather than clearly presenting professional credentials and career highlights.
Content organized chronologically rather than strategically
Authority not immediately visible to first-time evaluators
Impact-
Professional credibility was not immediately visible
Visitors had to scan content to understand expertise
Content Density Without Clear Prioritization
Multiple content blocks (Editor’s Pick, Social Issues, Interviews, etc.) appear with similar visual weight.
Repeated grid patterns
Sections stacked without strong hierarchy
No clear primary vs secondary emphasis
Impact-
Scanning required cognitive effort
Important work blended into regular posts
Discoverability Dependent on Scrolling
Key interviews, recognitions, and categories are distributed across the page rather than structured strategically.
Achievements embedded deep in scroll
Categorization visible but not prioritized
Portfolio narrative not linear
Impact-
Evaluators had to browse rather than quickly assess authority
Authority Not Surfaced Above the Fold
The hero prioritizes a featured article rather than clearly presenting professional credentials and career highlights.
Content organized chronologically rather than strategically
Authority not immediately visible to first-time evaluators
Impact-
Professional credibility was not immediately visible
Visitors had to scan content to understand expertise
Content Density Without Clear Prioritization
Multiple content blocks (Editor’s Pick, Social Issues, Interviews, etc.) appear with similar visual weight.
Repeated grid patterns
Sections stacked without strong hierarchy
No clear primary vs secondary emphasis
Impact-
Scanning required cognitive effort
Important work blended into regular posts
Discoverability Dependent on Scrolling
Users scrolled through dense syllabus content to understand course differences, increasing effort and decision fatigue.
Achievements embedded deep in scroll
Categorization visible but not prioritized
Portfolio narrative not linear
Impact-
Evaluators had to browse rather than quickly assess authority
The Strategic Approach
The Strategic Approach
Content Audit
Reviewed and categorized existing articles, interviews, awards, and features to understand volume and distribution.
Reviewed and categorized existing articles, interviews, awards, and features to understand volume and distribution.
Information Architecture Redesign
Reorganized content from chronological listing to structured sections such as Featured Work, Interviews, Awards, and Categories.
Authority Prioritization
Surfaced key metrics (interviews, reports, awards) and highlighted high-impact work above the fold.
Modular Layout System
Designed repeatable content blocks to reduce visual noise and improve scanning efficiency.
Clear Professional Narrative
Shifted the homepage focus from “latest post” to “who she is + why she matters.”
The Structural Redesign
The Structural Redesign
Before
Before
Hero prioritized latest article over professional positioning.
Chronological article-led hero.
After
After
Homepage surfaces identity, impact metrics, and curated work instantly.
Homepage surfaces identity, impact metrics, and curated work instantly.
Outcome:
Authority recognizable within seconds.
Authority recognizable within seconds.
Before
Before
Chronological feed
Chronological article-led hero.
After
After
Intent-based categorization
Intent-based categorization
Outcome:
Clear navigation by intent instead of scrolling.
Clear navigation by intent instead of scrolling.
Before
Before
Content scattered across long article feeds with limited filtering clarity.
Chronological article-led hero.
After
After
All work structured into clearly defined categories and portfolio sections.
All work structured into clearly defined categories and portfolio sections.
Outcome:
Reduced cognitive effort. Faster content discovery.
Reduced cognitive effort. Faster content discovery.
Impact
Impact
Platform repositioned from blog to authority-driven portfolio
Platform repositioned from blog to authority-driven portfolio
Professional credibility surfaced above the fold
Professional credibility surfaced above the fold
Reduced cognitive load through structured categorization
Reduced cognitive load through structured categorization
Improved discoverability across domains and formats
Clearer evaluation pathway for editors and institutions
Clearer evaluation pathway for editors and institutions
Key Learnings
Key Learnings
Publishing architecture ≠ Portfolio architecture
Publishing architecture ≠ Portfolio architecture
Authority must be surfaced, not buried
Authority must be surfaced, not buried
Information hierarchy shapes professional perception
Information hierarchy shapes professional perception
Structure defines credibility
Structure defines credibility
Role
Lead UI/UX Designer (End-to-End Ownership)
Impact
Improved discoverability and professional positioning through structured information architecture
Duration
2 Weeks
Case study
Rebuilding a content-heavy website into a structured, discoverable portfolio experience
Led a full UX overhaul to improve discoverability, surface key achievements, and strengthen professional positioning.