BookHaven; Discover the world one page at a time
Challenge: Create a user-friendly and engaging website interface that showcases a diverse range of books, provides insightful reviews, and offers seamless navigation for users seeking their next captivating read.
​
Deliverables: User research report.Sitemap.Wireframe. UI. Prototype.
Role: UX/UI Designer
Design Process
![design proc.PNG](https://static.wixstatic.com/media/4ad06d_6ee32a32f4574474b29282e480bd5557~mv2.png/v1/fill/w_980,h_453,al_c,q_90,usm_1.20_1.00_0.01,enc_avif,quality_auto/design%20proc_PNG.png)
Problem Statement
-
Many individuals struggle to find physical books that align with their interests and preferences, leading to a lack of motivation and enjoyment in reading. This results in a gap in the market for a comprehensive book website that offers extensive book collections, detailed reviews, and personalized recommendations, ultimately enhancing the overall book-buying experience for users.
​
​
​
​
​​
​
​
​
Research
​
Competitive analysis
​
In conducting a competitive analysis for the book website, I researched and evaluated several key competitors in the online book industry. Here are the findings:
​​
​
​
​
​​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Ideate
​
Task flows
​
I created task flows to map out the user journey on our website, guiding users seamlessly from signing up to exploring books, reading reviews, and finding nearby bookstores. Each step in the task flow is designed to ensure a smooth and intuitive experience, from profile setup to browsing book details, managing wishlists, and accessing bookshops. By visualizing these flows, we can identify potential pain points and optimize the user experience for efficiency and satisfaction.
![COMEPE.PNG](https://static.wixstatic.com/media/4ad06d_5d42aba0419e4095a27d8396d15cad85~mv2.png/v1/fill/w_941,h_614,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/COMEPE_PNG.png)
![goals BH.PNG](https://static.wixstatic.com/media/4ad06d_9c70f31b135c42fe90d2fee5ed32d467~mv2.png/v1/fill/w_889,h_873,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/goals%20BH_PNG.png)
![Task flow.PNG](https://static.wixstatic.com/media/4ad06d_f8ff0f1aab87457a82f8c7ad963828cc~mv2.png/v1/fill/w_918,h_741,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Task%20flow_PNG.png)
Wireframe
​
Paper wireframes
​
![pp wireframe.PNG](https://static.wixstatic.com/media/4ad06d_400ecfb9daff4a049c8a1425d40776bf~mv2.png/v1/fill/w_668,h_923,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/pp%20wireframe_PNG.png)
High Fidelty Prototype
​
​https://www.figma.com/design/iyGuNMEAB8Suldcv0w6uxj/BookHaven?node-id=40-60&t=Rhqxo4dGF8dNBGgj-1
![HOME Bhaven.PNG](https://static.wixstatic.com/media/4ad06d_026b3cee609e4c608288a373bad63472~mv2.png/v1/fill/w_980,h_672,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/HOME%20Bhaven_PNG.png)
![landing home page BH.PNG](https://static.wixstatic.com/media/4ad06d_143ea173d745499c9d25d596121a2665~mv2.png/v1/fill/w_969,h_632,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/landing%20home%20page%20BH_PNG.png)
![landing mobile website BH.PNG](https://static.wixstatic.com/media/4ad06d_dc1ab0f045c043e4902f9de93e7fbb5e~mv2.png/v1/fill/w_897,h_533,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/landing%20mobile%20website%20BH_PNG.png)
![landing reviews.PNG](https://static.wixstatic.com/media/4ad06d_3220e1734bbb453386016e5f22f49081~mv2.png/v1/fill/w_972,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/landing%20reviews_PNG.png)
Responsive design
![](https://static.wixstatic.com/media/4ad06d_568c320078574aafa6381b0af07898b4~mv2.png/v1/fill/w_976,h_734,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/4ad06d_568c320078574aafa6381b0af07898b4~mv2.png)
Validate
​
This was a fun personal project since I love reading books and creating something that would be of amazing use to book lovers was really fulfilling, I hope you liked it!
After completing the website, I conducted thorough validation to ensure its functionality and user-friendliness. The validation process confirmed that the website delivers on its promise of providing a tailored reading experience, enhancing user satisfaction and engagement.