MOBILE APP DESIGN - UI/UX
BOOKED is your go-to space for discovering, reviewing, and buying your next great read—powered by community, built for book lovers.
Jump to Implementation
Research and Inspiration
| Understanding the user
The user research included competitive audits, and interviews with participants who had purchased a book or visited a bookstore in the past 6 months. I then created user personas, user journey maps, and storyboarding. Using these methods, I focused on user-accessibility, and modifying iterations to respond to common pain points, and user testing to optimize the user flow.
| User Pain Points
Using these insights, I mapped out a customer journey with key pain points. The areas with low satisfaction that arose in my interviews became the areas with greatest opportunity for a design solution.
- Difficulty in Finding Books That Match Interests and Past Reads – Users struggle to discover new books that align with their preferences due to overwhelming choices and a lack of personalized recommendations.
- Limited Genre-Based Browsing and Trustworthy Reviews – Users cannot easily browse specific genres or receive curated recommendations, and existing platforms often have unreliable or unhelpful reviews, making informed decisions difficult.
- Disconnected Reading Communities and Inconvenience of Physical Bookstores – Users want a seamless way to engage in meaningful discussions and connect with like-minded readers but find existing options scattered. Additionally, time constraints make it difficult to visit bookstores to explore new reads in person.
"How might we make book discovery easier with personalized recommendations, trusted reviews, and a connected reading community?"
Ideation
| Story boarding
Once the community selected Mosaic as our direction, I facilitated a collaborative design phase grounded in experimentation and collective input. A few team members shared early visual drafts, which we reviewed together. We discussed what worked, what didn’t, and suggested alternatives.We aligned on a core concept: animated, stackable shapes that could evolve and combine into a mosaic — a visual metaphor for the way our diverse projects and voices come together in one show.
| Paper wireframes
Starting from low-fidelity prototypes allowed me to get feedback on the data flow and information architecture. I experimented with different iterations of each screen to find the most desirable design.
Design Iterations
| MID FIDELITY PROTOTYPE
After a first round of user testing, I moved to digital wireframes.
In user testing with mid-fidelity screens, it was clear that potential readers wanted more simplicity and organization like more clear review page. In addition, 80% of users mentioned that the information organization was not clear, and can be simplified.
| style guide
When designing the style guide, I aimed to create a brand identity that feels engaging, community-driven, and reader-first. To enhance book discovery and social interaction, I drew inspiration from existing design languages used in platforms like Goodreads, Letterboxd, and DuoLingo.
| SITE MAPPING
| MID FIDELITY PROTOTYPE
After a first round of user testing, I moved to digital wireframes.
In user testing with mid-fidelity screens, it was clear that potential readers wanted more simplicity and organization like more clear review page. In addition, 80% of users mentioned that the information organization was not clear, and can be simplified.
| style guide
When designing the style guide, I aimed to create a brand identity that feels engaging, community-driven, and reader-first. To enhance book discovery and social interaction, I drew inspiration from existing design languages used in platforms like Goodreads, Letterboxd, and DuoLingo.
| SITE MAPPING
Implementation
Here is the implementation of two main workflows.
1- A homepage that is personalized for the user, that showcases books based on their behaviour, as well as book clubs and communities to join to encourage consistency and expand networks.
2- A browse that is review-focused, in which you can follow other book lovers, and find your next read based on their opinions and ratings.
Here is the implementation of two main workflows.
1- A homepage that is personalized for the user, that showcases books based on their behaviour, as well as book clubs and communities to join to encourage consistency and expand networks.
2- A browse that is review-focused, in which you can follow other book lovers, and find your next read based on their opinions and ratings.