All projects
Personalização · 2024 · Agência de mídia performance

Plataforma de personalização de criativos

Plataforma SaaS multi-marca para geração de criativos aprovados em escala — milhares de peças por dia com governança visual.

AWS S3 Fabric.js Laravel Vue.js

// the problem

The starting point

Context

Equipes de marketing precisavam produzir centenas de variações de criativos por campanha, respeitando rigorosamente a identidade da marca.

Pain

Designers eram gargalo. Aprovação manual e retrabalho consumiam dias para cada novo recorte de público.

Technical challenge

Construir um editor visual robusto, com travas de marca, permissões granulares e geração server-side de alta fidelidade em PNG, JPG e PDF.

// the solution

How it was solved

Architecture

Frontend em Vue 3 com Fabric.js encapsulado em camada de domínio. Backend Laravel com filas Horizon para renderização assíncrona. Storage S3 com CDN.

Technologies

Laravel, Vue.js, Fabric.js, Redis, AWS S3, Docker, Horizon, headless Chromium para export PDF.

Strategy

Editor declarativo: templates como JSON versionado, snapshots imutáveis, undo/redo, snapping e camadas. Render server-side garante paridade pixel-perfect.

Geração server-side com paridade pixel-perfect

Sistema de templates versionados e auditáveis

Permissões granulares por marca e perfil

Pipeline assíncrono com observabilidade completa

// stack & architecture

Inside the system

Frontend

  • · Vue.js 3
  • · Fabric.js
  • · TypeScript
  • · Pinia

Backend

  • · Laravel 11
  • · PHP 8.3
  • · REST API
  • · Policies

Infraestrutura

  • · Docker
  • · AWS S3
  • · CloudFront
  • · RDS

Async

  • · Horizon
  • · Redis
  • · SQS
  • · Headless Chromium

// results

Numbers that matter

10x
mais peças produzidas/semana
-70%
tempo de aprovação
99.9%
uptime do editor
1.2s
tempo médio de export