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
🖥️ #FIGMAMAKEATHON
Title: MixLayer - DJ Production Mode or SoundSkin UI for Apple Music App
⚠️ Problem: Since iOS26 launched and MacOS introduced “AI Mixing,” I created an interactive live music editing experience within the Apple Music App, inspired by live editing styles like Abelton Live or Tractor Tools.
🖥️ Design: My #FigmaMakeathon 2026 Challenge Prototype:
🔊 Solution: “My MixLayer DJ Production Mode Soundskin UI Tool” is for Apple Music and iTunes Library users on iOS and MacOS, from beginners to seasoned music production pros. It offers live interactive FX Tools for House, Trance, and Hardgroove genres.
🔗 Figma Community File Link: https://www.figma.com/community/file/1610509664678637947/msfitnessny-figma-make-contra-hackathon-2026
Apparently, the video demo clip I made while mixing 2 tracks live may have been too large above.. so here is a screen shot of the third screen in the DJ Surface
(1) Press, ▶️ Play to start the Track on the first screen shown above on the track: "Get Personal." (2) Click, The...
I uploaded my demo video clip here: https://youtu.be/54fkdfYa4Lg
✨ So, I whipped up a Design Portfolio Case Study further explaining my contest entry and project build using Figma.Make for my MixLayer - DJ Production Tool - UI SoundSkin - Prototype Concept which I intended to be (potentially) implemented in a future Apple Music App update.
🖥️...
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
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
LUMIXA — Gaming Controller Product Landing Page 🎮⚡
LUMIXA is a futuristic product landing page concept created for a premium gaming controller built around precision, performance, and immersive play.
The goal was to make the product itself the center of the experience while giving the interface a clean, high-tech character. A minimal white canvas, electric blue accents, oversized typography, and detailed 3D product visuals create a strong gaming aesthetic without making the page feel overloaded.
Special attention was given to:
• a product-first hero section with the controller as the main visual focus;
• bold typography and asymmetric composition to create a sense of movement;
• key product information like pricing, control level, and social proof placed directly within the buying journey;
• interactive-style product hotspots that emphasize the controller’s technology and features;
• gaming imagery integrated into the interface without distracting from the product;
• a clear Buy Now CTA designed to stay visually prominent;
• a responsive mobile experience that keeps the same futuristic identity on smaller screens 📱;
• a simplified mobile navigation for quick access to technology, experience, and pricing.
The result is a sharp, product-focused eCommerce experience that combines gaming energy with premium product presentation — designed to make the controller feel as advanced as the technology behind it. ✨
Looking to launch a gaming or tech product with a digital experience that actually feels like the product? Let’s build it. 🚀
Looks amazing! 🔥
Task: Figma to Webflow development for an AI Character Design Agency. High-fidelity conversion of a futuristic, asset-heavy landing page.🙌
Live Preview: https://ai-driven-character.webflow.io/
Key Results:
• Technical Precision: 1:1 conversion of complex AI-generated layouts.
• Immersive Motion: Custom scroll-based animations for storytelling.
• Optimization: 90+ PageSpeed score for high-res graphics.
• Responsive: Flawless adaptive design across all devices.
Workflow & Stages:
1) Audit & Setup
2) Build & Animation
3) Optimization & Launch
Deadline: 7 days
Ready to bring your project to life? Let’s chat....😊
Second site from the same stack — and the reason they look related is that one lives inside the other. The first one is a compliance product. EZ is the infrastructure it sits in.
That's a specific design problem. The platform can't look like a competitor to its own component, and it can't look like a louder version of it either. EZ took the wider frame — four modular layers, three entry points, regulators in the trust section — while the component kept the close-up.
Same toolkit both times: Figma, a Unicorn Studio shader in the hero, the reel in Jitter. Designed with my wife, who owned the product and the content side.
Wider frame versus close-up is such a clean way to keep two related products from stepping on each other. Curious how the regulators reacted to seeing their section live in the trust page versus a static doc.