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
🏏 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
Design is amazing!
Thanks man!
Behind the Scenes — Staff Command Centre: Explore BAT RIOT's fully interactive backend operations, including booking management, automated waitlist recovery, enquiries, and leaderboard scoring.
Competition Access Code: RIOTJUDGE26
Amazing work.
Thank you!
The whole vibe of the page is so cool
Thank you!
I can see my friends loving this site. They are cricket fanatic haha.
Haha, sounds like BAT RIOT has found its target audience already! 😂🏏🔥
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
New project: a film-first website for Portugal Media Productions, an award-winning film and photography team whose work includes David Beckham for Haig Club. Built in Framer on our Nova Quinn template, with headlines over full-screen footage, a moving client logo strip, and a site the team now edits on their own.
The full case study is on my profile.
Build with Framer?
I noticed Creative freelancers, video editors, and social agencies running monthly retainers lose hours of margin every week chasing scattered feedback across WhatsApp/Slack, manually updating credit spreadsheets, and absorbing unbilled "just one more quick edit" scope creep.
AI Brief-to-Production Engine (Brief Studio): Clients paste a messy voice-note transcript or raw campaign idea. SlateOS automatically structures the deliverable, selects the aspect ratio (9:16, 4:5), generates 3 high-retention opening hooks + full platform captions, estimates credit cost, and pushes the asset directly into the pipeline.
Automated Scope-Creep Guard (Approval Studio): Every deliverable tracks revision rounds against the client's retainer allowance (e.g., 2 of 2 Free Used). When a client attempts to submit an out-of-scope revision, SlateOS intercepts the request and presents a 1-click $75 Extra Revision Add-On, turning lost production hours into protected revenue.
1-Click Greenlight & Credit Deduction: Clicking Approve & Auto-Schedule automatically deducts the asset's credit cost from the client's monthly retainer burn-rate bar, locks in the next publishing slot on the Content Calendar, and logs the event in the live Automation Activity feed.
Dual-Persona Experience: Features an instant top-bar switcher between Agency Command and Client Portal (which dynamically adapts navigation and permissions), alongside a 1-click Reset Demo Data button for seamless testing.
I bring solution to our pain, What do you guys think?
Brilliant concept thank you!
Make sure to make this live and the application downloadable.
The full landing page design is complete.
I designed this website for a web design and development agency, with founders and growing businesses in mind.
Clear services, selected work, straightforward pricing and answers to common questions. Each section helps visitors understand the offer and take the next step.
Visually, I kept it consistent with teal accents, structured grids and corner details throughout.
Good to see all the sections come together.
Love how you’ve focused on clarity and consistency! The clear services and pricing make it easier for visitors to understand the offer and take the next step. 👏✨
