FreightPay

Project Overview

FreightPay is a professional marketing website for a blockchain-based freight payment processing platform that revolutionizes how shippers and carriers handle payments in the logistics industry. The platform addresses the critical cash flow problem in freight transportation, where carriers typically wait 30-60 days for payment, often resorting to expensive factoring services charging 2-5% fees.

The website showcases a fintech solution leveraging stablecoin cryptocurrency (USDC/USDT on Ethereum and Polygon networks) to enable 7-day payment settlements. This innovative approach saves carriers 50-75% compared to traditional factoring while improving cash flow, and gives shippers up to 90% savings on transaction fees.

Tech Stack

Platform Metrics

The Problem: Freight Payment Crisis

The freight industry faces severe cash flow challenges:

• 30-60 Day Payment Terms: Carriers wait months for payment, straining operations
• Expensive Factoring: Traditional factoring services charge 2-5% fees to advance payments
• High Transaction Costs: Wire transfers and checks incur significant processing fees
• Limited Transparency: Manual payment tracking leads to disputes and delays
• Cross-Border Complexity: International payments involve currency conversion and delays

The Solution: Blockchain Payments

For Carriers

• 7-Day Settlements: Receive payment in one week instead of 30-60 days
• 0.5-2% Discount: Small discount vs 2-5% factoring = 50-75% savings
• Improved Cash Flow: Pay drivers, fuel, and expenses on time
• Reduced Factoring: Less dependence on expensive factoring services
• Instant Visibility: Track payment status on blockchain in real-time

For Shippers

• 90% Cost Reduction: Crypto transaction fees vs wire transfers/checks
• Better Carrier Relations: Fast payments attract quality carriers
• Complete Transparency: Blockchain tracking eliminates payment disputes
• TMS Integration: Seamless connection with existing systems
• Flexible Terms: Choose between standard and accelerated settlements

Key Features

Pricing Structure

Technical Architecture

Pure Vanilla JavaScript

The entire interactive layer built without frameworks, demonstrating native DOM manipulation expertise:

• Intersection Observer: Custom implementation for scroll-triggered animations and fade-ins
• Smooth Scrolling: Offset calculations for fixed navigation with smooth user experience
• Mobile Menu: Responsive hamburger navigation with animated transitions
• Form Validation: Client-side validation with real-time feedback
• Event Delegation: Efficient event handling for dynamic content

Advanced CSS Implementation

Modern CSS techniques for professional design:

• CSS Grid: Responsive layouts adapting to all screen sizes
• Flexbox: Component alignment and distribution
• Custom Properties: CSS variables for consistent theming throughout
• Complex Gradients: Multi-stop gradients for visual depth
• Shadow Elevations: Material Design-inspired depth system
• Transition Effects: Smooth animations on hover and interactions

CI/CD Pipeline

Complete Azure DevOps automation:

1. Code commit triggers pipeline
2. Node.js 24.x LTS environment setup
3. npm dependency installation
4. Build artifact creation and archiving
5. Deployment to Azure Web App (Linux)
6. Automatic application restart

Project Structure

Target Audiences

1. Shippers

Companies shipping freight seeking cost reduction and operational efficiency. Value propositions include reduced payment processing costs, better carrier relationships through fast payments, and complete payment visibility through blockchain transparency.

2. Carriers

Trucking companies and carriers needing improved cash flow. Benefits include 7-day settlements (vs 30-60 days), reduced factoring dependency (saving 50-75% on fees), and ability to pay drivers and fuel costs on time.

3. Investors

Financial institutions and investors looking for institutional-grade freight payment infrastructure opportunities. Platform emphasizes security, compliance, growing market share, and recurring revenue model.

Security & Compliance

Enterprise-grade security and regulatory compliance:

• SOC 2 Type II: Security and availability controls audited annually
• PCI DSS: Payment Card Industry Data Security Standard compliance
• ISO 27001: Information security management system certification
• KYC/AML: Know Your Customer and Anti-Money Laundering procedures
• Encryption: End-to-end encryption for all sensitive data
• 2FA: Two-factor authentication for all accounts

TMS Integration

Seamless integration with popular Transportation Management Systems:

• McLeod Software
• TMW Systems
• MercuryGate
• Oracle Transportation Management
• SAP Transportation Management
• Custom API integration for proprietary systems

Deployment

Current Infrastructure

• Hosting: Azure Web App (Linux) with Node.js 24 runtime
• Domain: freightpaypublic.azurewebsites.net
• CI/CD: Azure DevOps Pipeline with automated deployment
• Version Control: Azure DevOps Git
• SSL: Azure-managed certificates with automatic renewal

Original Deployment

• GitHub Pages: bmmalec.github.io/Freightpay-public
• Static Hosting: Pure client-side rendering

Future Enhancements

• Blog/Resources: Educational content about blockchain in logistics
• Case Studies: Detailed success stories from clients
• ROI Calculator: Interactive tool to calculate savings vs traditional methods
• Live Chat: Real-time customer support integration
• Video Testimonials: Customer video interviews and platform demos
• Multi-Language: Support for Spanish, French, German for international expansion
• A/B Testing: Conversion optimization through systematic testing
• Analytics Integration: Google Analytics, Hotjar for behavior tracking

Lessons Learned

• Vanilla JavaScript Mastery: Building without frameworks deepens understanding of web fundamentals and results in smaller bundle sizes
• Mobile-First Design: Starting with mobile constraints leads to cleaner, more focused desktop layouts
• Performance Matters: Lazy loading, optimized images, and minimal dependencies create fast-loading pages that improve SEO
• Audience Segmentation: Dedicated pages for each audience (shipper/carrier/investor) convert better than one-size-fits-all approach
• Trust Signals: Certification badges, client logos, and metrics significantly increase credibility for fintech products

Relationship to FPay Platform

FreightPay.app serves as the public-facing marketing website for the blockchain payment solution, while FPay (companion project) provides the backend payment processing platform with EDI 210 integration for actual freight transactions. Together, they form a complete freight payment ecosystem:

• FreightPay.app: Marketing, customer acquisition, investor relations
• FPay Platform: Payment processing, invoice management, EDI integration