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.
The Prop Room: prop rental and shoot planning, built with Base44
* Description:
The Prop Room is a playful prop-rental and shoot-planning web app for photographers, stylists, art directors and brands planning shoots.
The problem: Choosing props is visual, but rental catalogues aren’t. People imagine how isolated objects will look together, then rebuild item lists, quantities, costs and prep notes in separate tools.
* What it does
Collection: 16 props with filters, search, detail views and a tray with live daily totals.
Canvas: a scene editor with drag, resize, rotate, flip, one-step layering, per-object locking, snapping, undo/redo, background colours, PNG export, sharing and presentation mode.
Scene Stylist (AI): use, mood, budget and an optional brief become a catalogue-valid, budget-checked scene that opens straight into the canvas. Prices come from app data, not model text, and there’s a curated fallback plus an honest no-match state.
Inspiration and My Scenes: ready-made templates and saved, named scenes.
* Automation
One scene drives everything. Quantities and dates recalculate the daily and period estimate. A prep checklist is generated from the selected props (lighting power, backdrop support, fragile items, furniture access), and only the affected checks reset when the scene changes. The scene also produces a print-ready shoot pack and a calendar (ICS) file. Inquiries are saved as their own snapshot, so later edits never silently change a submitted request. Planning that usually takes a spreadsheet, a calculator and a checklist happens automatically while you compose.
* Process
Figma first. A brand guide came from a reference palette, with Stack Sans Notch and Stack Sans Text. Prop imagery was generated, cut out and art-directed, and desktop and mobile screens were designed and revised by hand. The approved designs were then built for real in Base44 and refined through rounds of side-by-side checks against Figma and real interaction testing at 1440, 390 and 320 px. The landing page’s brand film was made in Higgsfield with Seedance 2.0.
I have spent the last two months redesigning a dashboard for a multi-tenant company.
They were relying heavily on generic AI-generated content, which I am now replacing.
While I am working on several other pages, I can share this one.