The Brief
I was required to redesign the Penguin Books Random House South Africa website. The website had to be responsive across large, medium and small devices, with the purpose of selling more books through the website. The redesign consists of a 5 page website which is all accessible through the landing page (the homepage).
The Homepage
This variation of the design was chosen as the final design. I went with a light grey header that includes the logo and the search bar. The search bar is a filtered search bar which the user can use to find specific genres or authors. The navigation bar is a dark grey that includes the sign up and log in buttons, along with the e-books, audio and video buttons, as well as the cart button which takes the user to their shopping cart. I used lines as breaks between the sections on the page, and each slide with cards in them have a light grey background, with the overall background being white. I added additional information on the cards such as a description of the book and the author of the book.
Book Review Page
The book review page loads when the user clicks on a specific book. Below the navigation tab, there is a button called home which redirects the user back to the homepage, this is on every page other than the homepage. The book review page is made up of 2 sections, the actual book review, which includes the information about the book, and then ‘more from this author’ which gives suggestions on other books the author has written.
Book Club Page
The book club page loads when the user clicks on the book club banner from the homepage or from the top navigation bar. The page allows the user to sign up for the book club, in which they get recommended reads as well as emails, those emails include upcoming events, which is why there is no page for events. The book club also features a book every few weeks for members of the book club, which appears as a banner on this page. The page is split up into 3 sections, the sign up section, which is the form the users needs to fill out to become a member, the featured book banner, and then the recommended reads for the book club members.
Shopping Cart Page
The shopping card page is accessible from the cart icon in the navigation tab. It shows the user what books they added to the cart, along with their total amount it costs. In order to complete their purchase, they have to fill out their billing details through a 3 step form under the ‘Check Out’ heading.
Large Device
Medium Device
Small Device
