App & Landing Page · UX/UI · 2023

Jupiter Crypto tracking without the noise

A portfolio tracker and its landing page, designed as one product story — live rates from the exchange API, transactions added in two clicks, and a calm neutral interface that keeps a volatile market readable.

Jupiter mobile app — holdings overview in light and dark mode on two phones
01 — Overview

Crypto is chaotic. Your tracker shouldn't be.

Most crypto apps compete on adrenaline — flashing tickers, red-green everything, dashboards that feel like a trading floor. Jupiter takes the opposite bet: a near-monochrome interface on cool gray, where the only things allowed to shout are the numbers that changed. The result reads less like a casino and more like a bank statement you actually enjoy opening.

02 — Visual Language

Gray canvas, one planet of color

The system is deliberately quiet: soft-shadowed white cards float on a #E0E3E6 canvas, headlines are set in heavy black Poppins, and semantic green/red is reserved strictly for market movement. The single brand gesture is the Jupiter planet — an orange gradient sphere that anchors the logo, the accent color, and the landing page's closing section.

Canvas Gray
#E0E3E6
Ink
#1A1A1A
Jupiter Orange
#EC9A3C
Market Up
#27AE60
03 — The Dashboard

Easy as one…

The holdings overview is the whole product in one screen: portfolio value, per-coin balances, a live chart, and crypto news — fed by an exchange API so rates update at the shortest possible interval. No refresh button, no stale numbers, no digging through tabs to learn what your portfolio did today.

Jupiter dashboard on stacked tablet screens — holdings overview with live chart and asset list
Holdings overview — API-fed rates, chart and asset list on one calm surface
04 — Core Flow

Two clicks away from the goal

Adding a transaction is the flow users repeat daily, so it earned the most design attention: pick your coin from a searchable dropdown, enter the amount, done. The coin detail view answers the follow-up questions in place — profit/loss, current price, and full transaction history without leaving the screen.

Add transaction flow — coin picker dropdown over the dashboard
Pick your coin, add transaction — the two-click flow that names the section
Coin detail — Solana transaction form, Binance chart, profit/loss and history
Coin detail — +2.12% profit/loss, live Binance chart, and history in one view
05 — Mobile & PRO

Keep track in your pocket

The mobile version ships as a PRO perk with customizable settings — and it's where the dark mode earns its keep. Both themes were designed in parallel from the start, so the black phone in a user's hand mirrors the light desktop at their desk, down to the last card radius.

06 — Landing Page

The product sells itself — the page just holds it up

The landing page reuses the app's own design system instead of inventing a marketing skin: real screens as hero imagery, section headlines in the product's voice ("Easy as one…", "Two clicks away from the goal"), and a single conversion moment — a 7-day PRO trial with no card required — pinned next to the orange planet.

Landing page closing section — 7-day PRO free trial CTA with the orange Jupiter planet and footer
The closing argument — no payment, no cards, just download and enjoy
07 — Outcome

Calm is a feature

Jupiter demonstrates a full product arc — app UI in two themes, a repeatable core flow measured in clicks, and a landing page that converts by showing rather than telling. The restraint is the point: in a category addicted to noise, an interface that keeps its voice down is the one users keep open all day.

View the full case study on Behance ↗