WebbTech Training Portal + Product Ops App
Steel Croissant partnered with Homade to create a comprehensive Training Portal and a Product Operations app, which streamlined processes for a growing team while ensuring lower costs and faster delivery. Key features included automated progress tracking, video verification, and a centralized product catalog manager, significantly enhancing operational efficiency and user experience.
Overview
Steel Croissant was leading a comprehensive website redesign when the client realized they also needed a full-featured Training Portal for a growing team. Homade joined mid-stream to build the portal in parallel—without slowing the website launch—and later expanded the platform into a Product Operations app that kept Webflow and Xano in sync.
Engagement type: Partnership (Homade + Steel Croissant)
Deliverables: Training Portal (LMS) + Product Operations app
Outcome: Faster delivery at a lower cost, with enterprise-grade workflows and long-term maintainability
The challenge
The project’s scope expanded mid-flight:
- The client needed an LMS-style training experience with real permissioning and progress tracking
- The portal needed to support large org imports (2,000+ users)
- Video training had to be verifiable (completion required before quizzes unlock)
- After launch, the client also needed product catalog tooling—without adding headcount or creating brittle manual processes
Solution (Phase 1): Training Portal
We built a role-based training platform designed for real operational usage.
Key features
- Multi-tier authentication (super-admin, admin, manager, trainee) with password + OAuth
- Bulk user import for 2,000+ users with organization scoping
- Flexible training modules (1–10 steps) with streaming video
- Interactive quizzes with automated grading
- Certificate generation (canvas-based PDF)
- CMS workflows (draft/published + export/import)
- Progress tracking and completion reporting
Video verification that’s reliable
As real-world usage scaled, we tightened and stabilized video completion logic:
- 100% completion required before quizzes unlock
- Server-confirmed completion when the video ends (keeps client/server perfectly in sync)
- A more robust unlock flow that works even with imperfect network conditions
Solution (Phase 2): Product Operations app
Post-launch, the client needed a system to manage and synchronize product data across multiple systems.
Key features
- Product catalog manager (CRUD across 8+ product databases)
- Staged changes workflow (review/approve before publish)
- Real-time change detection (alerts when external systems change)
- Server-side validation (strict schemas to prevent malformed data)
- Backup + restore (90-day retention, one-click rollback)
- Cost monitoring dashboard (compute, database, storage, bandwidth + margin estimates)
Scaling the hard parts
Bringing 15,000+ records under control
We integrated a large “Public Interchange Table” (15,000+ records) directly into the product ops experience:
- Full CRUD + search
- Human-readable columns
- Works alongside the rest of the catalog—no more spreadsheet workflows
Cache-first architecture
To keep the UI fast while syncing external systems:
- Cached results served instantly (even when slightly stale)
- Background refresh jobs update the cache without blocking the UI
- Large tables bypass heavy synchronous fetches
- A “Refresh from Xano” button enables on-demand sync
Pagination + smarter API usage
- Server-side pagination (100 records/page)
- Caching to reduce repeat calls
- Total record counts surfaced in the UI (e.g., “15,342 records”)
Results
Time + cost impact
Using AI-assisted development with a focused solo-developer model:
- Estimated savings: $45k–$60k+ compared to market rate
Operational improvements
Training portal
- Manual Excel tracking → automated progress dashboards
- Paper certificates → instant PDFs
- Manual onboarding → bulk import for 2,000+ users
- Fragile completion logic → server-confirmed video verification
Product ops
- Scattered product updates → centralized catalog manager
- Risky production edits → staged review + approvals
- CSV rollback workflows → one-click restore with 90-day retention
- Low visibility into hosting costs → real-time cost + margin dashboard
Technical highlights
- Role-based access control + organization scoping
- Video streaming built for real usage patterns
- Strict validation + predictable data contracts
- Large-table performance patterns (cache-first + pagination)
- Long-term maintainability by keeping architecture decisions human-led while using AI for acceleration
Credits
- Homade: application architecture + development
- Steel Croissant: primary website redesign + partnership delivery
(Internal reference: source write-up in From Training Portal to Product Ops: How Our Client Saved $60k With AI-Assisted Development)
Related Projects
View projects within the same niches.
