Trope Finder
Trope Finder is a desktop romance discovery platform designed around the tropes readers love. It helps users find stories through personalized filters, curated lists, and mood-based exploration.
View Prototype
Screenshot of Trope finder website in computer layout
Timeline: 06/2025 - 07/2025
Tools Used: Figma
Role: UX/UI Designer
Problem Statement
Importance of the Project
Trope Finder transforms how avid romance readers discover and engage with books by providing a curated, personalized experience all on one platform. New arrivals are tailored for each user, and the “Find Your Next Romance Read” quiz guides readers based on mood, favorite tropes, and topics to avoid. Users can track their personal reading goals, join reading challenges with followers, maintain customizable TBR lists, and participate in book clubs with people nearby or popular online groups. Together, these features make discovering, tracking, and sharing books easier, more engaging, and fully centered on the reader’s interests.
User Need Addressed
Avid romance readers, who are predominantly women, often struggle to find books that match their favorite tropes or genres. Existing platforms require hopping across multiple sites, and books are not always tagged accurately. Trope Finder solves these problems by providing a single, streamlined site with properly tagged books, personalized quizzes, tailored recommendations, and optional book groups, making it easier for users to discover books they’ll love.
My Role: UX/UI Designer
I designed the home page, new arrivals page, and the “Venetian Moon” book selection page, curated icons, and created decorative background elements used by the team. I ensured consistency in colors, sizing, and style across pages, helped conduct interviews, and developed the interview questions.
Team Members
Allison Jones
Project Lead & Concept Designer
Allison came up with the idea for Trope Finder, inspired by her love of romance books, and guided the overall project direction. She coordinated interviews, kept the team organized, and designed the quiz section along with its interactive components.
Jackie De La Luz
UX Designer & Content Coordinator
Jacki designed the user profile, TBR page, and the book selection page linked from the TBR, building all components. She also documented weekly progress and contributed to user research through interviews and note-taking.
Niang Lam
Visual & Interface Designer
Niang shaped the platform’s aesthetic, selecting color palettes and ensuring a cohesive visual style. She designed the onboarding, login, trope types, community, about, and search pages, creating all components and contributing to user research by conducting taking notes.
Research and Insights
For the Trope Finder design, we combined quick research of book and storytelling platforms with hands-on user sessions. After two days exploring how users discover and track stories, we spent most of the project gathering feedback as participants interacted with our site. This approach helped us identify pain points and validate design decisions within a tight three-week timeline.
Platform Exploration
Lean UX Artifacts
User Sessions & Feedback

Platform Exploration

Purpose:

To understand how users discover, track, and engage with books across different platforms, and to identify opportunities for trope-based discovery.

Process:

We conducted rapid research of various book and storytelling platforms, including general book discovery sites, romance-specific curation apps, influencer-driven platforms, and trope databases. We examined user flows, search and filtering functionality, content categorization, and social/community features.

Key Insights:

  • Existing platforms often have inconsistent or incomplete trope tagging, making discovery difficult.

  • Users want to filter books by specific tropes, themes, moods, and other personal preferences.

  • Visual organization, curated lists, and social recommendations increase engagement and help readers find relevant content.

  • Current platforms lack a centralized, intuitive way to explore tropes across multiple romance books, leaving an opportunity for a more focused, user-friendly experience.

Impact on Design:

These insights informed the Trope Finder’s information architecture, visual hierarchy, and feature set, including advanced filtering, curated lists, and clear trope tagging to enhance discoverability and user engagement.

Screenshot of Goodreads and another trope finding website

Lean UX Artifacts

Purpose:

To synthesize early research insights and collaboratively define the product direction, audience, features, and success metrics for Trope Finder.

Process:

We conducted six structured brainstorming sessions with the team to explore the domain, target users, gaps in existing platforms, product strategy, initial audience, and success metrics. These sessions produced user personas, a hypothesis table, and a set of guiding insights that informed all design decisions throughout the three-week sprint.

Key Insights:

  • Avid romance readers are the core audience, especially those seeking trope-specific discovery and social engagement.

  • Existing platforms lack consistent trope categorization, personalization, and community features.

  • Personalized filtering, curated lists, mood-based recommendations, and social sharing emerged as priority features.

  • Success will be measured by engagement with search/filter tools, repeated interactions with curated lists, and organic community growth through social sharing.

Impact on Design:

These artifacts guided feature prioritization, information architecture, and design iterations, ensuring Trope Finder addressed real user needs while staying aligned with business goals.

Lean UX artifacts, sticky notes of team members findings

User Sessions & Feedback

Purpose:

To gather ongoing, hands-on feedback from potential users throughout the project, validating design decisions and iterating on usability, features, and overall user experience.

Process:

Over six weeks, we conducted multiple user interviews in structured, iterative cycles:

  • Week 2: Three interviews discussing what users want from a trope-based book discovery site; insights were collected and analyzed.

  • Week 3: Two interviews focused on user expectations and their reactions after exploring the website; we also reflected on what went well, what could be improved, and what to try next.

  • Week 4: Reviewed the Lean UX artifacts from the previous sprint to determine if updates were needed.

  • Week 5: Three interviews following the same process questions, then hands-on website feedback.

    Week 6: Three interviews; afterward, the team reflected on usability issues, lessons learned, and improvements for future iterations.

Key Insights:

  • Users valued advanced filtering, curated lists, and trope-specific search but wanted clearer visual feedback and easier navigation.

  • Social and community features, such as sharing lists or seeing friends’ recommendations, were highly requested.

  • Iterative feedback highlighted usability pain points early, allowing the team to adjust features and flows in real time.

  • Continuous reflection after each week’s interviews ensured learnings were captured,     discussed, and applied in the next iteration.

Impact on Design:

These ongoing sessions guided interface refinements, improved navigation clarity, and enhanced feature accessibility, resulting in a more intuitive, user-centered trope discovery experience. The iterative process also helped align the team around priorities and informed decisions for future improvements.

Sprint layout, interviews and lean UX
Design Process
This phase focused on turning visual references into a feminine design for readers and refining components and variables to make sure it appears cohesive.
1. Visual Research & Brand Foundation
We began by collecting visual references from websites with playful layouts and soft, feminine color palettes to define the overall tone of Trope Finder. From these references, we created a cohesive style guide featuring 11 brand and neutral colors to maintain consistency across the interface. To test how the palette would feel to users, we created a quick exploratory design in Canva to see how the colors came across to viewers before moving forward.
Visual references we screen clipped and created
Visual design created in canva
2. Design System & Consistency
I implemented text styles for buttons, headings, and body text, and introduced variables for color and sizing that were missing in the original group file. Because the project timeline was short, the team moved directly into designing, which led to inconsistencies across pages. In my personal revision, I audited every screen to ensure the same colors and text styles were used consistently for the same purposes.
styles and variables
before and after image of profile page
3. Refinement & Component Unification
As the design evolved, I condensed the overall structure by removing redundant pages, such as duplicate quiz flows, and narrowing the experience to only what was necessary. Since components were originally designed independently, I rebuilt cards, buttons, icons, and UI elements to follow a shared system. This refinement ensured the final prototype felt cohesive and intentional, rather than a collection of separate design approaches.
components page unorganized
components page organized
Takeaways
Result
Under a tight deadline, it is crucial to identify the main focus and prioritize the most important design goals. I learned that when team members work independently and deviate from shared components, it can create inconsistencies that affect the entire product. Even if I am not the lead, speaking up to keep the team aligned is important. Collaboration and cohesion matter more than individual expression in fast-paced projects.