mori — Made by Hand. Meant for Someone.

There's a moment every small business owner knows: you make something beautiful, you post it on Facebook, and it disappears into the algorithm within hours. Your best work is buried in an album no one scrolls through. Your customers can't browse. They can't compare. They message you at midnight asking "how much for the white one?" and you type the same answers over and over.

mori is a solo flower maker in Guiguinto, Bulacan, Philippines. She crafts satin, fuzzy wire, crochet, and money bouquets — each one made to order, each one unique. Her Facebook page had photos. No catalog. No system. No way to show the full range of what she can do.

I built her a website. Zero hand-written code.

THE BUILD

Powered by Base44, the site is a fully designed, mobile-responsive experience built for a real business. Not a prototype. Not a mockup.

→ Live Catalog — Every past piece is photographed, categorized by material (satin, fuzzy wire, crochet, money, other creations), and filterable. Visitors browse the full portfolio. Each piece links directly to the order form pre-filled with its reference.

→ Bouquet Mini-Game — An interactive canvas where users drag floral pieces from a categorized tray, arrange them, layer them, scale and rotate, undo, clear, and download their creation as an image. It's a creative tool and a portfolio piece in one.

→ Order Form Modal — Captures every detail: piece reference or custom description, reference links, name, flower color (via color swatches), wrapper color, delivery or pickup options, address (conditionally revealed), and timing. The form generates a formatted summary, copies it to clipboard, and directs the visitor to Messenger to paste it as their first message. Meanwhile, the inquiry is saved to a database and triggers an automated email alert to the maker — with rush orders flagged.

→ Petal AI Assistant — A Base44 agent living in a chat widget. She answers questions about pricing, ordering, delivery, and timing in a warm, lowercase voice. She has persistent conversation memory, reads the catalog entity in real-time, and redirects order requests to the proper flow. She never quotes exact prices or commits on behalf of the maker — by design.

→ Custom Adaptive Cursor — A 12px dot that samples the background color beneath it in real-time and switches between ivory and charcoal for readability. Over interactive elements, it expands to 40px and shows contextual labels: "view" over catalog items, "visit" over external links, "home" over the logo. It hides fixed transparent elements (like the header) during color sampling so it reads the actual background. On touch devices, it's completely hidden.

→ Image Cycler — Category cards auto-cycle through multiple photos with crossfade transitions. On desktop, cycling speeds up on hover. On touch devices, it auto-cycles at the fast pace automatically — because hover doesn't exist on mobile, and every visitor should see the full range.

→ Scroll-Triggered Animations — Reveal transitions, parallax effects, a giant footer wordmark that masks in from below. Powered by GSAP ScrollTrigger synced with Lenis smooth scrolling.

→ Design Details — A film grain overlay across the entire site. A one-time preloader that animates the brand name on first visit. A custom design system using Fraunces italic serif for headings and the logo, Instrument Sans for body text, and a four-tone palette: charcoal, ivory, mocha, and mocha-light. Every radius, spacing, and transition tuned to feel calm and crafted.

→ Mobile-First Everything — Mobile menu overlay, horizontally scrollable catalog filters, keyboard-aware chat panel that resizes when the mobile keyboard opens, touch-optimized mini-game controls, and responsive layouts throughout.

The automation: every inquiry triggers a database record + an email alert to the maker with the full order details, timestamped in Philippine time, with rush orders flagged. Plus Petal, the AI agent, handles FAQs 24/7 so the maker doesn't answer the same questions repeatedly.

The code was generated. The automation was generated. The assets were generated. The vision was human.

This is vibecoding at its best — not AI replacing craft, but a builder directing AI with enough clarity that the machine can build what a real business actually needs.

The business is real. The catalog is real. The flowers are real.

That's the glow-up.

🔗 https://moricreate.base44.app ✖️ https://x.com/blaumitz/status/2076556047943455125 📸 https://www.instagram.com/reel/DauSJEtBGsf 🛜 https://www.linkedin.com/posts/boomtumbali_giveitaglow-base44-vibecoding-ugcPost-7482321838463791104-4RxK