Project1 / 10

Personal Finance App / 2026

Pelana

An iPhone finance app that connects spending, budgets and goals with an AI companion and idle adventure.

My role
Product Designer & Developer
Client
Pelana
Scope
iPhone finance app · Reviewable AI money-action flows

Designed and built Pelana, from the original research and prototype to the current iOS app. The implementation uses React Native, Expo and TypeScript, local encrypted storage, and RevenueCat for memberships.

Overview

Pelana began as a design study in making everyday financial habits more approachable. The current iPhone app combines a finance tracker, Pela AI companion and an idle adventure.

Connect three experiences without compromising the clarity of financial actions. Money inputs, pending actions and saved transactions must remain explicit and reviewable.

Design choices

Money remains the source of truth. Pela prepares structured actions for review, while the adventure translates financial engagement into XP, quests and rewards.

  • Keep financial records authoritative; AI prepares actions for the user to review before saving.
  • Connect habits to quests and rewards without rewarding spending more money.
  • Keep Money, Pela and Adventure connected through shared financial state.

Results

  • Released Pelana on the App Store.
  • Submitted the current app to RevenueCat Shipaton 2026.

The process artifacts below document the original design study; the demo above shows the current app.

Project details

Read the process

Product design · Original design study: 1 month

  1. Research habits and motivation

    Used interviews, surveys, competitor research, personas and journey mapping to understand the barriers to everyday financial tracking.

  2. Prioritize the core experience

    Developed flows and information architecture, using card sorting, How Might We questions and MoSCoW prioritization to define the prototype.

  3. Design the product and characters

    Progressed from sketches and wireframes to a Figma prototype, with an illustrated world, avatars, Pela and a shared visual system.

  4. Test and iterate

    Used usability feedback to refine the original prototype. The current app builds on that work with reviewable AI actions, local storage and an integrated financial and adventure state.

  5. Build and release

    Extend the original design study into the iPhone app: implement money-action flows, onboarding and membership, then complete QA and release preparation alongside the supporting website.

Tools Used

Design and development

  • Figma
  • Notion
  • Codex
  • Xcode
  • GitHub

Native app · language

  • TypeScript

Native app · frameworks and libraries

  • React Native
  • Expo
  • React
  • Expo Router
  • React Navigation
  • Zustand
  • Reanimated
  • React Native Skia

Native app · storage and services

  • SQLite
  • RevenueCat
  • PostHog

Local SQLite-based storage. Experimental model adapters are not presented as shipped functionality.

Website · language

  • TypeScript

Website · frameworks and services

  • Next.js
  • React
  • Supabase
  • Resend
  • Vercel

Supabase supported historical waitlist persistence; the public waitlist form is retired. Support messages do not use Supabase.

Deliverables
  • iPhone finance app
  • Reviewable AI money-action flows
  • Expense, income, transfer, budget and goal interfaces
  • Onboarding and membership
  • Idle-adventure and reward experiences
  • Character and brand artwork
  • Landing, legal and support website
Next projectNusaVest