Project Overview
About the Project
EveryPage is a handy digital bookshelf app for book lovers who want to organize and track the inventory of their books. But EveryPage is more than just a digital bookshelf, through the app you can search, discover and exchange books with other book lovers in the community.
It is a mobile app designed and developed for 12 weeks as the capstone project of Langara College Web & Mobile App Design and Development program.
Promotional website: https://everypage.ca/
Role & Team Composition
In this project, I worked as a Product Designer (UI/UX) with three other designers, three full-stack and two front-end developers.
Responsibilities for the project include market research, overall user experience and product interface design, branding and marketing assets, presentation material, and multimedia deliverables – photography and app trailer video.
Problem
For someone with an extensive physical book collection at home, managing the inventory of books is a significant problem. This may sometimes result in buying a duplicate copy of a book. Another problem is that books are costly for some people, and borrowing books from a library or friends is one of the options. Unfortunately, libraries have limited copies per title, and the waiting time for borrowing a book can be a challenging experience.
Solution
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/zzzzzzz.png)
Market Research
In today’s modern world, social media or the internet have changed how we read stories and acquire knowledge. But one thing is for sure, reading books is here to stay.
A study conducted by BookNet Canada, a non-profit organization that conducts studies about the Canadian book industry, shows that reading is still one of the favourite leisure activities of Canadians in 2021. 42% of 1,282 respondents over 18 years old consider reading as one of their leisure and recreational activities among others daily.
Another significant data from this study that will back up the viability of EveryPage is that despite the advent of digital format books, 68% of readers still chose printed books as their preferred format. For the acquisition of printed books, 56% of the respondents still buy them while 44% mostly borrow. A percentage of Canadians consider themselves avid readers, 22% of them participated in an online book community while 21% attended an online author or book-related event.
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/Stats.png)
In this study, 8% of Canadian readers pointed out the expensive book prices. Printed book readers estimated their average spending at $300 or more, and they spend the highest amounts compared to those who purchase digital books (ebooks and audiobooks).
The expensive price of printed books is one of the major concerns of print book readers that limit their ability to read more. EveryPage is more than an online bookshelf. Our team aims to position EveryPage as the pioneering mobile application that fills the gap between physical book readers who share common topics of interest.
An active online community through our app will allow book owners to share, exchange, or borrow their books for those who want to read more but are on a tight budget. EveryPage aims to contribute to the reduction of book waste. Owning a lot of physical books poses a serious storage problem, which is why book owners have no choice but to toss their books in the trash.
By sharing and borrowing books through our app, we can prevent books from getting dumped into landfills. After all, books were written to be read and shared, not to be tossed in the dump. Reference: Canadian Leisure & Reading Study 2021 – BookNet Canada
User Persona
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/Persona1-1.png)
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/Persona2-1.png)
User Flow
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/EveryPage-Userflow-scaled.jpg)
Wireframes
![(1) Title of the section - User’s library
(2) Notifications for chat messages and
book requests
(3) Search by book title, author, or by
scanning ISBN barcode
(4) Sort and filter function
(5) Category tab - All, My Collection,
Borrowed, Lent, Shared
(6) CTA for first time user, to add books
(7) Bottom navigation with icon and text
(8) Floating action button to add new books](https://dexterbolasoc.com/wp-content/uploads/2022/11/w1-1-1-768x1422.png)
![(9) Add books by adding data manually
(10) Add books by scanning ISBN barcode
(11) List of books - book cover, title, author](https://dexterbolasoc.com/wp-content/uploads/2022/11/w2-1-1-768x1422.png)
![(1) Turn on/off flashlight
(2) Barcode scanning - click to open the camera to scan the barcode and search.
(3) Select photo of ISBN barcode from photo gallery
(4) Add book by input book details manually](https://dexterbolasoc.com/wp-content/uploads/2022/11/w3-2-768x1422.png)
![(5) Book title and author are added
automatically based on Google API
(6) Book cover is added automatically,
button to add additional image (book
condition). Max 3 images
(7) Self added book details - genre, book
condition, reading status, location,
additional information](https://dexterbolasoc.com/wp-content/uploads/2022/11/w4-1-768x1422.png)
![(1) Title of the screen - My Collection
(2) Edit book details
(3) Carousel of book cover
(4) Toggle on/off for Share function.
Once Shared ON, book can be accessed
in Shared category tab](https://dexterbolasoc.com/wp-content/uploads/2022/11/w5-1-768x1422.png)
![(5) Title of the screen - Shared
(6) Update Book Status button - Available/
In-Use/ On-Hold
(7) Toggle off for Sharing function - book will be private again and can be
accessed in My Collection category tab](https://dexterbolasoc.com/wp-content/uploads/2022/11/w6-1-768x1422.png)
![(1) Recommended genre
(2) View all genre - All list of genre will slide
up from the bottom
(3) Add to Wishlist button](https://dexterbolasoc.com/wp-content/uploads/2022/11/w7-1-768x1422.png)
![(4) Book added to Wishlist
(5) Book Status label - available/ In-Use/
On-Hold
(6) Recommended books. Diff erent
books from same owner (book status:
available) or same books from different
owner (book status: in-use)
(7) Request to borrow book button](https://dexterbolasoc.com/wp-content/uploads/2022/11/w8-1-768x1422.png)
![(1) Tab For Later - Users add books to
Wishlist and plan to read later
(2) Total numbers of books For Later /
Requested
(3) Book Status
(4) Button to Request to Borrow. Button is
disabled if book is In-Use/ On-Hold](https://dexterbolasoc.com/wp-content/uploads/2022/11/w9-1-768x1422.png)
![(5) Tab Requested- Users request to borrow, notification has been sent to book owner
(6) Book status On-Hold if user has
requested to borrow
(7) Cancel Hold button ro cancel borrowing
request](https://dexterbolasoc.com/wp-content/uploads/2022/11/w10-1-768x1422.png)
Mockups
![Frame 427319181](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319181.png)
![Frame 427319182](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319182.png)
![Frame 427319183](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319183.png)
![Frame 427319184](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319184.png)
![Frame 427319185](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319185.png)
![Frame 427319186](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319186.png)
![Frame 427319187](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319187.png)
![Frame 427319188](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319188.png)
![Frame 427319193](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319193.png)
![Frame 427319190](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319190.png)
![Frame 427319191](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319191.png)
![Frame 427319192](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319192.png)
![Frame 427319194](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319194.png)
![Frame 427319195](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319195.png)
![](https://dexterbolasoc.com/wp-content/uploads/2023/02/Frame-427319198-1.png)
![Frame 427319197a](https://dexterbolasoc.com/wp-content/uploads/2022/11/Frame-427319197a.png)
Responsive Promotional Website
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/Website-1.png)
![](https://dexterbolasoc.com/wp-content/uploads/2022/11/Mobile-Site-1.png)
App Trailer Video
As part of the marketing materials, I created a 1 minute video app trailer using Adobe Premiere Pro and After Effects. This video features the main functionalities of our mobile application to help users understand how to use it effectively.