How It Started
GrowthMatch, a TechStars alumni company, had successfully pivoted into a done-for-you video concierge service. They would record, help with case studies, generate content ideas, edit videos, and deliver polished content ready for publication.Understanding the Problem
Like traditional agencies, they faced a critical scaling challenge. High overhead costs for manual video editing and production, limited capacity to serve multiple clients simultaneously, unable to scale without proportionally increasing headcount, clients’ team members couldn’t collaborate on content creation, and missing opportunities from prospects who weren’t ready for full-service pricing. They needed a self-service solution that could maintain their quality standards while enabling massive scale.Why Productization Was Critical
The Growth Funnel Strategy
Productizing the service wasn’t just about creating another revenue stream. It was about building a strategic growth engine. Here’s why this approach was essential:- Lead Generation at Scale: A DIY product attracts users who aren’t ready for premium services but become qualified leads over time
- Market Validation: Self-service users provide data on what features and use cases have the highest demand
- Brand Awareness: Free and low-cost tiers create viral growth through shared content
- Reduced CAC: Self-service acquisition costs fraction of enterprise sales
The Dual Business Model
By productizing their expertise into Snacker.ai, GrowthMatch could now operate two complementary businesses: Snacker.ai (Product)- Automated video editing and content creation
- Self-service onboarding
- $0-49/month pricing tiers
- Volume play with thousands of users
- High-touch concierge video production
- Strategic content planning
- $5,000-25,000/month contracts
- Premium positioning for enterprise clients
Building the Solution
When Content Creators Collide
The partnership between Shelby and me began in an unexpected place - the Cursor forums. Shelby had noticed my work and reached out with a vision that immediately resonated. Shelby knew exactly what he wanted and was looking for the right person to execute his vision. The moment he explained the problem, it clicked. As a YouTube creator myself, I’d been struggling with the same issue - how to produce more video content, faster, without sacrificing quality. This wasn’t just another client project. The alignment was perfect: a founder who understood the vision meeting a developer who lived the problem daily.How We Work
When we’re excited about a project, the language naturally shifts from “your product” to “our product.” It becomes a true partnership where we’re as invested in the outcome as the founder. Our approach is distinctive: Deep Domain Immersion: We immerse ourselves completely in the problem space. We research competitors, try existing tools, and experience the pain points firsthand. This hands-on approach sets us apart from typical dev agencies that might have talented engineers but don’t assign people who truly understand the domain. Beyond Engineering: Clients hire us for engineering, but they get much more - growth strategy, product design, marketing insights, and user experience expertise. This multi-disciplinary approach is rare but essential for early-stage products. Opinionated Partnership: We’re opinionated and will challenge decisions when necessary. If competitors have better solutions or if there’s a smarter approach, we’ll speak up. This can create friction, but it’s ultimately valuable - founders need someone who cares enough to push back. Our advice for founders: Choose partners who are genuinely passionate about your problem space. Look for expertise, ambition tempered with pragmatism, and curiosity. Most importantly, find someone who sees it as “our” problem to solve, not “your” problem to fix. Find someone who lives in your problem space. When developers genuinely care about the problem they’re solving, everything moves faster and the solutions are better. This wasn’t just a job for us - we were solving our own pain point as a content creator.The Technical Challenge
From Lovable Prototype to Production Reality
The Lovable prototype was in rough shape. People don’t realize that AI-generated code tends to pile features on shaky foundations. Every new user request adds another layer of conditional logic without considering the overall architecture. The prototype’s problems were systemic: if-else logic piled upon if-else logic for every user request, no consistent patterns between components, LLMs don’t choose best practices or scalable solutions, and a previous developer had attempted Supabase setup but it wasn’t great. We picked up a mess, honestly.The Refactoring Balancing Act
The challenge wasn’t just fixing the code - it was maintaining velocity while rebuilding the foundation. Every developer’s instinct is to start fresh, but you have to be pragmatic. Customers care about results, not code elegance. The key is finding the balance between technical debt and shipping speed. Our approach was surgical and strategic: Immediate Stabilization: Moved everything into a monorepo for shared packages, added Hono backend to bring order to the frontend chaos, and properly plumbed in all the Supabase work. Scalable Patterns Introduction: Feature folders and consistent naming conventions, data fetching patterns with React Query, file structure conventions, and shared components and utilities. Future-Proofing for Lovable: The founder needed to keep shipping features while we stabilized the codebase. We created guardrails - detailed prompts, code examples, and architectural patterns - so his Lovable additions wouldn’t undermine the foundation we were building.The Education Challenge
Working with a founder actively building in Lovable while stabilizing the codebase presented unique challenges. The knowledge gap was significant. We taught Shelby the basics - using Cursor, running terminal commands, understanding deployment. These fundamentals that developers take for granted were completely foreign to him. Seeing the complexity firsthand was eye-opening for him. It built mutual respect - he understood why certain things took time, and we understood his urgency to ship. The technical gap was significant:- API key security and leak prevention
- Caching and queue management concepts
- Production-ready scaling considerations
- Security implications of LLM-based features
The Rebuild Dilemma
We advocated for a clean rebuild - it would have taken just two additional weeks to build on solid foundations. But ultimately, the client makes the call. Our role is to advise strongly but respect their decision. Our advice to founders considering the Lovable-to-production path: Don’t let perfect be the enemy of good - ship and iterate. But be strategic about technical debt. Trust your technical partners. We want your project to succeed as much as you do. Incremental refactoring became our strategy. We had a clear vision of proper architecture and gradually moved the codebase toward it. Shelby’s determination to ship kept us moving forward despite the technical challenges.Strategic Benefits of Productization
Snacker.ai became a standalone SaaS that enabled GrowthMatch to:- Capture the Full Market: Serve everyone from solopreneurs to Fortune 500s
- Create Natural Upsell Paths: DIY users hit limits and upgrade to done-for-you
- Enable Team Offerings: “Snacker for Teams” opened enterprise opportunities they couldn’t handle as pure services
- Build Defensible Moat: Technology platform harder to replicate than service model
- Generate Passive Revenue: SaaS revenue continues even when service capacity maxed
Technical Implementation
Starting Point
- Inherited a Lovable prototype that needed production-ready architecture
- Required complete AI integration and video processing pipeline
Tech Stack
- Architecture: Monorepo with TypeScript
- Frontend: Vite + React
- Backend: Hono framework
- Database: Supabase
- Video Processing: Web Codecs API + HLS playlist generation
- AI Integration: LLM APIs for content generation and editing
Technical Innovations
The Browser Video Battlefield Browser-based video editing is rare for good reasons. The tools exist - Remotion, WebCodecs API, Diffusion Studio - but you’re battling hardware limitations, viewport constraints, and browser security models. The technical challenges were numerous: Client vs. Server Rendering Trade-offs- Client rendering: Cheaper, potentially faster, but dependent on user’s machine
- Server rendering: Consistent but expensive, requires rendering infrastructure
- Mobile constraints: Limited processing power and screen real estate
- Background processing: Considered Chrome extensions with service workers but added complexity
The AI-Powered Workflow
Cracking the AI Editing Code
Teaching an LLM to edit video from transcripts alone was challenging. Everyone has different speaking styles and preferences for pacing. The AI needs to understand context and intent from text alone - no visual or audio cues. The breakthrough came through relentless internal testing: The Dogfooding Breakthrough Started testing internally, trying to “trip up” the AI deliberately. Introduced evals for systematic testing. The team used the product for all their own content creation. If we could make it work for all of our content, customers were going to be happy with that too. When our internal team couldn’t break the AI editing anymore, we knew we had something special. We became our own best case study.Three Pillars of AI Integration
-
Content Ideation
- AI-generated talking points and prompts
- Topic suggestions based on audience and goals
- Session planning and content calendars
- Personalized content strategies
-
Automatic Video Editing
- Removes gaps, pauses, and mistakes automatically
- Creates coherent takes from raw recordings
- Accepts feedback for re-editing
- Produces polished videos in seconds
- Adapts to individual speaking styles through context understanding
-
Content Distribution
- Generates platform-specific captions and descriptions
- One-click publishing to LinkedIn, X, YouTube
- Creates blog posts and articles from video content
- Publishes to Snacker’s own content platform
Key Features
- Teleprompter & Notes: Built-in teleprompter with LLM-powered script assistance
- Zero-UI Video Editing: Hidden complexity. Users just record and share
- 20-Second Turnaround: From recording end to rendered, shareable video
- Team Collaboration: Invite teammates to work on content together
- Multi-Platform Export: Optimized content for every social platform
Timeline & Development
- Project Duration: 3 months
- Starting Point: Lovable prototype
- Deliverable: Production-ready SaaS with paying customers
Results & Impact
User Acquisition (3 months)
- 20 paying customers acquired
- 5,000+ free users onboarded
- Created natural upsell funnel to GrowthMatch’s premium services
The Power of Productization in Action
Lead Quality Transformation- 5,000 free users = massive top-of-funnel awareness
- 20 paying customers validated willingness to pay
- Each user became a potential $5,000+/month service client
- Content created by users acted as organic marketing
- Pre-qualified Leads: Snacker users who hit limits naturally inquired about done-for-you services
- Reduced Sales Cycles: Prospects already understood the value of video content
- Higher Close Rates: Users had already experienced the quality through the product
- Premium Positioning: “If the DIY tool is this good, imagine the full service”
Product-Market Fit
- Validated the “done for you” video editing concept
- Proved demand for simplified video content creation
- Successfully bridged DIY and concierge service models
- Identified enterprise needs through “Snacker for Teams” requests
Business Transformation
- Scaled Beyond Agency Model: From linear growth (more people = more revenue) to scalable growth (software serves unlimited users)
- Created Recurring Revenue: Predictable SaaS MRR alongside project-based service revenue
- Reduced CAC: Self-service acquisition vs. enterprise sales process
- Increased LTV: Upsell path from 5,000+/month contracts
- Opened New Markets: Could now serve SMBs and solopreneurs profitably
What Made Snacker Different
Unlike traditional video editing tools, Snacker eliminated the entire editing interface. Users simply:- Sit down to record
- Get AI-powered guidance on what to say
- Record their video with teleprompter support
- Receive a polished, edited video 20 seconds later
- Share with one click to any platform
The Developer’s Perspective
“What we built wasn’t just another video tool,” Doug reflects. “It was solving a problem I personally had - the friction between having something to say and getting it out there in video format. When you’re building something you genuinely need, every feature decision becomes clearer, every trade-off makes more sense.” The key was understanding that most people don’t want to edit video - they want to communicate. By removing the editing interface entirely and replacing it with AI-powered automation, Snacker turned video creation from a skill to be learned into a tool to be used.Why This Productization Strategy Works
The Agency Escape Velocity Problem
Most agencies struggle to escape the time-for-money trap. Productization solves this by:- Creating Leverage: One codebase serves unlimited users
- Building Assets: Unlike service work, product value compounds over time
- Enabling True Scale: Can grow revenue without proportionally growing team
- Generating Data: Every user interaction provides market intelligence
The Perfect Product-Service Flywheel
Product Feeds Service:- Free users become aware of premium offerings
- DIY limitations naturally highlight value of done-for-you
- Product usage data reveals high-value prospects
- Team accounts identify enterprise opportunities
- Service insights drive product roadmap
- Premium client needs become product features
- Service quality sets product quality bar
- Client success stories become product marketing
What We Learned
The Future of Browser-Based Video
The future of browser video is exciting. As WebCodecs becomes more widely adopted and tools like Remotion advance client-side rendering, we might finally see web apps rival native applications for video editing. For me, video represents something bigger than just content. Video remains the most authentic form of personal branding. Through my YouTube channel, I’ve built genuine connections by sharing what I’m passionate about. When prospects reach out already understanding my values and expertise, it validates the power of video content.The Lovable Reality Check
The Lovable-to-production journey revealed a crucial education gap. The marketing promises that “everyone can code” and “engineers are optional” simply aren’t true. The reality is more nuanced: The Spaghetti Corner: Without proper architecture, you’ll inevitably hit a wall. Features pile on features until the codebase becomes unmaintainable. Experienced engineers recognize this pattern - it’s what happens when you build without planning. The Marketing vs. Reality: When tech CEOs claim AI will write 90% of code, remember they’re selling products. The hype from major AI companies is ultimately about market positioning and investor narratives. The Human Element: Don’t skip learning the fundamentals. The satisfaction of truly understanding and creating something yourself far exceeds the convenience of delegating your thinking to an AI model.Core Lessons
- Productization is Strategic, Not Tactical: It’s not about building a product; it’s about creating a growth engine that feeds your core business
- Start with Your Expertise: The best products emerge from deep service experience. You already know the pain points
- DIY Doesn’t Cannibalize Premium: Self-service actually qualifies and educates future premium clients
- Simplification is Innovation: Removing features (traditional editing UI) can be more valuable than adding them
- Speed Matters: 20-second turnaround changed user behavior and created competitive advantage
- Hybrid Models Win: Pure SaaS or pure service is limiting. The combination creates exponential growth
- Architecture Matters: Eventually you’ll hit the wall if foundations aren’t solid - plan for scale from day one
- Dogfood Relentlessly: If your own team won’t use it, customers won’t either
Why This Partnership Worked
The Snacker project exemplified what makes a successful engagement:- Founder-Developer Alignment: Both Shelby and the team were content creators who understood the problem viscerally
- Technical Expertise Meets Domain Knowledge: We brought both engineering skills and YouTube creator experience
- Partnership Over Transaction: The relationship evolved from “hiring a developer” to “building together”
- Freedom to Question and Innovate: We were empowered to challenge decisions and suggest better approaches
- Multi-disciplinary Value: Beyond code, we contributed to growth strategy, product design, and marketing
Frequently Asked Questions
How did you achieve 5,000+ users in just 3 months?
How did you achieve 5,000+ users in just 3 months?
The self-service model removed barriers to entry. Users could try the AI video editing immediately without sales calls. The 20-second turnaround time created word-of-mouth growth, and the free tier let users experience value before paying.
What makes the AI video editing different from other tools?
What makes the AI video editing different from other tools?
Instead of traditional editing interfaces, users simply record and receive a polished video 20 seconds later. The AI understands context from transcripts alone and adapts to individual speaking styles through continuous learning.
How does productization complement the service business?
How does productization complement the service business?
The DIY tool creates a natural upsell funnel. Free users hit limits and upgrade to paid tiers. Power users eventually need the full-service concierge offering. Each Snacker user becomes a potential $5,000+ service client.
What were the biggest technical challenges?
What were the biggest technical challenges?
Browser-based video editing is complex due to hardware limitations and security models. The iOS Safari audio blocking crisis forced us to innovate with HLS playlists instead of traditional video stitching.
How did you handle the transition from Lovable prototype to production?
How did you handle the transition from Lovable prototype to production?
The prototype had architectural issues typical of AI-generated code. We incrementally refactored while maintaining velocity, creating guardrails so the founder could keep shipping features during stabilization.
Could this productization approach work for other agencies?
Could this productization approach work for other agencies?
Absolutely. Any agency with repeatable processes can extract their expertise into self-service tools. The key is identifying which step provides immediate value and can qualify users for premium services.
What's the revenue model split between product and services?
What's the revenue model split between product and services?
After 3 months: 20 paying customers on the product side, with several inquiring about full-service options. The product serves as lead generation and qualification for higher-value service contracts.
How do you measure success beyond user numbers?
How do you measure success beyond user numbers?
Key metrics include activation rates, time-to-value, feature adoption, and conversion from free to paid tiers. Most importantly, we track how many product users inquire about done-for-you services.
Technologies Used
TypeScript
Type-safe development
React + Vite
Fast, modern frontend
Hono
Lightweight backend
Supabase
Real-time database
Web Codecs
Browser video processing
HLS
Video streaming