Case Study 2026

6 Marcas, 1 Código.
Eficiencia Real.

Cómo unifiqué la identidad digital de un grupo corporativo usando un Sistema de Diseño Whitelabel y Arquitectura de Componentes en Astro.

GastroScale Platform Hero
Landing Page & UI

GastroScale Platform

100
Lighthouse Score
6
Marcas Activas
0.8s
LCP (Carga)
1
Monorepo

El Desafío

El cliente gestionaba múltiples marcas de restauración (Nikkei Fusion, Seafood Experience, etc.). Cada una tenía su propia web, desarrollada por distintas agencias, con tecnologías dispares y deuda técnica.

  • Duplicidad de Código: Reescribir el mismo componente "Navbar" o "Footer" 6 veces.
  • Inconsistencia Visual: La calidad de las imágenes y la identidad de marca variaba drásticamente.
  • Performance Pobre: Tiempos de carga de >5s penalizaban el SEO local.

Arquitectura de Componentes

Desarrollé un set de Componentes Agnósticos (Navbar, LocationCard, Footer) que se adaptan automáticamente a la marca activa mediante Variables CSS y Props.

Sistema de Tokens

CSS VariablesAstro PropsSemantic HTML
⚛️
Shared Components
S
Seafood Pagevar(--primary: navy)
● Live
T
Tacos Pagevar(--primary: orange)
● Live
N
Nikkei Pagevar(--primary: purple)
● Live

Innovación: Pipeline de IA Generativa

Uno de los mayores retos fue la falta de fotografía profesional para las marcas nuevas. Implementé un flujo de trabajo con IA para generar assets visuales hiper-realistas y coherentes.

Generación Contextual

Utilicé prompts estructurados para crear platos, interiores y fachadas que coincidieran exactamente con el "vibe" de cada marca (e.g. "Neon Dark" para Nikkei, "Sunny Wood" para Tacos).

Optimización Automática

Todos los assets generados se procesan automáticamente a formatos WebP optimizados, garantizando que la carga visual no penalice el rendimiento LCP.

Resultados

El proyecto ha sido un éxito rotundo. El cliente ahora puede lanzar una nueva marca en cuestión de horas simplemente duplicando un archivo de configuración, en lugar de semanas de desarrollo.