SubSavvy: Subscription Mannager

Stage 1. Usability Audit

Initiated the project with comprehensive market research, analyzing competitors and identifying gaps in the social dining app market. Conducted surveys and focus groups with potential users to understand their needs, preferences, and pain points regarding dining out and socializing. Synthesized research findings to develop a clear value proposition for the app, focusing on unique features such as group dining options, personalized restaurant recommendations, and event planning capabilities.

Stage 2. Design Strategy

Based on what I learned, the strategy was to keep everything simple, local, and clear. The app had to work without an account, show upcoming payments at a glance, and let users set reminders easily. I focused on designing a clean layout, strong contrast for readability, and clear flows for adding, editing, and tracking subscriptions. The goal was to build trust by making the experience feel private, reliable, and easy to use.

Stage 3. Prototype Development

Wireframing: I started with wireframes to map out the core flows—adding subscriptions, setting reminders, and viewing upcoming payments. The goal was to keep everything simple and focused. I used Figma to build low-fidelity prototypes to test structure and navigation early on. Once the flows felt right, I moved into high-fidelity design to explore layout, colors, and interaction in both light and dark modes.

High-Fidelity Prototyping: I built high-fidelity prototypes in Figma with clear layout, strong contrast, and support for both light and dark modes. Key flows were fully designed, and I used reusable components to keep the interface consistent. Everything was organized for a smooth developer handoff.

User Interface Design: The UI was designed to feel simple, clear, and easy to trust. I focused on clean layouts, readable text, and high-contrast colors. Key actions like adding or editing subscriptions were made easy to find. The design system used consistent spacing, icons, and components across both light and dark modes.

Stage 1. Usability Audit

Initiated the project with comprehensive market research, analyzing competitors and identifying gaps in the social dining app market. Conducted surveys and focus groups with potential users to understand their needs, preferences, and pain points regarding dining out and socializing. Synthesized research findings to develop a clear value proposition for the app, focusing on unique features such as group dining options, personalized restaurant recommendations, and event planning capabilities.

Stage 2. Design Strategy

Based on what I learned, the strategy was to keep everything simple, local, and clear. The app had to work without an account, show upcoming payments at a glance, and let users set reminders easily. I focused on designing a clean layout, strong contrast for readability, and clear flows for adding, editing, and tracking subscriptions. The goal was to build trust by making the experience feel private, reliable, and easy to use.

Stage 3. Prototype Development

Wireframing: I started with wireframes to map out the core flows—adding subscriptions, setting reminders, and viewing upcoming payments. The goal was to keep everything simple and focused. I used Figma to build low-fidelity prototypes to test structure and navigation early on. Once the flows felt right, I moved into high-fidelity design to explore layout, colors, and interaction in both light and dark modes.

High-Fidelity Prototyping: I built high-fidelity prototypes in Figma with clear layout, strong contrast, and support for both light and dark modes. Key flows were fully designed, and I used reusable components to keep the interface consistent. Everything was organized for a smooth developer handoff.

User Interface Design: The UI was designed to feel simple, clear, and easy to trust. I focused on clean layouts, readable text, and high-contrast colors. Key actions like adding or editing subscriptions were made easy to find. The design system used consistent spacing, icons, and components across both light and dark modes.

Outcomes

The redesign improved clarity, ease of use, and trust in managing subscriptions. Key actions were more visible, the interface was cleaner, and the user experience worked well in both light and dark modes. The app stayed fully offline, keeping user data private. The design is currently being developed, with all components and flows ready for handoff.

	Before	After
Subscription Tracking	Manual notes, hard to organize	Clean layout with structured tracking
Reminders	Often missing or hard to set	Built-in, easy-to-manage reminders
Data Privacy	Many apps required accounts or cloud sync	No account, fully local data storage
Visual Clarity	Mixed styles, inconsistent flow	Unified design system with reusable components
Modes & Accessibility	No theme options, poor contrast	Light/dark mode with improved readability

Outcomes

The redesign improved clarity, ease of use, and trust in managing subscriptions. Key actions were more visible, the interface was cleaner, and the user experience worked well in both light and dark modes. The app stayed fully offline, keeping user data private. The design is currently being developed, with all components and flows ready for handoff.

	Before	After
Subscription Tracking	Manual notes, hard to organize	Clean layout with structured tracking
Reminders	Often missing or hard to set	Built-in, easy-to-manage reminders
Data Privacy	Many apps required accounts or cloud sync	No account, fully local data storage
Visual Clarity	Mixed styles, inconsistent flow	Unified design system with reusable components
Modes & Accessibility	No theme options, poor contrast	Light/dark mode with improved readability

SubSavvy: Subscription Mannager

Designing a mobile app to help users track and manage subscriptions with reminders, spending insights, and full local privacy—from concept to prototype.

Stage 1. Usability Audit

Stage 2. Design Strategy

Stage 3. Prototype Development

Stage 1. Usability Audit

Stage 2. Design Strategy

Stage 3. Prototype Development

Stage 4. User Feedback & Refinement

Stage 5. Implementation & Launch Support

Outcomes

Outcomes

Other projects

Redesign Project: City Parking App

SKILL STREAM - Online learning platform