Eloisa Docton

quick shop page image
GOODREADS BOOKSHELF

Goodreads Bookshelf is a rebrand project where I used my UX research experience and my UI design skills to redesign the Goodreads brand and bookshelf online page.

Tools used:
Photoshop | Illustrator | Sketch |

Methodologies used:
Agile | SWOT Analysis | User Testing

Prework:
Sketches | Wireframes |

Code:
HTML | CSS | JQuery

Want to learn more about this design? Check it out in GitHub here.

GOODREADS BOOKSHELF

Goodreads Bookshelf is a rebrand project where I used my UX research experience and my UI design skills to redesign the Goodreads brand and bookshelf online page.

Tools used:
Photoshop | Illustrator | Sketch |

Methodologies used:
Agile | SWOT Analysis | User Testing

Prework:
Sketches | Wireframes |

Code:
HTML | CSS | JQuery

Want to learn more about this design? Check it out in GitHub here.


Logo Concepts

SWOT ANALYSIS

Goodreads
Brief description: Goodreads.com is one of the largest reading reviews platforms available. The website is based on users creating reading lists, and reviewing books they read. Eahch book come with it's own product pagr where users can read a brief of the book, add to their wish list, read reviews, and purchase the book via several links of outside sources.
History:
Founded in 2007 by Otis Chandler with the idea of being able to share your book recomendations with your friends, as well as get ideas on what books to read next.
Target audience:
The target audience of Goodreads.com is prerry wide, the people that come to mind are students, travelers, children, eco-oriented customers who do not wish to purchase paper books, and anyone interested in reading about any subject available.
Study:
For this study, I gathered the thoughts of three teenage female avid readers, and, here are some thoughts I gathered:
Strengths:
- Online based.
- Accessible to anyone.
- Speedy loads.
- No age, theme, demographic target.

Weaknesses:
- Outdated look.
- Busy layout.
- No direct sales options.
- Difficult to understand the concept.
- Too many ads.
- Doesn't make sense.
- More relevant information needed.

Opportunities:
- Cleaner site revamp.
- Direct book sales, and exchanges.
- Communities
- Improve the personal pages.

Threats:
Barnes & Noble and Amazon.com the B&B website has a platform that has some important similarities {reviews, information, recommendations} but it's lacking the goodreads.com's social media aspect, although it lacks this very important feature, the B&N is a site that looks more "together" and makes "more sense" than goodreads.com.

Objectives:
Goodreads.com's objective is to help spread the word on various books, to assist those with limited access to book promotions, and to anyone interested in continuing reading about most subjects. A website revamp would improve:
- Thumbnail list of books vs grid, for a more organized visual.
- Improvement on the thumbnail size for preventing image dissortion.
- Sorting options.
- Filtering options.
- A more comprehensive search option {by subject, author, year, theme and "similar".
- Organization of the wishlist by collection.
- Ability to purchase the books on the site.

Recommendations:
- Website style overhaul.
- Organization of the titles.
- E-commerce integration.
- About Me page revamp.


Mobile Wireframe


Tablet Wireframe


Desktop Wireframe

ABOUT ME

PORTFOLIO

RESUME