Caixa is one of Brazil’s largest public banks, and its recent rebrand sparked a nationwide debate. I used that as a prompt: what if the new identity carried all the way through to the digital experience?
There was a whole process before writing a single line of code:
• Analyzed the new visual identity created by the agency hired by the bank
• Studied the briefing and what the brand wanted to convey to people
• Created the imagery with AI, placing it in everyday settings so people could see themselves in it
• Designed the assets and then coded the project in Next.js, TailwindCss, Gsap, Motion.
Feedback is welcome!
Ready to transform your digital presence? Let’s talk: lucasvaz.com.br
Green for me, and I'd bet on it converting better too. The red version is loud in the way every food app is loud, while the green makes the burger the hero and the screen instantly recognizable in a feed. The green background also gives the white FLAVOR POP type far more contrast, so the message lands a beat faster.
These designs were made by the AI in my upcoming design tool for designers.
I don't know which is better, help me decide.
For those wondering where the remaining designs are, I'll drop it in my next post.
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?