Casbro
Arquitectura • Construcción • Portafolio de Proyectos
El desafío
Casbro es una empresa de arquitectura y construcción con presencia en Chile y Perú, especializada en workplaces, retail y proyectos corporativos para marcas como British American Tobacco, Cencosud, WeWork y BNP Paribas. Necesitaban un sitio web que reflejara la calidad premium de sus obras, permitiera gestionar de forma autónoma un portafolio de más de 60 proyectos con galerías fotográficas, y ofreciera una experiencia visual a la altura de su posicionamiento. El diseño fue creado por id&D y requería animaciones avanzadas con scroll, transiciones cinematográficas y un sistema de administración que no dependiera de WordPress ni de plantillas genéricas.
La solución
Desarrollamos el sitio de Casbro como una aplicación Nuxt con generación estática (SSG), combinando rendimiento de carga instantánea con animaciones GSAP sofisticadas controladas por scroll. En lugar de usar WordPress, construimos un CMS a medida diseñado específicamente para las necesidades de Casbro: gestión de proyectos con galerías de imágenes, categorización por tipo (Workplaces, Retail, Otros), metadatos como superficie, plazo y año, y soporte bilingüe español/inglés. Las imágenes de los proyectos se almacenan en Firebase Storage, lo que permite al equipo de Casbro subir y organizar fotografías de alta resolución sin limitaciones de hosting tradicional. El resultado es un sitio que carga en milisegundos, impresiona con cada scroll y se administra sin conocimientos técnicos.
Animaciones GSAP avanzadas
Extenso trabajo de animaciones con GSAP y ScrollTrigger: reveal de hero con clip-path, parallax en secciones, transiciones de texto con split-text, animación del logo SVG por trazos, y efectos de entrada coordinados en cada sección del sitio.
CMS a medida (sin WordPress)
Panel de administración personalizado para gestionar proyectos, galerías, categorías y contenido bilingüe. Diseñado para el flujo de trabajo específico de Casbro, sin las limitaciones de un CMS genérico.
Firebase Storage para proyectos
Las galerías fotográficas de cada proyecto se almacenan en Firebase Storage, permitiendo subida de imágenes de alta resolución, organización por proyecto y entrega optimizada vía CDN de Google.
Portafolio filtrable por categoría
Grilla de proyectos con filtros dinámicos por tipo (Workplaces, Retail, Otros), cada uno con galería de imágenes, metadatos de superficie, plazo de ejecución y año de entrega.
Sitio bilingüe español/inglés
Soporte completo de internacionalización con cambio de idioma en tiempo real, permitiendo a Casbro presentar su portafolio tanto a clientes nacionales como internacionales.
SSG con Nuxt para rendimiento
Generación estática del sitio completo con Nuxt, logrando tiempos de carga casi instantáneos. Cada página se pre-renderiza en build, combinando la interactividad de una SPA con la velocidad de un sitio estático.
Resultados
Casbro pasó de no tener presencia digital a contar con un sitio web que refleja la excelencia de sus obras arquitectónicas. El portafolio de proyectos se gestiona de forma autónoma a través del CMS a medida, las animaciones GSAP generan una experiencia inmersiva que diferencia a Casbro de su competencia, y la arquitectura basada en Nuxt + Firebase garantiza rendimiento y escalabilidad. El equipo de Casbro administra su contenido y proyectos sin depender de soporte técnico externo.