The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Music streaming platform concept 🎧
Music has always been emotional. The interface around it should be too.
This is a concept for a music streaming platform built around one idea — immersion. Not just in the music, but in the visual experience of discovering and listening to it.
The warm palette of deep reds, burnt oranges, and dark backgrounds wasn't accidental. It creates a mood. It makes you want to stay, scroll, and listen.
What I focused on:
→ A dashboard that surfaces the right content without overwhelming
→ A "now playing" experience that feels cinematic
→ Mobile screens that carry the same visual weight as desktop
→ Typography and hierarchy that guide without interrupting the vibe
This is a concept — but built on real UX logic. Because even imaginary products deserve thoughtful design. 🎧🖤
#MusicApp #UIDesign #ProductDesign #DarkUI #AppDesign #UXDesign #MobileDesign
Great design !
This palette is an absolute dream! The burnt orange and deep red tones mixed with that sleek dark UI create an incredibly warm, midnight-session vibe. It perfectly captures how music feels. Brilliant work! 🎧🔥
Awesome 😎 🔥💎
Really like the direction! One small thing I missed: I'd love to have a quick "Like" button on the Now Playing screen, so I could save a track without interrupting the listening experience. It's a tiny interaction, but one I use all the time in Apple Music.
This concept looks stunning. The visuals immediately capture attention, while the interface remains clean and easy to navigate. Very well executed🔥
this is GORGEOUS, such bold design paired with a futuristic energy that still feels tethered in the here & now is top tier work. great stuff!
The visual direction here is stunning, Kateryna! The warm, fiery color palette combined with the dark UI perfectly hits that 'emotional' and cinematic note 😍 🚀
Looks amazing✨
Dope
vERY NICE DESGIN
GOATED!
Jezzzzz, this deserves more than just liking it
Love this!
This caught my attention right away. Nice execution.
That's so much
Superb!
Beautiful UI with thoughtful UX decisions.
So deep and cozy, great design
The colors is amazing!
WOW! you cook so HARD.
Wow, that warm dark UI looks amazing!
Nice. I love the design, it goes really well with the concept.
this is such a banger concept
Amazing combination of colors🔥
Incredible work 🔥
Brilliant work
What a nice concept
Beautiful work 👏 Was this built from scratch?
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
⛳️ 𝗦𝗸𝗶𝗹𝗹 𝗔𝘀𝘀𝗲𝘀𝘀𝗺𝗲𝗻𝘁 𝗠𝗮𝘁𝗿𝗶𝘅 & 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 𝗕𝘂𝗶𝗹𝗱𝗲𝗿 𝗳𝗼𝗿 𝗗𝗲𝘀𝗶𝗴𝗻𝗲𝗿𝘀
Skill Assessment Matrix is a SaaS designed to help Product Designers and UI/UX Designers better understand their current level, identify their strongest skills, and build a personalized growth roadmap
The idea came from a problem I experienced early in my career:
"𝙃𝙤𝙬 𝙙𝙤 𝙄 𝙠𝙣𝙤𝙬 𝙞𝙛 𝙄'𝙢 𝙖 𝙅𝙪𝙣𝙞𝙤𝙧, 𝙈𝙞𝙙-𝙡𝙚𝙫𝙚𝙡, 𝙤𝙧 𝙎𝙚𝙣𝙞𝙤𝙧 𝙙𝙚𝙨𝙞𝙜𝙣𝙚𝙧?"
This first version is focused on the desktop experience and was designed as the foundation for a larger SaaS product
𝗣𝗥𝗢𝗕𝗟𝗘𝗠
Designers often struggle with:
✦ Understanding their current level
✦ Identifying their strongest skills
✦ Knowing what to improve next
✦ Creating a clear career growth plan
𝗦𝗢𝗟𝗨𝗧𝗜𝗢𝗡
Skill Assessment Matrix helps designers answer three simple questions:
✦ Where am I today?
✦ What are my strongest skills?
✦ What should I focus on next?
The product guides users through a complete career planning flow:
𝗦𝘁𝗲𝗽 𝟭 [Career Goals Setup] Users define their career goals and desired direction
𝗦𝘁𝗲𝗽 𝟮 [Self Assessment] Users evaluate their current skills across multiple competency areas
𝗦𝘁𝗲𝗽 𝟯 [Summary] The system generates a personalized overview highlighting strengths and growth opportunities.
𝗦𝘁𝗲𝗽 𝟰 [Roadmap Builder] Users receive a personalized roadmap and can further customize it by adding their own skills
𝗦𝘁𝗲𝗽 𝟱 [PDF Export] The final roadmap can be exported as a PDF and used as a practical career development plan.
⚡️This roadmap generation and export flow became one of the most valuable features of the project⚡️
𝗥𝗘𝗦𝗘𝗔𝗥𝗖𝗛 𝗙𝗢𝗨𝗡𝗗𝗔𝗧𝗜𝗢𝗡
This project is based on more than 5 years of research into Skill assessment frameworks. The primary foundation for this work was the Figma Community Skills Matrix documentation, supported by dozens of additional public frameworks
𝗪𝗛𝗔𝗧 𝗪𝗔𝗦 𝗧𝗘𝗦𝗧𝗘𝗗
✦ Figma AI Agent for generating new interfaces
✦ Figma Make for transforming designs into interactive product flows
✦ Combining a custom design system with generated product experiences
✦ Building complex multi-step user journeys inside Figma Make
✦ Creating SaaS-style product logic without traditional development workflows
𝗧𝗢𝗢𝗟𝗦 𝗨𝗦𝗘𝗗
Figma ✦ Figma AI Agent ✦ Figma Make ✦ MCP Servers
🔗 𝗣𝗥𝗢𝗝𝗘𝗖𝗧 𝗟𝗜𝗡𝗞: https://meta-poet-59855448.figma.site
🎥 Watch the video to see the full design process and how the project was built
🔗 𝗩𝗜𝗗𝗘𝗢: https://youtu.be/S3q38_kpTXo
𝗖𝗢𝗟𝗟𝗔𝗕𝗢𝗥𝗔𝗧𝗢𝗥𝗦:
Special thanks to @Illia Skliarov for contributing to the creative process, design discussions, design, brainstorming sessions, and product thinking throughout the project.
𝗦𝗨𝗣𝗣𝗢𝗥𝗧 (っ◔◡◔)っ
Please like, comment, share, or save this project to help more designers discover it ❤️
🔗 𝗦𝗢𝗖𝗜𝗔𝗟 𝗠𝗘𝗗𝗜𝗔 𝗣𝗢𝗦𝗧: https://www.instagram.com/reel/DZwXAvhoMHA/?igsh=MWpmZGRwYmx0Y2lwdA==
Love this
Very proud to share my submission for Config Makeathon
Really think a lot of the design to my app to make it eye catching and look interesting.
The progress of the app went very smoothly with good planning.
- Brainstorming
- Interview
- Friends/Other user feedbacks
- Negative Opinions for improvements
- Figma Make and Figma Weave
- Ai
- Design Sketching
Now i made an app for All in One app to improve your life.
In the video you will see the WORKFLOW and APP-Walkthrough.
Site link: https://sled-series-18065698.figma.site/
Figma Community: https://www.figma.com/community/file/1649636892933916569/bearify
Built with Figma.
#ConfigMakeathon #Figma #ProductDesign #Design #Bearify @Figma @Contra @Contra HQ
Putting together that much feedback and planning really shows in the final design. It is clear you took the time to gather input from different people and actually applied it instead of just going with your first idea.
The workflow looks smooth and the app seems well thought out. Definitely respect the effort you put into this
me and my partner @Ganesh Deherkar built the good jar for the @figma config makeathon.
a little web app where you log your wins, big or small, and on a hard day, it finds you one from the past.
every design choice came back to touch — paper texture, a handwritten font, a jar that actually opens. we wanted it to feel physical, not like another productivity tool.
the toolkit —
figma — design
figma weave — generating the jar scenes
figma make — bringing it all to life
🫙 try it here → https://crit-stove-47030676.figma.site/
📁 figma community → https://www.figma.com/community/file/1649684403080385803/thegoodjar-figma-site
#figmaconfig #makeathon #thegoodjar
Amazing!! Nice concept🙂
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?