EnterpriseB2B SaaS

Focus Graphics Platform

A complete B2B quote-to-order platform for a commercial graphics and printing company, replacing manual spreadsheet workflows with an automated system handling lead capture, quote generation, invoice management, payment processing, and production job tracking.

Overview

Built a comprehensive B2B platform for Focus Graphics, a commercial graphics and printing company. The system handles the complete customer journey from lead capture through quote generation, invoice management, payment processing, and production job tracking. This replaced their manual spreadsheet-based workflow with a modern, automated solution that scales with their business.

Customer Portal

Developed a self-service portal where customers can manage their entire relationship with Focus Graphics:

Magic Link AuthenticationPasswordless login via email for frictionless access

Quote ManagementView, accept, or request revisions on quotes

Invoice & PaymentsView invoices and pay directly via Stripe integration

Production TrackingReal-time job status from design through delivery

Proof ApprovalReview and approve design proofs with comments

Admin Dashboard

A comprehensive back-office system for managing all business operations:

CRM SystemCustomer and company management with custom fields

Quote BuilderGenerate professional PDF quotes with line items

Production JobsMulti-stage workflow with file management

Analytics DashboardGA4 integration with custom funnel visualization

Role-Based AccessFine-grained permissions for users, CRM, invoices

Technical Architecture

Built with a modern serverless architecture for scalability and cost efficiency:

FrontendNext.js 15, React 18, Material-UI

Backend15+ Netlify serverless functions

DatabaseSupabase (PostgreSQL)

File StorageAWS S3 with presigned URLs

PaymentsStripe with webhook handling

NotificationsOneSignal email integration

PDF GenerationjsPDF for quotes & invoices

ValidationZod schemas for type safety

Business Impact

Eliminated Manual Processes

Replaced spreadsheet-based quote and invoice tracking with automated workflows

Faster Payment Collection

Direct Stripe integration enables immediate online payment from customers

Self-Service Portal

Reduced support overhead with customer self-service capabilities

Professional Documentation

Automated PDF generation for quotes, invoices, and production specs

Key Learnings

Serverless Architecture at ScaleDesigned and implemented 15+ Netlify serverless functions handling complex business logic, learning to manage cold starts, optimize execution time, and structure code for maintainability across a growing function library.

B2B Payment IntegrationImplemented complete Stripe integration including invoicing, payment links, webhook handling, and reconciliation. Learned to handle edge cases like partial payments, refunds, and failed webhooks gracefully.

Role-Based Access ControlBuilt a flexible RBAC system from scratch supporting granular permissions across users, CRM, quotes, invoices, and production modules. Gained deep understanding of authorization patterns and security considerations.

PDF Generation at ScaleDeveloped automated PDF generation for quotes, invoices, and production specs using jsPDF, handling complex layouts, image embedding, and batch exports while maintaining consistent branding.

View All Projects