← All work

Yieldium.

A Telegram mini app for crypto yield investing. Wallet connections, chain transactions, and gas fees happen behind the scenes. Users just pick a strategy, deposit, and track returns.

FintechTelegram mini appProduct design
Yieldium UI preview
01

Overview

Designed the UX and UI for a DeFi investment product that lives inside Telegram as a mini app. Before I could design anything useful, I had to understand how the transactions actually work: wallet creation, chain routing, gas estimation, deposit confirmation, yield accrual. Most of that is invisible to users, but every step has failure states and edge cases that need a UI response. I built the information architecture, all screens, and the full flow set in Figma, working within Telegram's constraints (limited screen space, no custom navigation, mini app performance limits).

02

Goal & result

Goal

Get users to trust the app enough to put real money in. In DeFi, that trust is hard to earn. If someone does not understand what a screen is telling them, they will close the app. So every piece of information had to justify its presence: yields, risk levels, lock periods, fee breakdowns. And every action that touches their money (depositing, withdrawing, switching strategies) needed a confirmation flow clear enough that they never wonder “what just happened?“

Result

An interface where users browse yield strategies, compare risk and return, deposit funds, and track performance without leaving Telegram. Onboarding takes a few taps. Behind every deposit button there is a confirmation screen that explains, in plain language, what will happen, what the risks are, and how long the funds are locked. Transaction states (pending, confirmed, failed) are tracked visually in real time so no one is left guessing whether their money went through.

Grid of Yieldium app screens
03

Closer look

Yieldium strategies screen
Each strategy card shows Protocol, Type, its current APR and total range, and how much other users have deposited (TVL). Early versions had too many data points, which made users hesitate instead of explore. The final layout shows only the primary info, with a detail view one tap away for everything else.
Yieldium deposit confirmation
I spent most of my time on this project learning how the underlying transactions work, then making that visible in the UI without overwhelming people. Before a deposit goes through, users see: the exact amount, expected return range, lock duration, fees, and a plain-language risk note. After confirmation, a status screen tracks the transaction in real time (pending, processing, confirmed, or failed with an explanation). The goal was to eliminate any moment where a user wonders “did it work?“
Grid of Yieldium flow screens

Have a project in mind?

Let's start