Man

KIVA Expense Tracker

Mobile UX

A precision-driven approach focused on geometry and harmony.

© 2025

(01)

(Read More)

© 2026

(01)

(Read More)

Simplify expense tracking for busy professionals using natural voice input.

//Cognitive Research

Analyzing the psychological barriers of manual expense tracking to engineer a voice-first interface that reduces cognitive load and eliminates user friction.

//Fluid Architecture

Designing an intuitive, AI-driven ecosystem where complex financial data is transformed into a minimalist glancable experience through seamless voice-to-visual transitions.

//User Impact

User Analysis

4 Core Segments

UX Mapping

High to low

Woman Orange BG
Woman Green Blur
Man Running
Man Dancing

(02)

// Process

© 2026

(02)

// Process

The primary objective is to streamline financial management by leveraging natural language processing for seamless transaction logging.

Men

001

Discovery

Deep-diving into the habits of high-productivity professionals. This phase focuses on mapping the "moment of spend"—the exact second a user pays for something—to ensure the voice-entry trigger is placed perfectly within their natural workflow.

What’s included

User friction mapping & behavioral analysis

Competitive audit of FinTech AI interfaces

Voice-interaction flow charting

001

Discovery

Deep-diving into the habits of high-productivity professionals. This phase focuses on mapping the "moment of spend"—the exact second a user pays for something—to ensure the voice-entry trigger is placed perfectly within their natural workflow.

What’s included

User friction mapping & behavioral analysis

Competitive audit of FinTech AI interfaces

Voice-interaction flow charting

002

Conceptualization

Defining the "Aural Identity" of the app. Moving beyond standard forms, this phase explores how to visually represent a "listening" state and how AI-extracted data (amount, category, purpose) should be presented for instant verification.

What’s included

Voice-interaction state mapping

Low-fidelity wireframing of the "Speech-to-Data" loop

Core User journey architecture

002

Conceptualization

Defining the "Aural Identity" of the app. Moving beyond standard forms, this phase explores how to visually represent a "listening" state and how AI-extracted data (amount, category, purpose) should be presented for instant verification.

What’s included

Voice-interaction state mapping

Low-fidelity wireframing of the "Speech-to-Data" loop

Core User journey architecture

003

Interface Iteration

Crafting a high-fidelity dashboard that transforms raw voice data into actionable insights. The focus is on "Glanceability"—ensuring a busy entrepreneur can understand their financial health in under three seconds.

What’s included

Visual dashboard & analytics design

Smart categorization UI components

Interactive prototyping of the voice trigger system

003

Interface Iteration

Crafting a high-fidelity dashboard that transforms raw voice data into actionable insights. The focus is on "Glanceability"—ensuring a busy entrepreneur can understand their financial health in under three seconds.

What’s included

Visual dashboard & analytics design

Smart categorization UI components

Interactive prototyping of the voice trigger system

004

Optimization

Refining the interaction between voice input and manual correction. This phase ensures that while the AI does the heavy lifting, the user retains absolute control through a streamlined, one-tap editing system.

What’s included

Edge-case mapping (e.g., voice error correction)

Usability testing for "on-the-go" scenarios

Visual hierarchy refinement for budget alerts

004

Optimization

Refining the interaction between voice input and manual correction. This phase ensures that while the AI does the heavy lifting, the user retains absolute control through a streamlined, one-tap editing system.

What’s included

Edge-case mapping (e.g., voice error correction)

Usability testing for "on-the-go" scenarios

Visual hierarchy refinement for budget alerts

005

System Delivery

Finalizing a scalable design system that ensures consistency across all screens. The result is a high-performance mobile experience that makes financial discipline feel like a natural conversation.

What’s included

Comprehensive Figma Design System

High-fidelity interactive prototypes

Developer-ready handoff documentation

005

System Delivery

Finalizing a scalable design system that ensures consistency across all screens. The result is a high-performance mobile experience that makes financial discipline feel like a natural conversation.

What’s included

Comprehensive Figma Design System

High-fidelity interactive prototypes

Developer-ready handoff documentation

Goals

Kiva introduces a voice-first expense tracking experience powered by AI and speech recognition.

Transcribe the speech to text in real time.
Extract key information such as amount, category, and purpose. Organize the expense into a smart categorization page with summaries and insights.

Results

KIVA reduced the friction that comes with expense tracking and because of that KIVA has a retention rate of early users at 67%. The Product owners and shareholders were very happy with this development.

Business Impact

Client Approval

93%

Condition

Still in Development

Men Red BG
Men Red BG
Men Red BG
Men Red BG

(03)

(Portfolio)

© 2026

(03)

(Portfolio)

(03)

// Frequently Asked Questions

What distinguishes you from an agency?

What are your preferred tools for work and why cant I just use AI?

Are creative requests truly unlimited?

How fast will I receive my work?

What if I have a single project?

(03)

// Frequently Asked Questions

What distinguishes you from an agency?

What are your preferred tools for work and why cant I just use AI?

Are creative requests truly unlimited?

How fast will I receive my work?

What if I have a single project?

(03)

// Frequently Asked Questions

What distinguishes you from an agency?

What are your preferred tools for work and why cant I just use AI?

Are creative requests truly unlimited?

How fast will I receive my work?

What if I have a single project?

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