Skip to content
Book a call
Fintech

TrackListA mobile app where songs are traded like stocks

A mobile app where songs are listed like stocks: market, buy and sell, portfolio and artist pages. Delivered as a UI kit.

TrackList: create an account
TrackList: log in
TrackList: home with featured tracks
Industry
Fintech (music investing)
Services
Mobile app design, UX design, Design system
Platform
Mobile app
Screens shown
15
The brief

The problem

Trading apps are dense, and a music version adds covers, charts and artist pages.

  • Keep prices, changes and charts clear
  • Repeat the same patterns on every screen
  • Keep buying and selling to a few steps
Approach

How we approached it

What it had to do

  • Make prices, changes and charts readable on a small screen
  • Keep buying and selling to a few short steps
  • Give each song and artist a clear page
  • Add a community area next to trading
  1. 1Mapped four flowsFrom sign-up to the IMOs list.
  2. 2Designed market and tradeHome with featured tracks, a market list, a trade screen with a price chart and a song detail page.
  3. 3Designed buy and sellA separate amount screen for buying and for selling.
  4. 4Designed portfolio and depositsA balance chart, an artist profile, a deposit flow where you choose a bank and a transaction history.
Flows

The screens

15 real mobile screens, grouped by the flow they belong to.

01

Sign up and sign in

Create an account and log in.

TrackList: create an account
Create an account
TrackList: log in
Log in
02

Market and trading

Home, the market list, a trade screen, song details, and buy and sell.

TrackList: home with featured tracks
Home with featured tracks
TrackList: market list with prices and changes
Market list with prices and changes
TrackList: trade screen with a price chart
Trade screen with a price chart
TrackList: song detail with holdings
Song detail with holdings
TrackList: buy: amount screen
Buy: amount screen
TrackList: sell: amount screen
Sell: amount screen
03

Portfolio

A portfolio with a balance chart, artist profiles, deposits and transaction history.

TrackList: portfolio with a balance chart
Portfolio with a balance chart
TrackList: artist profile
Artist profile
TrackList: deposit: choose a bank
Deposit: choose a bank
TrackList: transaction history
Transaction history
04

Community and IMOs

Notifications, a community feed and a list of IMOs to invest in.

TrackList: notifications
Notifications
TrackList: community feed
Community feed
TrackList: invest in IMOs list
Invest in IMOs list
Result

What we delivered

A kit of mobile screens organized in Figma layers, using a Google font, with a components and style guide.

  • Mobile screens in Figma, organized in layers

Have a product like this in mind?

Tell us what you are building. We will say honestly how we would approach it and what it would cost.