Todos os projetos
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

// o problema

O ponto de partida

Contexto

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

Dor

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

Desafio técnico

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.

// a solução

Como foi resolvido

Arquitetura

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.

Tecnologias

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

Estratégia

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 & arquitetura

Por dentrodo sistema

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

// resultados

Números que importam

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