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
Hereās my submissionš
I created an interactive hero section for a skincare brand called āBaresol.ā The background visually represents the texture, thickness, and colour of different skincare products, dynamically adapting to each one.
The hero section is powered by a fully interactive WebGL shader. As you move your mouse, the surface responds in real timeādistorting into smooth 3D waves and swirls that mimic the natural flow and feel of skincare creams.
To enhance interactivity, Iāve added a controller in the bottom-left corner that lets users adjust:
Texture thickness Color saturation Flow intensity
Thereās also a āDiscover Our Productsā call-to-action that smoothly navigates users to the product section.
Check it out here: š https://omma.build/p/new-chat-5l2zw0
Process video:
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
ā¢ Mar 26
Built an immersive scroll-based hero experience using Omma by Spline, where a digital system constructs itself in real time.
The concept focuses on transforming simplicity into structure ā starting from minimal floating particles, gradually forming connections, and evolving into a refined interface with depth and clarity.
Designed with a strong emphasis on:
progressive storytelling through motion
depth, lighting, and spatial interaction
clean, minimal visual systems
This project explores how motion and interaction can turn a static interface into a dynamic, engaging experience.
nice transition š„
Just built this hyper-minimalist 3D fluid wave hero section for the @splinetool Omma challenge. š I built this 100% natively in Omma to mimic the organic feel of a custom WebGL shader, keeping the UI completely clean so it functions perfectly as an interactive background for a data or SEO platform.
Live link: https://omma.build/p/minimalist-3d-fluid-wave-hero-a7pr0q
#OmmabySpline #Spline #WebDesign #InteractiveDesign"
š„
ā£ļø PROJECT: HAZARD_CORE // [BUILDATHON]
DESIGN THAT DEMANDS ATTENTION.
Just wrapped my entry for the @Contra x @Omma Buildathon. I wanted to move away from "friendly" 3D and build a high-tension, industrial reactor that stops the scroll.
THE SPECS:
70/30 Rule: 100% Native Omma geometry. 0% external assets.
Interactivity: Mouse-proximity "System Load" HUD + Click-to-Overload camera shake.
Visuals: Liquid Chrome refraction + "Boiling" internal vertex shaders.
Built for the future of interactive web. š ļø
Live Link: https://omma.build/cxlbx7z0kmr
Trending
Figma Make
Go from idea to prototype in minutes. What are you designing?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?