Suzanne Collins' Website Redesign

A redesign of the website of Suzanne Collins, author of The Hunger Games Trilogy and The Underland Chronicles.

UI/UX | Redesign | Research

Fall 2017

for the full report, click HERE

Who is Suzanne Collins?

Suzanne Collins came to fame when her much loved The Hunger Games trilogy was adapted into the 18th highest grossing film franchise of all time, having grossed over US$2.9 billion worldwide. Her books provide readers with a great experience filled with thrill and excitement. Her website, on the other hand, provides a very bad user experience.

Goal:

To improve the usability and user experience of Suzanne Collins' personal website for first time users.

  • lack of categorization makes it hard for users to search for and find information

  • too much information given in a single page​

  • unconsidered visual design (typography, color and layout) that is unresponsive to window/screen size changes​

Problems:

Current Website

Navigation Flow
 
Wireframes
 

Wireframes of the pages were created to visualize the organization and layout of the website and each page, tackling the first two problems outlined above:

  • lack of categorization makes it hard for users to search for and find information

  • too much information given in a single page

    • in the Home Page alone, there is a short welcome, a photograph of the author, several books' informations such as the cover, rankings and reviews which are repeated.

Through the reorganization of the pages, it was easier to categorize information and find more effective locations for each information to be found, de-clustering and reducing the amount of information in one given page.

Font and Color
 

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9

#AAAAAA

#000000

 

Prototype

Responsiveness

 
User Testing - Wizard of Oz
 

From the two Wizard of Oz tests, it was clear that navigation, learnability and usability through the redesign had improved significantly from the original page. However, small changes, such as dropping down a menu for both the words “Works” and the triangle and including a ‘see all’ option and separating the items in the ‘Links’ page into separate categories of “Press”, “Shop” and “Publishing” to reduce the ambiguity of what ‘link’ could possibly mean.