Project Detail

IT-Solutions

Proud Projects That Make Us Stand Out

Project Info

Designed a user-friendly online bookshop user interface (UI/UX) that is optimised for tablet and smartphone use, allowing for effortless access to e-books both at home and on the move. Personalised suggestions and fast navigation based on users' reading preferences are among the features.
  • Client: Tom Green
  • Category: Business, Campaign
  • Date: 6 June 20
  • Website: book store
  • Location: New York

Bookstore

An online bookstore is a basic need of the modern age to provide books all over the world easily at your home. In the rapidly developing information era, the value of e-books gradually became clear.

The portability of e-books has been an interest ever since their first appearance. In the field of library and information science, e-books were much discussed. Some argue that e-books should not only be used in the library but should also improve the services that libraries provide and should be used to support teaching.

While at home, readers mainly read e-books on tablets, and they use smartphones while commuting.

Regarding reading habits, 60% of respondents read 1- 4 e-books a month, and about 50% of respondents read e-books for an average of 16 - 30 min each time.

What is a Bookstore?

Bookstore is an online store where you search and order books according to your interests. You can also check out their reviews before buying. You can order books in both hard and soft forms. The bookstore suggests a wide variety of books, including fiction, non-fiction, textbooks, and children's books.

Objective

The main objective was to create a modern design so that users can easily find books by category, authors, or title. We aimed to design attractive book covers and detail pages that include summaries, reviews, and ratings. The design needed to create a clear hierarchy to guide users through various categories, authors, and ratings. Ensure to creation of a modern and minimalistic design for users.

Key Design Challenges

The main challenge was to build a modern navigation design and improve the overall user journey to make it natural and enjoyable. We needed to develop a powerful search feature that helps users quickly find specific titles or explore new books. Protecting user data and ensuring a safe payment environment is crucial. We needed to provide clear shipping information including shipping costs, delivery times, and return policies.

We had to make a perfect dashboard to view recent orders and manage your account details. Also needed to design my book section in the dashboard to list your purchased books and a simple & modern user registration and login page.

Solutions

Our solution was to design a vibrant interface that shows uniqueness and modern visuals. We chose a shade of brown as the primary colour for the website. Used responsive design techniques and frameworks to provide a seamless experience across all devices.

Provided reviews and details of every single book which helps users before buying it. Created a perfect dashboard to track your book records, manage your shipping and billing addresses, and also manage your account details. We built a modern filter system to search books according to your interests. Designed attractive book covers and detail pages that include summaries, reviews, and ratings.

Approaches

Creating Visual Identity

We created a cohesive visual identity that reflects the brand's values and engages users. Developed a primary colour palette for branding and a secondary palette for accents and highlights. Created templates for book listings that integrated the visual identity, including cover images, ratings, and buttons.

We placed the search bar prominently on every page. Established a clear typographic hierarchy for headings, body text, and call-to-action buttons, providing readability across devices.

Designing User Flows and Wireframes

We aimed to design responsive user flows and wireframes that facilitate seamless navigation and improve the user experience of the online bookstore. The book detail page wireframe was cover image, title, author, summary, reviews, related books, and an "Add to Cart" button.

Key Features

Landing Page

Created a visually attractive and functional landing page that attracts visitors, and showcases popular books.

Advanced Search Functionality

We built a prominently placed search bar with predictive text and auto-suggestions.

Listing

Designed different listing options according to your interests to find books by categories, authors, prices and reviews.

Wishlist Functionality

Allowed users to save books they are interested in for future purchase.

User Dashboard

We created a user dashboard to view your recent orders, manage your shipping and billing addresses, and edit your passwords and account details.

Payment Options

It offers a wide range of payment methods like credit cards, debit cards and PayPal.