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
ā¢ 1d
āš Core Workflow Interfaces:
Lumina Case Study ā End-to-End Creation Workflow
Workspace Screens Breakdown
ā01. Home: Clean prompt input interface paired with recent project tiles for instant access.
02. Generating: Real-time rendering state displaying progress bars, queue status, and active token costs.
03. Storyboard: Multi-scene modular breakdown allowing users to edit individual clips without re-rendering the whole sequence.
ā04. Voice & Music: Audio integration panel featuring voiceover selectors, background track options, and multi-track volume mixing.
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
Clean layout pure focus
Eyewear Ecommerce Website Redesign ā AI vs. WaxyWeb
A side-by-side design comparison exploring two approaches to an online eyewear store.
The WaxyWeb redesign focuses on the relationship between product presentation, collection browsing, editorial imagery, and the storeās visual identity.
Design considerations:
Eyewear product presentation
Ecommerce layout and hierarchy
Collection and product discovery
Fashion-focused visual direction
Consistent online shopping experience
For fashion, eyewear, and lifestyle brands, the goal is to create a store that presents products clearly while giving the brand a recognisable visual presence.
Website design and development: www.waxyweb.com
WaxyWeb
ā¢ Oct 13
Colours that refuse to mix, combed on water in a stone trough. The Mordant Vault guards colours that refuse to blend. Float them on water. Comb them. Never, under any circumstance, stir.
I built this project to test Colours that refuse to mix, combed on water in a stone trough. The Mordant Vault guards colours that refuse to blend. Float them on water. Comb them. Never, under any circumstance, stir. The core engineering challenge was sustaining uncompromised 60 FPS rendering using WebGL / GLSL Shaders while handling continuous user interaction without framework overhead.
WHAT I WAS TESTING:
I focused on two core engineering benchmarks:
Precision implementation of shader marbling under continuous interactive user input
Sustained 60 FPS render performance and zero-dependency browser execution
THE TECHNICAL SIDE:
Engineered directly in the browser with WebGL / GLSL Shaders, Canvas2D, Shader marbling. The application runs without third-party frameworks or build-step dependencies, using hardware-accelerated rendering and custom event loops to achieve zero-latency response.
Everything executes in the browser using WebGL / GLSL Shaders, Canvas2D, Shader marbling. No third-party frameworks, no heavy runtime bundles, and zero external tracking.
WHAT I LEARNED:
Balancing the mathematical rigors of shader marbling with tactile browser interaction required tuning event throttling and memory allocation to eliminate all garbage collection stutters.
Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware.
TRY IT YOURSELF:
The live build is deployed on Netlify. Open it in your browser, test the controls, and observe the render response times.
If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.
ā¢ Oct 13
Anyone who wants the source code can check this in my JSFiddle : https://jsfiddle.net/Saminsami/ezy9k74t/4
jsfiddle.net
Mordant - Samin Sami
Mordant - Samin Sami - a HTML example you can edit and run in your browser on JSFiddle.