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
A website concept for an architecture and interiors studio (Maison Calme is a made-up brand). The idea: visitors don't read about a house, they watch it appear. Click the floor plan and the walls rise out of the paper as a soft clay model; click again and the house lifts apart into its structure (slab, timber frame, trusses, roof), with labels. Browse three homes, drag to turn each one. My 3D engine (built on three.js) draws the plan and the house from the same data, so they always match. Hand-coded, works on phones.
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
Every creature in this identity is watching you.
Little Fen, a wetland club for kids. 50 creatures. 3 colors. Everyone gets eyes.
Case study drops soon.
Which creature goes first?
Hey Little Fen,
Can you see me?
Section, a matcha shop that runs itself
The problem A lot of matcha brands skip the story. You buy a tin and never learn where the leaf grew, how it was shaded or how it was ground. And the instructions come as a little booklet in the box that ends up in a drawer by the second bowl.
The idea Tell the story on the website, and move the instructions there too. Section is a concept matcha brand: the site follows one leaf from the field to your bowl, then sells one box with the matcha and the five tools a barista uses. There's no booklet in the box. The guide lives on the site: every part lettered A to F, four drinks, each step read aloud, and pages that turn by themselves while your hands are busy. Live: pure-section-space.base44.app
Automation depth Behind the counter, the shop runs itself:
Saves time: an order lands on the packing board the moment it's placed, with where it ships. Nobody copies orders out of an inbox.
Improves operations: stock counts itself. Every order takes its items off the shelf (a box takes one of each part). At 3 left the shop says "Only 3 left" and I get an email. At zero, the item sells out on its own.
Increases leads: a sold-out item offers "Tell me when it's in". That's a list of people who want to buy. When I type a new count, each of them gets one email.
Enhances the customer experience: the buyer gets an email at every step: got it, packed, on its way. The last one links to the guide, so the steps arrive before the box does.
The packing board is mine, behind a sign-in, and addresses are kept where only I can read them.
** It all runs on Base44: its database, Google sign-in, one backend function for the emails, and its hosting. **
Design quality
One idea runs through the whole brand: everything is drawn in one black line, and the only colour is the matcha's green.
The first screen is a small matcha bar. Scroll, and it opens into its own drawing.
The phone layouts are designed, not shrunk. The box, its price and its key stay at the foot of the first screen, and the guide's Back and Next stay under your thumb.
How I built it I tried style directions in Figma, built the site and automation in Base44, and I published from there. The video shows both sides: buying the box, and running the shop.
Real-world use Section is a concept, and no payment is taken. Everything else is built to run as a real shop: real orders, real emails, a locked staff board and private addresses. Add a payment provider, and a matcha brand could start selling with it.
Ohhhhh this is very nice
🏏 BAT RIOT — What if cricket became the ultimate night out?
SWING LOUD. STAY LATE.
For the #Base44Challenge, I wanted to build something that went beyond a beautiful landing page.
The idea was simple: take the energy of cricket, combine it with nightlife, and turn it into a complete digital experience.
Meet BAT RIOT, a Melbourne-inspired social-cricket entertainment platform where competitive games, great food, music, and unforgettable nights come together.
But I didn't want it to just look good. I wanted it to actually work.
Using @Base44, I built an interactive booking experience where visitors can explore venues, check bay availability, select a session, and make reservations.
I also built Party Captain, a group coordination experience for invitations, RSVPs, and guest preferences.
Behind the scenes, there's a staff command centre for managing bookings, scores, and waitlists. The waitlist recovery workflow can automatically generate time-limited offers when a session becomes available, helping reduce manual coordination and recover booking opportunities.
And because the visual experience mattered just as much, I went a step further.
Instead of relying on generic stock footage, I used Google Flow to create custom cinematic scenes—from cricket action and celebrations to venue reveals and food shots. I then edited and optimized the footage to bring the BAT RIOT identity to life across the website.
The goal was to connect design, functionality, automation, and storytelling into one cohesive experience.
This project pushed me to think beyond individual pages and build something that feels like a real product.
And that's what I'm most excited to share.
🌐 Explore BAT RIOT: https://bat-riot.base44.app/
Built with Base44. Cinematics created with Google Flow.
#Base44Challenge #Base44
I can see my friends loving this site. They are cricket fanatic haha.