Designing a better spending app experience

Design Challenge for Beforepay Role

COMPANY

Beforepay

ROLE

Lead Product Designer

EXPERTISE

Product design, UI/UX

YEAR

2019

Overview

This project showcased my design skills, landing me the role at Beforepay and contributing to its success. Today, Beforepay has over 1 million downloads and a 4.9-star rating with 30,000 reviews on the App Store.

Proposed Structure:

Spending Page

This page provides essential, glanceable information prioritized for user convenience:

  • "Okay to Spend" amount prominently displayed.

  • Days until the next pay cycle.

  • Total spending, with the ability to filter by date ranges.

  • Daily transaction/activity feed, including business name, amount spent, and category.


Expenses Page

This page focuses on providing deeper financial insights:

  • Graphical overview of monthly expenses, with filters for other months and future expense predictions.

  • Category-based spending comparison, highlighting insights like groceries, entertainment, and more.


© 2025 – Ramil Rama

© 2025 – Ramil Rama

© 2025 – Ramil Rama