An end-to-end Mobile App for book-worms to collect their quotes smarter!
Project Overview
Duration
Mar 2023 – Jun 2023 (3 mons)
Team / Role
Product Designer
As one of the Product Designer of our team, which includes another UX designer, an Android developer, and an iOS developer.
My responsibilities encompassed hosting exploration workshops, conducting meetings, leading collaborative design processes, executing user interviews, and crafting user personas.
Tools
Figma, FigJam, Notion
Problem Statement
Many individuals enjoy noting quotes while reading, whether by capturing a photo with their phone or jotting it down in a notebook. However, organizing these quotes proves challenging, often resulting in disorganization and difficulty in research.
Goal
Our aim is to facilitate the seamless and effortless transfer of reading quotes or notes into a digital format. By doing so, users can easily access and utilize their quotes from a digital space.
Proposed Solution
Utilizing image-to-text (OCR) technology, our solution enables users to convert photos into text format within the app. Users can then label, classify, and organize these quotes for future use.
Design Process
01. Discover 🔍
- Research
- Competitor Analysis
- User Research and interview
02. Define 🎯
- User Persona
03. Ideate 💥
- Exploration on features
- Feasibility Assessment
- MVP Definition
04. Design 🖍
- High Fi. Mockups
- Prototype
01. Discover 🔍
User Research
Our solution for this side project stemmed from conversations with friends who are avid readers. Recognizing the potential for a transformative 0 to 1 app product, we embarked on a journey to explore user needs, personas, and contextual usage scenarios.
Sample questions:
- What are your reading habits in terms of frequency, location, and preferred mediums?
- When you encounter compelling quotes, how do you typically capture and preserve them?
- What motivates you to save quotes, and how do you envision using them later? Additionally:
- How do you currently organize your quotes or reading notes?
- What challenges do you face when searching for specific quotes?
- Have you ever sought out quotes for specific purposes? If so, what methods did you employ?
User Painpoints
During our user research phase, we uncovered several pain points, including:
- The time-consuming process of manually typing quotes into digital tools.
- Difficulty in keyword search when notes are handwritten in notebooks.
- Challenges in creating visually appealing quote shares on social media from quick snapshots of pages.
02. Define 🎯
Persona

03. Ideate 💥
Exploration of features
Based on insights gleaned from our research, we brainstormed key features such as:
- Add Quote: Users can seamlessly input quotes by taking photos, selecting from their albums, or manual entries, accompanied by additional notes or comments.
- Collection: Leveraging category and tag functions to facilitate seamless organization of quotes.
- Share on Social Media: Inspired by music app features, users can elegantly share their thoughts using a clean and visually appealing quote card format.
- Personal Settings: Empower users with customization options to tailor their experience, with scope for further personalization in future iterations.
- Daily Quote Review: Enhancing user engagement by prompting daily reflections through curated quote selections from their collection.
Feasibility Assessment
We utilize Google’s Image to Text (OCR) technology to establish our key feature of converting images into text.
MVP Definition
In line with development considerations, we opted for a focused approach, crafting a minimal viable product (MVP) for version one:
- Add Quote: Core functionality allows users to input quotes via camera capture, album selection, or manual entry, providing flexibility and convenience.
- Collection: Comprehensive quote management features including search functionality, tags, and content lists.
04. Design 🖍
Mood Board


Task Flow
