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
Premium Music App UI/UX Case Study
A premium music streaming mobile application designed with a modern luxury aesthetic, featuring Apple-inspired minimalism, dark mode, glassmorphism, and smooth gradients. The showcase includes 10 fully designed mobile screens covering the complete user journey—from onboarding and authentication to music discovery, album browsing, playback experience, playlists, artist profiles, and user settings. Built with a consistent design system, elegant typography, realistic iPhone mockups, and pixel-perfect spacing, the interface delivers a high-end user experience suitable for professional UI/UX portfolios, Behance, and Dribbble presentations.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
The Design Oracle is Live ✨ | Squarespace Make It Real Challenge
Ever wondered if that "final_FINAL_v4" file is actually the last one? Or if the client will ask to make the logo just a little bit bigger? Let the cards decide. 🔮
I’m thrilled to unveil The Design Oracle (or Design Arcana)—an interactive, mystical tarot experience created specifically for freelancers and designers to reveal the fate of their current projects.
This is my official submission for the Squarespace Make It Real Challenge. My goal was to completely break away from standard grid layouts and see how far I could push the creative boundaries using the new Finish Layer tools.
Here is how the magic works behind the scenes (without a single line of custom code):
Z-Axis & Overlapping: Used Fluid Engine to scatter the cards and floating stickers across the canvas, creating depth and a true "spread" feel.
Hover Reveals: Leveraged native image swap effects so users can organically "draw" a card just by exploring the screen.
Mobile Overrides: Rebuilt the entire chaotic desktop spread into a sleek, functional vertical stack for perfect mobile UX.
After over a decade in UI/UX and brand design, I still believe the best projects start with pure creativity before locking into rigid systems. This was incredibly fun to build.
Will you pull "The Golden Client" or "The Wheel of Feedback"?
Take a deep breath, align your pixels, and draw your card here:
https://round-herring-m73p.squarespace.
Password: contrathebest
I'd love to hear which destiny you got in the comments! 👇
Awesome work🔥👏👏
𝗧𝗼𝗱𝗮𝘆 𝗶𝘀 𝗻𝗼𝘁 𝗮𝗻 𝗼𝗿𝗱𝗶𝗻𝗮𝗿𝘆 𝗱𝗮𝘆 🥹❤️. Most people know me as a designer and art director, but in reality, a huge part of what I do is education
For the past 4 years, I’ve been building my own design school Hyperactive Education where we teach UI/UX design, product design, and how to build strong portfolios from scratch to advanced level
𝗔𝗻𝗱 𝘁𝗼𝗱𝗮𝘆 𝘄𝗮𝘀 𝗼𝗻𝗲 𝗼𝗳 𝘁𝗵𝗼𝘀𝗲 𝗱𝗮𝘆𝘀 𝗜 𝗮𝗹𝘄𝗮𝘆𝘀 𝗹𝗼𝗼𝗸 𝗳𝗼𝗿𝘄𝗮𝗿𝗱 𝘁𝗼 𝘁𝗵𝗲 𝗺𝗼𝘀𝘁 — 𝗳𝗶𝗻𝗮𝗹 𝗱𝗶𝗽𝗹𝗼𝗺𝗮 𝗽𝗿𝗲𝘀𝗲𝗻𝘁𝗮𝘁𝗶𝗼𝗻𝘀 🎉
Honestly, this is one of my favorite moments in the entire process. Because this is the moment when I get to see students “become designers” for the first time
They go from learning fundamentals to presenting full projects as if they’re speaking to real clients or stakeholders.
What makes it even more meaningful is that I grow together with every cohort.
My students constantly show me what can be improved — in the system, in the teaching, in how we structure learning. So in a way, their progress is also a reflection of my own work and my team’s work.
It’s a shared responsibility. And always a moment of evaluation from both sides
Today I’m genuinely proud. I saw people who just a few weeks ago were learning basics now confidently presenting complete, thoughtful design projects.
And it never stops being emotional for me 🥹🥹🥹
💃 𝗗𝗮𝘆 𝟴𝟰 𝗼𝗳 𝘁𝗵𝗲 𝗰𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 𝗿𝗲𝗽𝗼𝗿𝘁
Account score: 161 (+1)
𝟲𝟭𝟯 / 𝟭𝟬𝟬𝟬 𝗳𝗼𝗹𝗹𝗼𝘄𝗲𝗿𝘀
387 left to go
𝗨𝗽𝗱𝗮𝘁𝗲𝘀 𝗼𝘃𝗲𝗿 𝘁𝗵𝗲 𝗹𝗮𝘀𝘁 𝟯 𝗱𝗮𝘆𝘀:
💎 applied for jobs
💎 posted design work daily
Thanks for being here 🤍
More updates coming soon
🐐 + 💬 = ❤️
wow, that's nice
Introducing Decksmith, an AI-powered presentation platform that transforms rough sketches, prompts, documents, and existing slides into professional, on-brand presentation decks in minutes.
By combining AI generation with optional expert review, Decksmith delivers presentations that are visually polished, strategically structured, and tailored to the audience.
I designed and built the landing page using Finish Layer's advanced capabilities to achieve a polished, production-quality experience.
I leveraged the Layers Panel to precisely control element stacking, especially in the hero section, ensuring the correct elements appeared on top while background elements remained behind to create the desired depth and interaction.
I used Mobile Overrides to hide elements that exist on desktop but are not necessary for the mobile experience, allowing for a cleaner and more optimized mobile layout.
I applied Block Animations & Transforms to add interactive elements and visual polish across almost all sections of the landing page.
I used Custom Font Uploads to apply specific font styles for unique elements, such as the scrolling marquee text.
Tools: Squarespace · Figma · ChatGPT · iMovie
Life Demo:
https://decksmith.squarespace.com/
Password:
decksmith
This looks amazing!