UX/UI design of the Web3 Music mobile application

SoundMine — UX/UI design of a Web3 Music mobile application

Project type:
Mobile application design (iOS) + product landing page

Task:
- Create a Telegram Mini App in the Web3 Music sector
- Develop a user-friendly interface for listening to music and earning tokens
- Consider gamification of the user experience
- Design a referral program and ranking system
- Ensure easy and intuitive navigation
- Form a bright digital identity for the product

What has been completed

UX part:
- Analysis of analogs (music apps + Web3 products)
- Development of user scenarios (listen → earn → invite friends)
- Building the application structure
- Designing user flow
- Wireframes of key screens
- Optimization of logic for quick daily use

UI part:
- Development of a bright gradient visual concept
- Creation of a modern mobile-first interface
- Development of a card content system
- Design of player screens
- Development of UI for profile and statistics
- Development of element states (active, hover, loading)
- Creation of a component system

Developed screens:
- Main screen with collections
- Music player
- User profile
- Token balance
- Referral system
- User ranking
- Onboarding screen
- Statistics and daily tasks
- Product landing page

Result:
- A cohesive Web3 music ecosystem
- Clear logic of "Listen → Earn → Repeat"
- Visually bright and memorable brand
- Convenient mobile interface
- Ready for integration into Telegram Mini App