
Project Overview
Bookmark is an all-in-one book tracking app that redefines the reading experience.
Along with features like rating, reviewing, and tracking books, it offers a unique way to curate fan art collections and connect through book clubs!
By combining community and creativity, Bookmark creates a deeper, more engaging space for readers, making it the go-to app for book lovers everywhere.
Duration
80 hours/ 2 weeks
Role
UX/UI Designer
UX Researcher
Tools
Figma
Microsoft Word
Sketching tools (iPad, iPencil)
Table of Contents
The Why Behind Bookmark
As an avid reader, I often felt frustrated by existing book-tracking apps that missed out on features that truly mattered to me. I found myself constantly navigating away from the home screen to check my reading progress or find personalized book recommendations, and I relied on Pinterest to save fan art, wishing it could be stored with my books in one place.
These missing elements left me wondering if other readers shared my experience. Bookmark was born from this desire to create an app that felt like home for readers—a place where fan art boards live right alongside book lists, where essential reading progress and recommendations are front and center, and where a vibrant community can come together without needing multiple platforms.
PROJECT GOAL
To develop an all-in-one app that redefines the book-tracking experience by integrating fan art collection, community engagement, and book-related news into a single platform. Bookmark aims to become the ultimate destination for readers, especially adult fantasy fans, offering a unique blend of features that foster creativity, connection, and a deeper love for books.
PROBLEM
Existing book-tracking apps lack integrated features for fan art collection and community engagement, especially for adult fantasy readers.
SOLUTION
Bookmark is an all-in-one app that combines book tracking, fan art boards, and community features, creating the ultimate platform for readers to connect, share, and celebrate their love for books.
FANART
Bookmark allows you to easily discover and save fan art for your current reads—no need to leave the app.
COMMUNITY
Join book clubs, discuss chapters, and connect with readers through integrated chats and reviews.
ALL-IN-ONE PLATFORM
A single place for tracking progress, discovering fan art, and interacting with your reading community.
Research
Market research, Competitive Analysis, Survey, User Interview, Empathy Map, User Persona
Before designing Bookmark, I needed to understand what readers truly wanted in a book-tracking app. Through market research, competitor analysis, surveys, and user interviews, I identified gaps in existing apps and uncovered user frustrations. This research shaped the core features of Bookmark, ensuring it would be an all-in-one platform tailored to book lovers.
These were my findings
Meet Our Personas!
Define
POV + HMW, Brainstorming, Business + User Goals, Sitemap, User Flow
Make it stand out
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more or maybe you have a creative project.
Ideate
Low-Fidelity Wireframe Sketches, Mid-Fidelity Wireframes
Make it stand out
It all begins with an idea. Maybe you want to launch a business.
Prototype
Mid-Fidelity Prototype
Make it
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Don’t worry about sounding professional. Sounds like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest.
Test
Usability Testing, Affinity Map, Priority Revisions
Make it stand out
Design
Logo, UI Kit, High-Fidelity Wireframes + Prototype
Make it stand out
Reflection
