UX/UI Design · Case Study

Storytime: Redesigning Goodreads for the Readers Who Never Left

RoleUX/UI Designer
Team3 designers
Duration3 months
ToolsFigma, FigJam, UX Metrics
ProcessUser interviews, affinity mapping, sitemap, card sort, tree test, paper prototyping, and mid-fidelity prototype
The high-fidelity Goodreads homepage redesign shown on a laptop

Abstract

The moment someone suggested we redesign Goodreads, the reaction was instantly one of recognition: we all use it, we all had opinions on it, and we all saw the same problems. As three avid readers, we set out to understand users' pain points through interviews, card sorting, tree testing, and paper prototyping. My focus was the Homepage and Advanced Search, two areas I felt had the most room to improve.

01 / The Problem

‘Good Enough’ Isn’t Good Enough: The Problem with Goodreads

A website stuck in 2009

Goodreads is a book tracking platform with over 150 million users, yet its interface doesn’t reflect a user base of that size (Norberg, 2025). It feels like it was made in 2009 and never updated. The navigation is confusing, key features are buried under ads, and search makes it difficult to find books. Tracking personal reading is clunky, and the 1–5 star rating system feels too restrictive to capture how users really feel about a book.

In July 2025, Goodreads updated its logo for the first time in 20 years, likely in response to competition from StoryGraph and Fable (Snelling, 2025). Readers noted it was largely cosmetic and ignored the features they’d actually been asking for. Figure 1 shows the current homepage: navigation, search bar placement, and core tracking tools are unchanged. Only the logo and color accents were refreshed. Figure 2 makes the same point directly: Goodreads' 'advanced' search is still a single text field with three radio buttons, the exact limitation readers have been flagging for years. Our redesign addressed what Goodreads continues to ignore.

Figure 1: the current Goodreads homepage, annotated: reading progress minimized, advertisements, vague updates, and cluttered structure
Figure 2: the current Goodreads advanced search page, annotated: no filtering, and a neglected user need

What Using Goodreads Should Actually Feel Like

Goodreads should be a platform where your personal library, local bookstore, and weekly book club all sit in one place. Readers want a trusted recommendation from a friend, a bookstore clerk, or the New York Times book reviewer, not an algorithm. Goodreads is instead a hodgepodge of features hidden in a corporate, cluttered interface. People accept that because it's all they've ever known.

02 / The Process

Understanding Different User Personas

Every design decision in the final screens traces back to something a user told us along the way.

We gathered seven participants from family, friends, and classmates: a mix of avid, casual, and social readers.

Three reader types emerged, and our redesign needed to keep all three in mind.

01

The Avid Reader

20+ books a year. Tracks their reading and uses Goodreads as a personal companion.

02

The Casual Reader

A book every few months. Comes to Goodreads to check ratings and reviews.

Common groundAll three used Goodreads to verify ratings and reviews before or after reading.

What we confirmed was useful, but what surprised us was more valuable: users had stopped trusting the interface. Most came just to track books and check ratings, ignoring the rest of the platform and going elsewhere for discovery. According to one user, the interface felt “very Amazon”: corporate and impersonal rather than built with readers in mind. Fitting, given Amazon has owned Goodreads since 2013 (Flood, 2013). Small but telling gaps kept surfacing too: no way to mark a book Did Not Finish, no private note-taking, and recommendations disconnected from their actual taste.

For the Love of Reading

The rating system was a consistent frustration. One participant compared rating a classic like War and Peace against a beach read on the same five-star scale: “Are you going to 2 star War and Peace? That's crazy” (P1, Qualitative study). People wanted a system that could rate difficulty, enjoyability, and readability separately, rather than collapsing every book onto one scale.

We came out of research with a clear vision: build a platform that makes people love reading, not just tolerate it. Making Goodreads feel human and personalized was the only way to make it worth using.

My Focus

We each took on a different part of the redesign. I chose the Homepage and Advanced Search because they were meaningful to me as a reader. The homepage is where someone decides if they want to stay or go (see fig. 1). Goodreads has retained its user base because it was the only option for a long time, not because it has any real staying power.

Search has become more critical than ever, and Goodreads makes it hard to find what you're looking for (see fig. 2). As a team we covered the full platform, but my focus on these two screens reflects where I felt the most could change for readers.

The Big Picture Narrows the Scope

As a team we compiled our interview notes and created an affinity map of the most revealing insights on a shared FigJam board (see fig. 3). The insights fell into ten clusters, and five areas stood out: community, book tracking, advanced filters and search, book discovery and recommendations, and rating and reviews. Across almost every cluster, one thread kept coming up: cluttered layouts with no clear visual hierarchy, making it hard for users to find what they came to do.

Community generated real insight, but we chose not to take it on given the timeline. Tracking, discovery, and search were where people felt the most day-to-day friction, so that's where we narrowed our focus.

These clusters became the backbone of every design decision that followed. The homepage would act as the spine where key features merged into a personal dashboard. Advanced search would be built from scratch, since the current search is just a bar with radio buttons (see fig. 2). The book profile, ratings, and library would be made more intuitive and less cluttered.

FigJam affinity map with interview notes grouped into clusters such as Ratings, Book Discovery, Book Tracking, Community, and Advanced Search
Figure 3: Affinity mapping session in FigJam. Interview findings grouped into ten clusters. View full board here.
Proposed information architecture refined through tree testing into the final information architecture, with a legend for navigation, pages, sections, elements on a page, new cards, and renamed cards
Figure 4: Proposed Information Architecture (top) refined into the Final IA (bottom) following tree test findings. Created by the Goodreads team, Spring 2026.

Starting on Paper

With our final IA in place, we first made rough sketches (fig. 5) before moving to static grayscale Figma screens.

Hand-drawn sketches on lined paper of the Advanced Search layout and the Homepage dashboard
Figure 5: Process sketches of the Advanced Search (left) and Homepage (right)
03 / Goodreads Reimagined: The User Way

This process felt like an hourglass: start with the big picture, narrow in on the details, then step back to check whether the goal was achieved.

Your Personal Reading Dashboard

The Homepage needed more than a refresh. It needed to be completely restructured. It was cluttered, had no visual hierarchy, and buried the features people actually came for while prioritizing advertisements and generic Goodreads updates. The redesign reframes it as a personal dashboard: made by the reader, for the reader.

  • Continue Reading gives access to all active books, with a Switch Book dropdown for readers juggling more than one title.
  • Progress popup lets users update page, date, and notes without leaving the homepage (fig. 7).
  • Reading Goals offers a motivational snapshot of what they've set out to accomplish.
  • Friends Activity shows what people they actually follow are reading and rating: personal, not generic.
  • Recommended for You serves suggestions based on their own shelves.

The mid-fidelity version of these features can be seen in figure 6. We took the corporate feel away and gave Goodreads back to the readers, and it shows the second you open the Homepage.

Mid-fidelity Homepage with Continue Reading, Reading Goals, Friends Activity, and Recommended For You
Figure 6: Mid-fidelity Homepage prototype.
The Update Progress popup with progress bar, chapter, page, date, and quick notes fields, shown enlarged and in place on the mid-fidelity Homepage
Figure 7: The Update Progress popup on the Homepage allows users to update page count, chapter, date, and add quick notes without leaving the page.

Finding Books With Ease

The current Goodreads search page is almost laughable: a single bar in the center of a blank page with three radio buttons and virtually nothing else (fig. 2). We built this from the ground up.

  • Thematic discovery grid (fig. 8) lets readers without a specific book in mind browse by feel rather than keyword, like walking up to a curated table in a bookstore.
  • Reader's Trust puts human sources like Oprah's Book Club, Staff Picks, and the Pulitzer Prize directly on the search page, since our research showed people trust recognized voices over algorithms.
  • Author search, genre checklists, and rating filters let readers set precise criteria before searching.
  • Active filter tags (fig. 9) appear at the top of results and can be added or removed as you go.
  • Sort By includes Friends' Favorites, bringing a personalized social layer into search.

Now readers can find exactly what they're looking for, or discover something they didn't know existed.

Mid-fidelity Advanced Search with author search, genre and rating filters, a thematic discovery grid, and Reader's Trust lists
Figure 8: Mid-fidelity Advanced Search. Thematic discovery grid and Reader’s Trust refined for clarity.
Advanced Search results page with active filter tags and an enlarged Sort By menu that includes Friends' Favorites
Figure 9: Advanced Search results page with active filter tags and Sort By dropdown.
04 / Team Prototype

The Final Prototype, But Not the End of the Road

The prototype was presented to fellow design students in class and submitted as an annotated document walking through task flows, a screen-by-screen overview, and the research behind every design decision. It's built around four specific task flows. View the task instructions here: Task Flow Document, then explore the full mid-fidelity prototype here: Goodreads Redesign Prototype.

05 / The Final Design

From mid-fidelity to a working prototype, solo.

After the team project ended, I took my two screens further on my own. I rebuilt the Homepage and Advanced Search at high fidelity, then tested them against different scenarios to make sure the layouts held up: a reader with no book in mind, a reader who knows the author but not the title, and a reader who wants a pick from a source they trust. I then asked friends and family to move through the screens to check that the flow made sense to people outside the project.

From there I built a design system, finalizing everything from colors to typography so both screens share the same components. Last, I worked with Figma AI to turn my designs into a working prototype you can click through here.

Try the prototype ↗
Design system card showing the colour palette, Playfair Display and Poppins type scale, and core components
Figure 10: The design system: palette, type scale and core components.
Redesigned homepage with Continue Reading, Reading Goals, Friends Activity, and Recommended For You
Figure 11: The final homepage, built as a personal dashboard. Switch to Before to see the current Goodreads homepage.
Redesigned Advanced Search with filter sidebar, browsing categories, and Reader's Trust lists
Figure 12: Advanced search opens with browsing categories and trusted lists. Switch to Before to see the current Goodreads search page.
High-fidelity search results with filters applied and Want to Read buttons
Figure 13: Results keep the search bar and filters in place, so readers can refine without starting over.
High-fidelity sign in screen
Figure 14: Sign in keeps the navigation visible and reminds readers what they are coming back to.

Where This Project Will Carry Me

This project taught me that UX design can't be rushed. Testing with real people at every stage is non-negotiable, since as a designer you're too close to your own work to see its flaws clearly, and small issues caught early stay small. I also learned not to jump into Figma too soon: my most interesting homepage and search ideas came from paper sketches, not screens. Most importantly, designing with a real goal in mind changes the work, and keeping "make Goodreads feel like it belonged to the reader" in mind through every phase is why the screens turned out the way they did.

References

Flood, A. (2013, April 2). Amazon purchase of Goodreads stuns book industry. The Guardian. https://www.theguardian.com/books/2013/apr/02/amazon-purchase-goodreads-stuns-book-industry

Norberg, L. (2025, August 9). Goodreads’ first redesign in 20 years: What changed and what didn’t. Medium; Bootcamp. https://medium.com/design-bootcamp/goodreads-first-redesign-in-20-years-what-changed-and-what-didn-t-23589497264c

Snelling, G. (2025, July 16). After almost 20 years, Goodreads has a new logo fit for Booktok. Fast Company. https://www.fastcompany.com/91368403/goodreads-logo