A new look for Goodreads

High Contrast
Sep 7, 2017 · 4 min read

Goodreads’ mission is to help readers explore and share books they love. Our mission is to help users enjoy their everyday digital experiences. This project is a visual redesign proposal for the bookaholics’ favorite app.

It’s not you, it’s us

We are into digital branding for the books industry since 2007 and we like to keep an eye on everything books related: brand identity for libraries, online shops, publishing houses collections and, of course, web and mobile apps.

The new Goodreads — clean and responsive design

From designers to developers and project managers, we are all using Goodreads on a daily basis and we are annoyed by the inconsistent design and the outdated look and feel. Regardless of its amazing functionalities, the navigation on the website or app can be very confusing and tiring.

That’s why we came up with a new visual identity for Goodreads.

First, let’s get structured

Our main challenge was to decide if Goodreads is primarily a social experience focused on the community or a personal experience, where the users track their activity and discover new books.

Crude wireframes — defining the structure

After several discussions and versions, we agreed that we should have both and we defined Goodreads as a shared personal experience.

The next challenge was to create a design that offers both a social experience and a personal one, without overcrowding the interface. So we structured all the features and content according to three main directions:

  • personal space (my books, my recommendations, discovery)
  • content access (lists, deals, blog)
  • community (people, events, quizes).
Wireframes — outlining the three main directions

Smart design for smart people

One major improvement is the new side menu, that helps Goodreads users access all sections at one click away, without navigating through multiple menus.

Landing page — meet your favorite books

We designed everything closer to the look and feel of a social network, with card based design, familiar icons, section placements and separate community generated content. To encourage users to explore, we gave more importance to the search area, making it the main section of the header.

A new way of exploring and recommending books
A cleaner search system

A new social experience

Chatting with friends on Goodreads is currently based on a mailing system which is a huge impediment for immediate communication. Everyone loves instant messaging, so we designed an easy to access chat system that can be used either with chat boxes or as a full screen for those endless disputes about J.R.R. Tolkien vs George R.R. Martin.

Full screen chat for amazing conversations

Behind the scenes

Spoiler: this is merely a fun project which does not follow the usual creative process used for our clients.

This is a contribution to the community we are proudly part of. Goodreads hasn’t hired us (yet), so we couldn’t follow the entire process that we are used to: analysis on real data, user behaviour insights, client discussions and debriefings, focus groups with users and many other. This is a visual redesign proposal based on our personal experience with Goodreads, developed with the following resources:

72 design hours

3 creative directions hours

8 account management hours

4 copywriting hours

What’s next?

Are you excited about a better experience on Goodreads? Share this with your friends and let’s make it real!

thedifferentview

Ideas, revelations, processes.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface.

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox.

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store