Back to Case Studies
    Waste Services

    CWS Website Platform

    CMS-driven waste logistics website with admin dashboard

    ReactTypeScriptSupabaseMapbox GLFramer MotionEdge Functions
    01
    17+
    Pages
    02
    6
    Database Tables
    03
    35+
    Components
    04
    7
    Admin Interfaces

    The Challenge

    Transform industrial waste management operations into a modern logistics experience with complex audience bifurcation and enterprise-grade tracking.

    • Two distinct user personas (commercial contractors vs. residential) with radically different needs
    • Dynamic content management needed for non-technical staff without redeployment
    • GTM, Meta Pixel, HubSpot, GA4 needed safe injection with page-specific targeting
    • Product catalog with complex metadata (materials, weight warnings, permit notes)
    Why Off-the-Shelf Wouldn't Work

    Off-the-shelf WordPress or landing page builders couldn't handle the structured data requirements, tracking complexity, or design system implementation needed.

    What We Built

    01

    Dynamic CMS Section Renderer

    Marketing staff edit any page section without touching code

    02

    Multi-Provider Tracking Injection

    GTM, HubSpot, Meta Pixel with page-specific targeting

    03

    Product Catalog System

    5+ dumpster sizes with specs, materials, and cross-sell recommendations

    04

    Bifurcated User Journey

    Immediate segmentation into Commercial vs. Residential paths

    05

    Role-Based Admin Dashboard

    Product editing, section management, blog CMS, user administration

    06

    Quick Request Lead Capture

    Hero-embedded form with zip code, waste type, and size pre-fills

    Technical Implementation

    Architecture Overview

    Full CMS platform with role-based admin access, dynamic page sections, product catalog, multi-provider tracking injection, and bifurcated user journey for commercial/residential audiences.

    technical-highlights.md
    Key Implementation Details
    • RBAC with security-definer functions
    • Type-safe JSONB rendering for CMS
    • Template-based tracking pixel management
    • Elevated Industrial design system with Framer Motion

    What This Demonstrates

    Full-Stack DevelopmentAPI IntegrationDatabase DesignReal-Time SystemsUI/UX ImplementationPerformance OptimizationReactTypeScriptSupabase