Designing an AI product is more than making a dashboard look good. For this AI Sales Intelligence...Designing an AI product is more than making a dashboard look good. For this AI Sales Intelligence...
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
Designing an AI product is more than making a dashboard look good.
For this AI Sales Intelligence platform, we focused on creating a visual system that makes complex sales data feel simple, clear, and actionable.
From the AI insight cards and opportunity views to the sales pipeline and conversation intelligence, every part of the interface was designed around clarity and usability.
The result is a clean, modern B2B product identity built for teams working with AI every day
The strongest part here is the translation of complex sales intelligence into a visual language that feels calm and actionable. The insight cards and pipeline views show a thoughtful balance between information density and everyday usability.
Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?