Projects in Bystřice pod HostýnemProjects in Bystřice pod HostýnemContra x Lovable Challenge Submission: Monolith Tattoo Atelier
1. Business Archetype & Profile
Business Name: Monolith Tattoo Atelier
Location: Berlin (Kreuzberg), Germany
Solo Operator: Alex Vance (Specializing in fine-line, blackwork, and sacred geometry)
Public Application Link: https://monolith-tattoo-atelier.lovable.app
2. Client Brief & Operational Quirks
Alex is a solo tattoo artist operating at peak capacity, spending 6 to 8 hours daily wearing sterile gloves with a running machine. While working, he is physically and hygienically incapable of answering calls or responding to messages.
Prior to this solution, his business suffered from three critical bottlenecks:
Instagram DM Chaos: Receiving 40+ inbound inquiries daily with vague parameters ("How much for something medium on my arm?"), creating 15+ hours of unpaid administrative back-and-forth weekly.
Unscoped Appointments: Clients cannot accurately specify dimensions in centimeters, assess placement difficulty, or identify skin contraindications (fresh scars, active eczema, moles).
Chronic No-Shows: A 28% no-show rate caused by booking calendar slots without upfront financial commitment or medical pre-screening.
3. One-Line Description of the Problem Solved
Turned vague, open-ended Instagram DMs into deposit-secured, anatomically-scoped tattoo bookings with zero manual back-and-forth from the artist.
4. Technical Architecture & Key Innovations Built in Lovable
The application solves both the "Front Door" (client intake) and the "Follow-Through" (studio management) in a synchronized dual-view architecture:
Interactive Anatomical Body Selector: Replaces vague text descriptions with a vector silhouette featuring front/back toggles, realistic contouring, and a dynamic Heatmap Pain Index that automatically flags high-sensitivity zones (ribs, neck, spine) requiring session buffers.
In-Browser Stencil Composer: Solves the primary hesitation in custom tattoos. Clients can position, scale, rotate, and preview artwork directly over their own skin using authentic 'multiply' blend modes before stepping into the studio.
Dynamic Session & Pricing Engine: Calculates exact session tiers (Quick, Half-Day, Full-Day) based on size (cm), anatomical placement difficulty, and artistic style, automatically locking compatible calendar blocks and deposit amounts.
Guaranteed Escrow & Medical Gate: Enforces a 4-point safety declaration and a non-refundable Stripe deposit checkout, reducing no-shows from 28% to 0%.
Artist iPad Back-Office & Day Sheet: A dedicated studio control dashboard displaying live synchronized appointments, escrow totals, and an iPad Day Sheet with high-res stencil specifications, medical clearances, and outstanding balances due upon arrival.
Automated DM Deflection: An integrated router configuration that deflects inbound social inquiries straight into the scoped booking funnel.
5. Attached Deliverables
Product Demo Video (< 3 minutes): [https://youtu.be/OmYEf88Qe_U ] Comprehensive end-to-end walkthrough demonstrating both the customer booking journey and the live artist back-office synchronization.
Process Walkthrough Video (Bonus): [https://youtu.be/eiHLxgql1b4 ] Fast-paced engineering walkthrough showcasing the Spec-First development methodology, phased prompt injection, and code hardening in Lovable.
Architectural Specification (Markdown): [https://github.com/Ra9mirez11/Monolith-Tattoo-Atelier/blob/01cae1362b10ef001ee2606415491dcc673707a3/Lovable%20plan%20atelier%20tattoo.md ] Initial domain blueprint, data schemas, mathematical formulas, and operational states drafted prior to code generation.
Phased Prompt Engineering Log (Markdown): [https://github.com/Ra9mirez11/Monolith-Tattoo-Atelier/blob/main/Prompt%20for%20lovable%20.md ] Chronological record of all 12 systematic prompts utilized to construct and optimize the production build. RECLAIM - Gamified Eco-Volunteering Working Prototype
The Problem
Traditional eco-volunteering often lacks engagement, making it difficult to motivate individuals, especially the younger generation, to participate consistently. The process of reporting and verifying cleaned areas is manual, inefficient, and untrusted.
The Solution: RECLAIM
RECLAIM transforms eco-volunteering into a real-life RPG, making healing the planet fun, competitive, and highly rewarding. Users create an account, secure it via Supabase email authentication, and select their unique 3D Eco-Spirit avatar.
The core innovation is our automated verification loop:
Users find cleanup missions on a real-time map.
They complete the mission and take an "after" photo.
We integrated Gemini AI to perform a strict direct comparison between the "before" task image and the new "after" photo. There are no bypasses—Gemini AI decides if the location is pristine.
Upon AI verification, the Supabase backend awards XP and unlocks premium 3D badges.
The Advanced Figma AI Workflow
This project serves as a showcase for the advanced capabilities of Figma's new AI toolkit:
• Figma Agent was used to generate and iterate upon the entire multi-screen design flow, strictly adhering to our premium 'Eco-Glassmorphism' style.
• Figma Weave generated all procedural 3D visual assets, including Eco-Spirit companions and collectible badges.
• Figma MCP was utilized to integrate live, data-driven satellite maps directly into the dashboards.
• Figma Make exported the completed design into a functional Next.js/React application, making it a working prototype.
Live Links
Working App: https://path-os-41270623.figma.site
Figma Community File: https://www.figma.com/community/file/1648087862770865252
(https://www.figma.com/community/file/1648087862770865252)Pitch Video: https://youtu.be/skytzF6qljY
Technology Stack
• Frontend: Next.js (exported via Figma Make), React, Tailwind CSS
• Design: Figma (Agent, Weave, MCP)
• Backend: Supabase (Auth & Database)
• Verification: Gemini AI (Visual Comparison)