Tracy Bookshop

Designing the Bookstore Website

portfolio website templates

As it is a well known fact, reading is fundamental to functioning in today's society. what happens when the Users want to read but don't have access to paperback books because of a bookstore's online non-visibility?

This UI/UX case study chronicles the processes involved in the website design. With the help of this design, I intend to create awareness especially online for the bookstore.


Tracy Bookshop is a walk-in store which caters for all ages of readers and is situated in the Idimu area of Lagos, Nigeria. Orders can be made via the following avenues : through calls, via mails and/or visits. It has been existing for over 22 years and has built credibility and trust with it's Clientele.

As a way to increase the Clientele, I look to create an Online presence (Website & Social media) for the brand but not an Online store, as it is a Sole proprietorship business. The Sole proprietor is an Old woman, as such can't handle an Online store now. This is a test run to see how far an Online landing page can go.

Designing this took 8 weeks as a sole designer on the project.

Key focus of the Website design

The Website design focuses on 3 cores, which are

- Creating more awareness for the Bookstore.

- Creating appealing interface as one stop online place for information about the physical store.

These focus would solve the problem of the store's visibility to online users as very little people will find the store at the physical location, but much more people can be directed to the Website.

The bookstore currently has no online visibility as present, which is impacting on revenue as the store is not maximizing the use of an 

organic reach - Website and Social media.

- Reaching more customers and getting books to them on time.

User Groups

The User groups are divided into 3, which are :

- Students

- Schools

- Workers


First, I carried out a User survey on the different user groups online using Social media and some of the current buyers from the Bookstore. I wanted Users perspective on designing the ideal Website and, for the business in general.

Our Survey had 41 participants answering questions about their Bookstore culture, their buying habits and how convenience affects it.

The average age of the Survey participants is 25, with range between 19 and 31 years old.

About 60% of the participants are based in Lagos, Nigeria with most of them being employed full time. Most of them bought books in Bookstores, while others bought from their School, Online, Other Students who sell, CMS bus stop/the Roadside, or download PDFs online.

80% of our participants enjoy reading with their last time reading a book being a week ago. Their last book read ranged from Investment books to Christian books to Design books to Law books to Medical books to Novels to Textbooks.

60% preferred reading books with paperback, as against E-books or Audiobooks or all of the above. Majority buy books both in store and Online, while other bought in store only, Online only or from Road hawkers.

Convenience is sited as the no 1 reason why they buy books the way they do while others cited accessibility, liberty to see diverse books before making a pick, the love for paperback, being able to see & examine what you want to buy, availability, no wait time and habit.

The last time they bought a book ranged from Last year to Last Month to July, 2019 to 6 Months ago.

The answer to what they look out for in a bookstore is majorly Variety, arrangement of books & Labelling, Informed Bookstore staffs, Decor (space & ambience), Cost and Availability of relevant books.

On what information they would like to see on a Bookstore's website they would like to shop from. Answers ranged from Book Availability, Writers meet-up, Writing Contest, Request Form for foreign Books, & Book Review.

What some of the participants want clashes with what the Business wants to do at least for now. Going forward, the Business would adjust to what the Survey participants suggested (Having an Online store).

Using the Survey, I discovered that emailing the current Client list signified a rise in the number of participants for the Survey. From 7 people (pre Email list) to 41 people (Post-Email list) in a short amount of days (3 days). Thus, the business has a data bank (the Email list) that can be mined for the success of the business.



One pain point is buying book offline owing to Traffic and distance to their houses. Based off the business model, buying totally online does not work, so I added an Order now form on the Website, which prospective buyers can fill with relevant details. After filling it with all their request and contact information, payment is made and delivery is shipped.


I made a low fidelity Wireframe once I was done with my Survey and I already knew what would feature in the Landing page I was about to design.

This was useful because it helped to set direction and lay everything out on the table, which gave me a clearer insight into the said direction I wanted to take.

UI Design

My Visual style of choice was Clean and crisp because from Research, we discovered Users who visit this page go there to get the information they came for and head out.

I went this route, design wise, because this style puts everything needed out there (straightforward) without any reason to keep searching for one information or another.

I used Figma for this design because it allows for collaboration. I needed to collaboration on this Project because I needed to carry the Product Owner along with the design processes.

My final design shows that I listened to what my Users want to see on this Website by including the Order form and it being clean.


We are a boutique outfit offering various digital solution to everyone. We see ourselves as the partner/friend every business needs to succeed.


Get monthly updates and free resources.

Connect with Us