This week I used Claude for the #DailyUI challenge and designed a real estate landing page. The p...This week I used Claude for the #DailyUI challenge and designed a real estate landing page. The p...
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
This week I used Claude for the #DailyUI challenge and designed a real estate landing page.
The process took more iterations than with Figma Make (I get to the result faster with Make); with Claude I had to iterate more and fine‑tune the prompts, even though I gave it the same documentation and references.
To deploy it on Vercel, I had to dive into HTML and JS, make a few commits, and even rollback a couple of times on GitHub — but in the end, it worked.
A hand-built studio site in a Swiss "lacquer & stone" style: warm stone paper, lacquer-red accents, thin uppercase type and fine film grain. Every section reacts as you scroll: Halftone portrait that reveals under your cursor
Signature that draws itself, and a manifesto that lights up word by word
The boutique: five project videos with a working till. Reach the end and the receipt prints PAID
3D paper crumple: the receipt folds into a real 3D ball and drops into the page with physics
"A Day in Code": an original stick-figure film drawn in code. The ball lands inside it and gets a bicycle kick
Generative synth music and cartoon sound effects, all made live in the browser
AI-style assistant in a glowing WebGL orb, available in six languages
Built with: Vanilla JavaScript · Vite · GSAP + ScrollTrigger · Lenis smooth scroll · Three.js (3D crumple and cart) · Matter.js (physics) · WebGL shaders · Web Audio API · Web Workers · Vercel
The 3D crumple runs in a Web Worker and only the video on screen plays, so it stays smooth at 60fps.
With all the hype about Opus 5.5 and it's seemingly amazing design skills I gave it the task to redesign the UI in my game. Mainly the upgrade screens, the count down screen and the main screen.
Very basic prompt and I'm not a fan of the final result, but it was worth a try.
It gave me a few style choices to pick between and I chose the cartoon style, so it's probably my own fault. 😃
Gameplay wise, I have made a few changes too. I've made the arenas 20% larger, upped the enemy count and a few other tweaks.
Now I want to try the new Rive CLI to create all the UI and implement it into the game using the Rive unity plugin.
From messy layouts to clean, agency-grade storytelling. The new homepage banner system for Vervain & Co. is officially live. Drop a comment and let me know what you think!