Tracklib design examples

Tracklib

Sign-in screen where the user authenticates with email and password or via Facebook, presented as a modal over the marketing homepage.

• Forgot Password

Tracklib

Signup page where the user creates an account using Facebook or by entering their email, password, username, and country to start a free trial with 7 free tracks.

• Sign Up
• Trial

Tracklib

Pricing page where the user chooses between Essential, Standard, and Professional subscription plans with a monthly or yearly billing toggle.

• Pricing
• Trial

Tracklib

Checkout page where the user enters their billing information and selects a payment method to start a free trial for the Essential plan.

• Checkout
• Payment Form

Tracklib

Checkout success modal confirming the user's billing information was processed and prompting them to continue to the application.

• Success
• Checkout

Tracklib

Onboarding modal welcoming the user to their newly started trial and prompting them to play their first track from a grid of album covers.

• Welcome
• Trial

Tracklib

Onboarding step where a product tour highlights the loop function on a playable list of music tracks.

• Guided Tour
• Audio Player

Tracklib

Onboarding modal introducing the loop feature, displaying a list of tracks with interactive audio waveforms and metadata alongside a continue prompt.

• Getting Started
• Media Detail

Tracklib

Onboarding modal introducing the music catalog with a prompt to start browsing and a grid of example content, while a success toast confirms an item was added to favorites.

• Welcome
• Browse

Tracklib

Home page where a success modal confirms the user's email address is verified, overlaid on a music discovery catalog featuring carousels and lists of tracks.

• Verification
• Browse

Tracklib

Detail page for an artist profile where the user can read a biography, filter their catalog, and preview audio tracks.

• Media Detail
• Filter & Sort

Tracklib

Artist profile page where the user can read a biography, filter tracks by genre or BPM, and preview or add songs to their collection.

• Browse
• Media Detail