CaGi Consulting Abstract Background
Architecture & Development

CaGi Consulting

Spacer
CaGi Consulting Admin Dashboard Dark Mode
CaGi Consulting Admin Dashboard Light Mode
Dark Mode
The Challenge

The firm needed a unified digital platform capable of serving three distinct audiences: prospective clients seeking professional services, existing clients requiring secure document exchange, and internal staff managing administrative workflows and B2B ticketing.

The platform was structured around two connected layers: a public-facing website and a secure authenticated portal where clients and staff interact through document sharing, internal messaging, and workflow management.

The architectural challenge was keeping these two environments tightly integrated while clearly separating public content from protected interactions and ensuring that sensitive data remained secure.

The Architecture

Laravel + Filament
A structured backend foundation.

Built on Laravel, the platform uses Filament to power a fast and maintainable administrative interface. The frontend relies on lightweight Blade components enhanced with Alpine.js for targeted interactivity.

Stack

Backend
Laravel
Admin Panel
Filament
Frontend
Blade + Alpine.js
Styling
Tailwind CSS
Infrastructure
Hetzner VPS
Deployment
Laravel Forge
Laravel
Filament
Alpine
Tailwind
B2B Client Portal

Secure Document Exchange & Messaging.

A dedicated authenticated area where clients can securely upload documents and manage support requests in a clear, centralized environment.

Access to the portal is provisioned internally by the firm. Clients are created in the system and receive their initial login credentials from staff. Upon the first login, users are required to reset their password to activate their account.

Spacer
CaGi Client Dashboard Portal Mobile view
Swipe
CaGi Client Tickets

Client Interaction

Clean, intuitive portal where clients can open requests and communicate directly with the firm in a clear, structured environment.

Swipe
CaGi Admin Tickets Filament

Admin Hub

A Filament-powered admin panel where staff can manage client requests, handle communications, and monitor portal activity through a centralized dashboard.

Filament 3Livewire

Anti-Spam & Security

No contact data is exposed in plain HTML. A custom <x-obfuscated-link> Blade component encodes emails and phone numbers server-side in Base64, while Alpine.js decodes them on the client, preventing automated scraping bots from harvesting contact information.

Additional security measures include strict Content Security Policy (CSP) rules and HSTS headers enforced through custom middleware.

Infrastructure

The application runs on a dedicated Hetzner VPS managed through Laravel Forge, which handles server provisioning, automated deployments, SSL configuration, and process management.

This setup provides a controlled and secure environment for the Laravel application, ensuring encrypted traffic, isolated application processes, and a reliable deployment workflow.

The Outcome

A unified platform where the public website, client portal, and administrative workspace operate within a single system.

The firm can now manage client communication, document exchange, and internal workflows through a structured digital environment rather than fragmented tools or email threads.

  • 01Secure client portal for document exchange and support requests
  • 02Asynchronous ticketing system for structured communication
  • 03Automated transactional email notifications via queued jobs
  • 04Administrative dashboard built with Filament for centralized management
  • 05Server-side contact obfuscation protecting emails and phone numbers from scraping