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
Day 3 of 30 Days of Real Business Problems: Before Bar One
A rehearsal can lose valuable time before the first note is played.
Ensemble parts sometimes come from structurally incompatible editions. Everything appears correct until one player reaches a rehearsal mark eight measures before or after everyone else.
I designed and built Before Bar One, a working prototype that checks whether every part follows the same structural route before rehearsal begins.
In the demonstration, the Horn in F part uses edition 1987-F, while the rest of the ensemble uses 2001-R. The system finds an eight-measure divergence after rehearsal mark C and turns it into a visible rupture.
The user then switches editions through a physical routing interaction. The missing measures return, and all five parts arrive at D together.
The prototype uses synthetic local edition metadata and does not claim to parse or verify real published scores. The goal was to demonstrate an honest, distinctive interaction model for a real operational problem.
Research → product thesis → interaction design → React/TypeScript prototype → Remotion film.
#ProductDesign #InteractionDesign #UXDesign #CreativeTechnology #MusicTechnology #React
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
Get the free Parley prompt:
Click “Get the prompt,” then:
1. Open the Framer Marketplace listing
2. Comment with what you’d build or adapt with Parley
3. Submit your Framer profile URL + email
4. Receive the prompt through Polar
startfrom.co
Parley - Startfrom Framer Template
A warm, painterly landing page for AI products and the agents behind them. Duplicate this Framer template, edit it, and publish a finished website faster.
🌿 WoodCrafts — from scattered inquiries to a unified lead system
WoodCrafts is a family-owned workshop building raised garden beds, pergolas, garden sheds, and fences for homeowners.
The problem.
The business ran almost entirely on Facebook. Inquiries came through comments, Messenger, Telegram, Viber, and phone calls, with no single place to track leads. Customers had no way to browse past projects, estimate pricing, or get quick answers — every question went straight to the owner, including the same pricing question asked repeatedly.
The solution.
I designed the experience in Figma and built a fully responsive, live website with Base44, including:
✔️ A project portfolio replacing scattered Facebook posts, showing real completed work
✔️ A pricing calculator that instantly estimates cost for standard raised garden beds by dimensions and materials
✔️ An AI assistant trained on real customer questions about materials, durability, delivery, and custom orders, which hands off to direct contact when a question needs a personal consultation
✔️ A consultation request form for custom projects
The automation.
Consultation requests submitted on the site are automatically delivered to Telegram with full customer and project details — replacing manual tracking across five separate channels with one organized stream of leads.
Why it matters.
This is a real, operating business with a real bottleneck: too many channels, too much repeated manual work. The new system gives the owner a single place to receive and act on leads, and gives customers a faster way to get the information they need before reaching out.
Built with Figma and Base44, designed and shipped as a live product for a real client.
Before. Facebook page:
https://www.facebook.com/woodcraftsua
After. Project Link:
https://wood-crafts-ua.base44.app/
🎥 Watch the demo video to see the full design process, tools used, and how the project was built from idea to interactive prototype
Demo Video (the same as attached): https://drive.google.com/file/d/1T4DTrNSOPLiorc8rzuOTLHkmG_WBciw_/view?usp=sharing
If you enjoyed this project, I would appreciate your support ❤️
———
#base44giveitaglowchallenge @Base44
Wow, what an amazing project this is! I love that it’s contributing to such a meaningful cause and has the potential to genuinely help people. Wishing you the very best of luck, I hope you win! 🙌
Website redesign + Reservation and Payment automation with @Base44 for Riga based private practice of Physiotherapist & Physical Preparation coach Raivis Miezans.
Before:
→ Outdated web design & functionality
→ No automation systems
→ Inefficient layout and structure
→ Only in Latvian
🔗 Website: https://miezans.lv/
After:
→ Fresh design
→ Improved layout and structure
→ Reservations automation (Google Calendar)
→ Payment system automation (Stripe)
→ Localised in Latvian and English
🔗 Website: https://miezans-motion-pro.base44.app
Step-by-step process:
1. Old website's copy, structure and functionality analysed by Claude.
2. Claude assisted detailed prompt for Base44.
3. Base44 generated a fully functional layout in one go including Google Calendar and Stripe integration for reservation and payment automation.
4. Design refined using Figma files and code-based prompts.
Raivis Miezans:
“I went through the website - it's clean and organised. Reservation process is clear and simple. Since I don't have an administrator, having people register through the website would make my life easier, 1000% - I want this automation like, right now!"
amazing before/after!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?