Goodreads redesign
Goodreads redesign
A redesign of the Goodreads mobile experience.
A redesign of the Goodreads mobile experience.
Overview
Overview
Goodreads is one of the most popular platforms for tracking books and discovering new reads. However, despite its popularity, the platform has remained largely unchanged for years. The interface feels cluttered and outdated, making it difficult for users to quickly track reading progress and discover new books. This personal project explores how a modern redesign could improve the user experience while keeping the core functionality that readers rely on.
Goodreads is one of the most popular platforms for tracking books and discovering new reads. However, despite its popularity, the platform has remained largely unchanged for years. The interface feels cluttered and outdated, making it difficult for users to quickly track reading progress and discover new books. This personal project explores how a modern redesign could improve the user experience while keeping the core functionality that readers rely on.
Role
Role
UX Designer
UX Designer
Duration
Duration
4 Weeks
4 Weeks
Tools
Tools
Design process
Design process
Problem statment
Problem statment
The Goodreads interface feels visually outdated and cluttered. Important actions such as tracking reading progress or navigating between lists require several steps and the information hierarchy makes it difficult to quickly scan content. As a result, the platform can feel overwhelming for users who simply want an efficient way to track their reading and discover new books.
The Goodreads interface feels visually outdated and cluttered. Important actions such as tracking reading progress or navigating between lists require several steps and the information hierarchy makes it difficult to quickly scan content. As a result, the platform can feel overwhelming for users who simply want an efficient way to track their reading and discover new books.
Solution
Solution
The redesign focuses on simplifying the reading experience while introducing a more modern and structured interface. Key improvements include: ✔️ Modern visual design ✔️ Simplified reading tracking ✔️ Personalized recommendations ✔️ Reading insights and statistics ✔️ Improved navigation
The redesign focuses on simplifying the reading experience while introducing a more modern and structured interface. Key improvements include: ✔️ Modern visual design ✔️ Simplified reading tracking ✔️ Personalized recommendations ✔️ Reading insights and statistics ✔️ Improved navigation
Competitive analysis
Competitive analysis
To better understand the platform, I analyzed Goodreads and compared it with other reading apps such as Fable and StoryGraph. The comparison showed that newer platforms offer cleaner interfaces and stronger personalization, which helped guide the redesign.
To better understand the platform, I analyzed Goodreads and compared it with other reading apps such as Fable and StoryGraph. The comparison showed that newer platforms offer cleaner interfaces and stronger personalization, which helped guide the redesign.
Personas
Personas
Two personas were created to represent different types of readers. Andrew represents users who want a structured and efficient way to track their reading habits. He values clarity and quick interactions. Hannah represents readers who enjoy discovering books through others and engaging with the community around reading.
Two personas were created to represent different types of readers. Andrew represents users who want a structured and efficient way to track their reading habits. He values clarity and quick interactions. Hannah represents readers who enjoy discovering books through others and engaging with the community around reading.
Low-Fidility prototypes
Low-Fidility prototypes
Low-fidelity prototypes were created to explore layout structure and information hierarchy. The goal was to simplify the interface and focus on the most important user actions: discovering books, tracking reading progress, and managing reading lists. The prototypes helped test different layout ideas and ensure that key features were easy to access without overwhelming the user. This stage focused on structure and usability rather than visual design.
Low-fidelity prototypes were created to explore layout structure and information hierarchy. The goal was to simplify the interface and focus on the most important user actions: discovering books, tracking reading progress, and managing reading lists. The prototypes helped test different layout ideas and ensure that key features were easy to access without overwhelming the user. This stage focused on structure and usability rather than visual design.
High-Fidelity prototypes
High-Fidelity prototypes
The final prototype demonstrates a modern and simplified reading experience. The redesign focuses on improving clarity, navigation, and book discovery while keeping the core functionality that Goodreads users rely on.
The final prototype demonstrates a modern and simplified reading experience. The redesign focuses on improving clarity, navigation, and book discovery while keeping the core functionality that Goodreads users rely on.
Home
Home
The home screen focuses on helping users quickly see what they are currently reading and discover new books. The design highlights the current book and reading progress while also providing personalized recommendations and trending books. This layout allows users to immediately continue reading or explore new titles without unnecessary navigation.
The home screen focuses on helping users quickly see what they are currently reading and discover new books. The design highlights the current book and reading progress while also providing personalized recommendations and trending books. This layout allows users to immediately continue reading or explore new titles without unnecessary navigation.
Book detail
Book detail
The book details page provides essential information about a book, including description, reviews, and ratings. Users can quickly add the book to their reading list and explore feedback from other readers. The layout prioritizes the book cover and key actions, making it easy for users to decide whether they want to read the book.
The book details page provides essential information about a book, including description, reviews, and ratings. Users can quickly add the book to their reading list and explore feedback from other readers. The layout prioritizes the book cover and key actions, making it easy for users to decide whether they want to read the book.
Library
Library
The library page gives users a clear overview of their reading lists, such as “Want to read”, “Currently reading”, and “Finished”. The design simplifies list management and makes it easier to track reading progress, while also give the option to create there own lists. This structure helps users quickly navigate their personal collection and manage their reading goals.
The library page gives users a clear overview of their reading lists, such as “Want to read”, “Currently reading”, and “Finished”. The design simplifies list management and makes it easier to track reading progress, while also give the option to create there own lists. This structure helps users quickly navigate their personal collection and manage their reading goals.
Profile
Profile
The profile page focuses on reading statistics and personal goals. Users can see how many books they have read, track their reading streaks, and view visual insights into their reading habits. These insights help motivate users and provide a clearer overview of their reading activity over time.
The profile page focuses on reading statistics and personal goals. Users can see how many books they have read, track their reading streaks, and view visual insights into their reading habits. These insights help motivate users and provide a clearer overview of their reading activity over time.
All screens
All screens
💌 Let's connect!
💌 Let's connect!
moa.tyren00@gmail.com
moa.tyren00@gmail.com