Tiger Track

Tiger Track

A smarter way for students to manage their on-campus expenses & track their spendings

00

Problem

Managing campus finances is often fragmented and inefficient. Existing systems require users to navigate multiple screens to check balances, track spending, or complete basic tasks. This lack of clarity and accessibility makes it difficult for users to stay aware of their finances and manage them effectively.

Solution

Managing campus finances is often fragmented and inefficient. Existing systems require users to navigate multiple screens to check balances, track spending, or complete basic tasks. This lack of clarity and accessibility makes it difficult for users to stay aware of their finances and manage them effectively.

product

Campus Finance App

category

UI/UX

tools

Figma

timeframe

Aug 2024 - Dec 2024

Tiger Track is a campus finance system designed to help students manage their on-campus spending, including balances, transactions, and deposits. As a tool used frequently in day-to-day student life, it plays a key role in helping users stay aware of their financial activity and make informed decisions.

The experience focuses on simplifying how this information is accessed and understood. Instead of navigating through multiple steps, the system brings key financial insights such as balances, spending patterns, and transaction history closer to the surface.

Design Process

01

01

How students currently navigate Tiger Spend and where the experience breaks down

02

02

Identifying recurring pain points in how students access, track, and manage their finances

03

03

Reframing the experience into a more intuitive, accessible, and connected financial workflow

04

04

Simplifying key actions like checking balances, making deposits, and tracking spending

05

05

Reducing effort while improving clarity, visibility, and overall financial awareness

01

Understanding the Current Experience

The current Tiger Spend system enables students to manage balances, view transactions, and perform essential financial tasks. While the system is functional, accessing and understanding key information requires navigating across multiple sections, making everyday interactions less efficient and intuitive.

01. Repetitive Transaction Logs

01. Repetitive Transaction Logs

Transaction history is presented as long, repetitive entries with minimal visual hierarchy, making it difficult to quickly identify spending patterns or locate specific transactions.

Transaction history is presented as long, repetitive entries with minimal visual hierarchy, making it difficult to quickly identify spending patterns or locate specific transactions.

02.Navigation-Heavy Experience

02.Navigation-Heavy Experience

Core actions are distributed across multiple sections, requiring users to rely on menu navigation to complete even simple tasks, increasing effort and cognitive load.

Core actions are distributed across multiple sections, requiring users to rely on menu navigation to complete even simple tasks, increasing effort and cognitive load.

03.Hidden but Critical Feature

03.Hidden but Critical Feature

Tiger Pay QR, a critical feature for students when physical IDs are unavailable, is deeply buried within the interface which makes it difficult to locate quickly during real-world use.

Tiger Pay QR, a critical feature for students when physical IDs are unavailable, is deeply buried within the interface which makes it difficult to locate quickly during real-world use.

02

From Problems to Patterns

Understanding how students interact with the system and where they experience friction

To move beyond surface-level issues, user behavior was examined through a combination of survey responses and pattern analysis. These insights helped identify recurring challenges in how students access, navigate, and interpret their financial information.

User-Reported Friction

A quick survey highlights common friction points in day-to-day interactions, particularly around accessing information, navigating the system, and understanding financial data.

Identifying Patterns using Affinity Diagram

To move beyond isolated issues, observations were grouped to identify recurring patterns in how users interact with the system. These patterns showed that users rely on exploration and memory rather than clear structure, making simple tasks feel effortful.

User Persona

03

Defining the Direction

Translating insights into a clearer, faster, and more intuitive financial experience. Insights from user behavior, survey responses, and pattern analysis revealed consistent friction in navigation, clarity, and task completion. These findings informed a set of guiding principles and requirements aimed at simplifying how students access and manage their finances.

Design Goals

01

Surface essential information upfront

Balances, transactions, and key actions should be immediately visible without navigation.

02

Reduce effort for frequent actions

Common tasks like checking balance and adding funds should require fewer steps.

03

Improve clarity of financial information

Financial data should be structured, scannable, and easy to understand.

04

Create smoother, connected task flows

Interactions should feel seamless, reducing back-and-forth navigation between sections.

Structuring the Flow

Based on these principles, the system was restructured to simplify navigation and create more direct access to key financial tasks.

The updated flow reduces reliance on menus and brings frequently used actions closer to the core experience.

04

Designing the Solution

The redesigned experience focuses on simplifying access to key financial information while reducing effort for everyday tasks.

Each screen is designed to support quick interactions, clear understanding, and seamless navigation.

Initial Wireframes

Final UI Design

A Clear Starting Point

A Clear Starting Point

The home experience brings key financial information to the forefront, allowing users to quickly view balances, recent activity, and essential actions without navigating through multiple sections.

The home experience brings key financial information to the forefront, allowing users to quickly view balances, recent activity, and essential actions without navigating through multiple sections.

The home experience brings key financial information to the forefront, allowing users to quickly view balances, recent activity, and essential actions without navigating through multiple sections.

Key balances are surfaced at the top of the screen, allowing users to quickly understand their financial status without navigating further.

Key balances are surfaced at the top of the screen, allowing users to quickly understand their financial status without navigating further.

Notifications are introduced as a proactive feature, helping users stay informed about account activity without actively checking the system.

Notifications are introduced as a proactive feature, helping users stay informed about account activity without actively checking the system.

Budget & Insights

Budget & Insights
  • Financial data is transformed into clear, visual insights for better understanding

  • Category summaries provide a quick breakdown of spending

  • Time-based graphs help track financial activity over different periods

  • Structured layouts improve readability and ease of scanning

  • Clear category mapping makes information easier to interpret

  • Enables users to move from simply viewing balances to actively managing finances

Financial data is transformed into clear, visual insights that help users better understand their spending patterns and behavior over time. The category summary introduces a visual breakdown of expenses, allowing users to quickly see where their money is going, while time-based graphs provide a dynamic view of financial activity across different periods.

Clear category mapping and structured layouts make the information easy to scan and interpret, enabling users to move beyond simply viewing balances to actively understanding and managing their finances.

  • Financial data is transformed into clear, visual insights for better understanding

  • Category summaries provide a quick breakdown of spending

  • Time-based graphs help track financial activity over different periods

  • Structured layouts improve readability and ease of scanning

  • Clear category mapping makes information easier to interpret

  • Enables users to move from simply viewing balances to actively managing finances

Managing Funds with Ease

Managing Funds with Ease

Managing funds is streamlined through clear, structured flows that allow users to set alerts and automate deposits with minimal effort. Instead of navigating through complex settings, users can easily define balance thresholds, choose accounts, and schedule recurring deposits in a guided and intuitive manner.


The interface simplifies financial management by reducing cognitive load, offering clear input fields, and supporting proactive control over account activity, enabling users to stay informed and maintain their balances without constant manual intervention.

Managing funds is streamlined through clear, structured flows that allow users to set alerts and automate deposits with minimal effort. Instead of navigating through complex settings, users can easily define balance thresholds, choose accounts, and schedule recurring deposits in a guided and intuitive manner.

The interface simplifies financial management by reducing cognitive load, offering clear input fields, and supporting proactive control over account activity, enabling users to stay informed and maintain their balances without constant manual intervention.

Managing funds is streamlined through clear, structured flows that allow users to set alerts and automate deposits with minimal effort. Instead of navigating through complex settings, users can easily define balance thresholds, choose accounts, and schedule recurring deposits in a guided and intuitive manner.

The interface simplifies financial management by reducing cognitive load, offering clear input fields, and supporting proactive control over account activity, enabling users to stay informed and maintain their balances without constant manual intervention.

Simplifying Transactions and Deposits

Simplifying Transactions and Deposits

Accessing and managing financial activity is streamlined through clearer structure and more intuitive flows, allowing users to quickly view balances, review transactions, and complete deposits with confidence.

Key information such as account balances and recent transactions is organized for easy scanning, while the deposit process is guided through a more structured and readable interface that reduces confusion and cognitive load. By simplifying inputs, improving readability, and reducing unnecessary steps, the experience enables users to manage their finances more efficiently and with greater clarity.

Accessing and managing financial activity is streamlined through clearer structure and more intuitive flows, allowing users to quickly view balances, review transactions, and complete deposits with confidence.

Key informaion such as account balances and recent transactions is organized for easy scanning, while the deposit process is guided through a more structured and readable interface that reduces confusion and cognitive load. By simplifying inputs, improving readability, and reducing unnecessary steps, the experience enables users to manage their finances more efficiently and with greater clarity.

Accessing and managing financial activity is streamlined through clearer structure and more intuitive flows, allowing users to quickly view balances, review transactions, and complete deposits with confidence.

Key informaion such as account balances and recent transactions is organized for easy scanning, while the deposit process is guided through a more structured and readable interface that reduces confusion and cognitive load. By simplifying inputs, improving readability, and reducing unnecessary steps, the experience enables users to manage their finances more efficiently and with greater clarity.

Accessible Support and Controls

Accessible Support and Controls

FAQs provide quick, structured help through expandable sections, reducing overload while keeping detailed information accessible.


Settings are organized into clear categories, allowing users to easily manage preferences, notifications, and accessibility options.


The “More” menu consolidates secondary actions into a single space, keeping navigation clean while maintaining easy access to important features.

FAQs provide quick, structured help through expandable sections, reducing overload while keeping detailed information accessible.

Settings are organized into clear categories, allowing users to easily manage preferences, notifications, and accessibility options.

The “More” menu consolidates secondary actions into a single space, keeping navigation clean while maintaining easy access to important features.

FAQs provide quick, structured help through expandable sections, reducing overload while keeping detailed information accessible.

Settings are organized into clear categories, allowing users to easily manage preferences, notifications, and accessibility options.

The “More” menu consolidates secondary actions into a single space, keeping navigation clean while maintaining easy access to important features.

05

Outcome and Impact

The redesigned experience improves how students access and manage their finances by simplifying navigation, surfacing key information, and reducing effort across frequent tasks.

01 Faster Access to Key Information

Balances and essential actions are brought to the forefront, reducing the need to navigate across multiple sections.

02 Reduced Navigation Effort

Simplified structure and clear entry points allow users to complete tasks with fewer steps and less cognitive load.

03 Improved Financial Awareness

Spending insights and visual summaries help users better understand and track their financial behavior.

04 More Connected Experience

Previously fragmented flows are unified into a seamless and intuitive system.

Experience Shift

Hidden → Accessible

Fragmented → Connected

Static → Insightful

Task-heavy → Effortless

.say hello

Got an idea or project in mind?
Let's build something meaningful together.

.say hello

Got an idea or project in mind?
Let's build something meaningful together.

Create a free website with Framer, the website builder loved by startups, designers and agencies.