Qoro

Simplifying and empowering financial lives over recurring expenses


Team & roles

Jesh Anies - UX Research & Design
Laura Trouiller - Mentor

Project Duration

May - July, 2025, 90 hours

Responsibilities

User Research, Wireframing, Prototyping, Usability Testing

Making management easier

Subscriptions make life convenient but also easy to lose track of. According to a 2025 NerdWallet article, subscriptions are often hard to cancel and easy to forget and it’s all done by design. A C+R Research study in 2022 found that 42% of consumers had forgotten they were still paying for a service they no longer used. These insights highlight how passive billing systems quietly erode users’ financial control.

Recognizing this, Qoro set out to help people regain awareness and control over their recurring expenses. New FTC “Click to Cancel” regulations announced in late 2024, required companies to make cancellation as simple as sign-up, giving Qoro an opportunity to align with these consumer-first standards while empowering users to make more informed financial decisions.

The problem

Qoro’s tools were limited to desktop users, leaving mobile users disconnected from managing their recurring expenses.

The solution

I reimagined Qoro’s interface for mobile, enabling users to review, track, and cancel subscriptions with ease, ultimately leaving them in control of their finances.


Discovery & Research

Secondary Research

Business Goals

To support the business goals of the project, a Product Manager from Qoro provided me with user stories that embodies their website:

Competitive Research

To design a mobile experience that truly empowers users to take control of their financial lives, I analyzed how existing apps approach subscription management. My goal was to uncover what helps or hinders financial confidence across leading tools.

Rocket Money

PocketGuard

Trim by OneMain

Bobby

Action Items

Drawing from competitor analysis, I identified opportunities to strengthen Qoro’s role in empowering financial lives:

  • Lead with data visualization for clarity. Highlight key insights to help users easily understand their financial activity.

  • Empower users to track free trials. Give them visibility into what’s ending soon to avoid unwanted renewals.

  • Include auto-detection for connected accounts. Automatically identify subscriptions to reduce manual input.

  • Design with trust and balance. Use a thoughtful color palette that feels modern, approachable, and dependable.

Primary Research

Guiding Questions

After finding what I could on existing knowledge, I wanted to identify pain points for users who are struggling to manage their subscriptions. Some more questions arose as I tried to further understand users experience with subscription management:

  1. What types of recurring payments do users opt in to? (rent, bills, streaming, learning,food, etc.)

  2. What does the decision process look like for users deciding between payments that have an annual payment plan vs monthly payment?

  3. What causes users to opt out of subscriptions?

  4. What tools and apps are people using to manage their finances in general?

  5. What information is most important to users to see when managing their finances? (lists, calendars, analytics/statistics)

  6. What kinds of tactics make it difficult to opt out of subscriptions?

This serves as the basis for my user interviews moving forward.

User Interviews

I conducted six user interviews with those who struggled with managing their subscriptions. Based on the results I gathered from a screener survey, I chose participants that could be between 18-35 years old, use financial web and mobile services regularly, and have at least one recurring payment (monthly or yearly).

I organized my findings using an affinity diagram to find overarching themes under a thematic analysis:

I organized my affinity diagram even further in FigJam so that it's much easier to read and navigate the content. After synthesizing my data, I boiled down the insights to 4 key pain points:

Persona

After analyzing patterns from user interviews, I created a persona that represents a typical user struggling to stay on top of their subscriptions. This persona helps frame design decisions around clarity, control, and financial confidence. Meet Jordan.

How Might We

Using insights from research, I developed a set of guiding “How Might We” questions. These questions focus the design process on creating solutions that empower users to manage subscriptions effectively and make informed financial choices.

  1. How might we help users track and manage all their subscriptions from a single, centralized hub?

  2. How might we ensure users receive timely, actionable reminders before renewals or trial expirations?

  3. How might we make subscription cancellation and modification clearer and more user-friendly?

  4. How might we identify underused or forgotten subscriptions to help users optimize their spending?


Concept Development

User Stories 

Inspired by my How Might We Questions as well as recommendations from participants that I spoke with from user interviews, I fleshed out user stories that would be included in the Minimum Viable Product (MVP). I focused on core scenarios that a user would experience when managing their subscriptions.

User Flow

I then designed user flows to help me visualize the various scenarios a user undergoes to accomplish each task from start to finish.

Sitemap

Putting together user flows helped me piece together how all of those scenarios could fit into a cohesive subscription management experience. By creating a sitemap, I was able to see the connection and hierarchy of each screen. This would lay the foundation for the user experience as it is used as the main navigation for the design. It was built with four core sections in mind: Dashboard, Subscriptions, Calendar, and Profile.


Low Fidelity Solution & Test

Sketches

Once my ideas were organized into user stories, flows, and a sitemap, I sketched potential screens. While the sketches didn’t need to be polished, the goal was to visually communicate concepts and explore layout possibilities, ensuring the team could understand the flow and structure of the interface.

Wireframes

I translated the sketches into wireframes, which allowed me to add context with live copy, define spatial relationships, and establish type hierarchy. This stage helped visualize how users would navigate the interface, understand actions, and interact with core features. Building wireframes also laid the groundwork for foundational design elements like grid systems and consistent layout structures.

Usability Testing

With wireframes in place, I conducted usability testing with 5 participants to evaluate the app’s overall usability, identify friction points, and ensure users could navigate key features intuitively. Insights and feedback were carefully logged to inform improvements. Participants generally found the app “intuitive and straightforward,” successfully navigating tasks while highlighting minor areas for enhancement. Here’s how the low-fidelity prototype was updated based on user feedback…

Updates Based on Feedback

  • Move ‘Cancel subscription’ and ‘Delete subscription’ to the parent subscription profile page for quicker removal.

  • Add collapse/expand caret to categories in subscriptions to help manage long lists.

  • Highlight the current day on the calendar when viewing other days for better orientation.

  • Display exact dates for upcoming payments in addition to relative time for easier planning.

After applying these edits to the prototype, I had a solid foundation for making subscription management easier for users.


High Fidelity Solution & Test

Building the Brand

Prior to building out the high fidelity prototypes, I created an extensive brand and design system that would be applied to my concept. This would further flesh out my ideas so that the solution closely resembles an experience that exists in the real world.

Brand Platform

Logo

The logo takes inspiration from digital-first, financial wellness brands to visually personify the feeling of intelligence and flexibility. Its use of a sans-serif font was intentionally used with a utilitarian approach in mind to give people control, clarity, and confidence over their recurring expenses. Using the ‘Q’ from the logotype, clear space should be considered when using the logo for clarity and hierarchy for users and audiences.

Color

The primary colors that anchor Qoro are violet and deep indigo. Together, these set the tone for a modern, intelligent, and premium subscription management product. Tints can be used to create depth without having to use a strong, saturated color.

The secondary colors include blue, lilac, ivory white and black that contrasts with the primary colors. The range in these colors allow for flexible use and should be primarily used for CTAs, text and background colors to establish clarity and create depth. Tints can be used to create depth without having to use a strong, saturated color.

Typography

Parabolica is a new geometric sans serif and clean variable font. It is based on application-specific utilitarian typefaces from the past. Type that was meant to look good anywhere: from CRT monitors in airports to glossy magazines and in this case, a subscription management app. Display and header type utilize a medium weight whereas body and all other small type styles utilize both regular and medium weight if needed.

Photography

Images should capture the ease of effortlessly managing, optimizing, and reducing financial clutter. Selections can include users, mainly professionals, having a positive experience while interacting with their mobile device. Photography should promote diversity, equity and inclusion to represent the varying demographics in our population.

Icons

Icons were included to provide another layer of visuals within the Kaya design system. They are used to provide clarity in situations where a concept can be boiled down to a scalable, universally understood image. Qoro uses Unicons as the icon set for the design system.

UI Elements

Once the direction of the brand was set, I designed a library of components that would frequently be used in the prototype. In Figma, these components were created so that adjustments to the master element would apply to all the matching elements within the prototype, streamlining the design process.

Hi-fidelity Prototype

With branding and a design system applied, Qoro evolved from wireframes into a high-fidelity prototype, allowing users to engage with realistic visuals, typography, and interactions.

Second Usability Testing

The high-fidelity prototype was tested with 5 participants to evaluate usability and identify friction points. Participants completed key tasks while thinking aloud, while I logged insights and feedback to guide improvements. Similar to previous user testing, participants found the app “intuitive and straightforward”, successfully completing tasks while highlighting areas for refinement. Here’s how the high-fidelity prototype was updated based on user feedback…

Updates Based on Feedback

  • Rename “delete subscription” to “remove from list” to clarify the difference between cancelling a subscription and removing it from the list.

  • Adjust overlay copy for subscription removal vs cancellation to reduce confusion when performing these actions.

  • Add detailed cost insights such as side-by-side cost-to-percentage comparison and percentage of spending relative to income, supporting data-driven decision-making for advanced users.

  • Enhance subscription detail pages to include trial options and examples (e.g., Peloton), improving clarity on trial periods.

  • Add potential savings/trial outcomes page accessible from the dashboard, responding to curiosity about subscription optimization.

  • Make alerts tab more prominent by adding a red indicator dot, helping users easily identify unread notifications.

  • Update copy for calendar alerts to include trials. The new text now says, “No bills due or trials expiring for today.”

  • Add year separators in the calendar month picker for better orientation when scrolling across months.

  • Include a screen for price increase details, addressing confusion when participants tapped notifications for services like Adobe Creative Cloud.

Other feedback to consider

While I was able to implement feedback from usability testing, there were a couple of valuable suggestions I didn’t get around to.

  • Include an ‘add more button’ in the linked accounts page. This would eliminate the need for the page after it as all participants expected to have the ability to add more subscriptions once your account has been linked. I refrained from making this page because the intent behind it was to only have the user make their selections from their synced account before they viewed their subscription list summary.

  • Apply iOS 26 styling. I experimented with Apple’s new glass effect to align with upcoming OS trends and future-proof the UI. While visually appealing, the effect introduced accessibility issues, particularly with contrast and legibility, so the design reverted to iOS 18 components for clarity and usability.


Closing Thoughts

Project Highlights

Simplified subscription control

Qoro provides a centralized, mobile-first solution that makes managing subscriptions easy and clear.

Iterative testing and refinement

Wireframe and high-fidelity usability testing ensured the app is intuitive, clear, and user-friendly.

Enhanced usability through visual design

Color, typography, and layout make subscription data easy to scan and understand.

What I learned

Selected Works