Grupo El Triunfo
Plataforma Corporativa de Agronegocios
Córdoba, Argentina
Ver sitio en vivo- Rol
- Full-stack · Sitio corporativo
- Tipo de trabajo
- Trabajo para cliente
- Industria
- Agroindustria
Resumen
Grupo El Triunfo es un sitio web corporativo para un holding de agronegocios con sede en Oncativo, Córdoba, Argentina, con más de 36 años de experiencia en el sector agropecuario.
La plataforma presenta seis unidades de negocio integradas — Acopio de Granos, Logística, Agronomía, Ganadería Bonsmara, Shell Combustibles y Bar/Café — mostrando sus servicios, historia e identidad de marca en una experiencia moderna y visualmente rica.
Las funcionalidades incluyen un hero de video a pantalla completa con animaciones de entrada con GSAP, páginas dinámicas de detalle de servicios con galerías de fotos, un sistema de navegación por tabs con branding, formulario de contacto interactivo con mapa embebido, animaciones de revelado por scroll y diseño totalmente responsive mobile-first.
El desafío
Grupo El Triunfo necesitaba una presencia digital que reflejara la escala y profesionalismo de un grupo agropecuario multi-unidad, manteniendo la calidez y cercanía de una empresa fundada en familia.
El sitio resuelve esto unificando seis unidades de negocio distintas bajo una identidad visual cohesiva, con secciones dedicadas para cada servicio, un sistema de colores propio por unidad y un lenguaje de diseño anclado en la estética rural argentina — profesional pero cercano.
Enlaces
Repositorio de GitHub
Privado — proyecto de cliente
Construido con
Next.js
React
TypeScript
SCSS
GSAP
ScrollTrigger
Radix UI
React
Next.js
Entregables clave
- Diseño e implementación de una arquitectura de componentes escalable organizada por dominio (home, empresa, servicios, layout, primitivos de UI), con módulos SCSS co-ubicados por componente.
- Páginas dinámicas de detalle de servicios construidas con Next.js App Router y ruteo [slug], con hero banners, galerías de fotos, secciones de contenido extendido y navegación por tabs con branding.
- Sistema integral de design tokens (colores, tipografía, espaciado, sombras, breakpoints) en SCSS, con theming de color por unidad de negocio mediante CSS custom properties.
- Hero de video a pantalla completa con animaciones GSAP activadas por scroll, fallback con spinner de carga y transiciones de entrada escalonadas.
- Librería de componentes UI reutilizables construida sobre primitivos de Radix UI (Accordion, Dialog, Alert, Checkbox, Progress, etc.) con estilos custom en SCSS.
- Página institucional multi-sección con línea de tiempo histórica, misión/visión, estadísticas, galería y valores de marca.
- Layout responsive mobile-first pixel-perfect con breakpoints custom, tipografía fluida y entrega optimizada de imágenes mediante Next.js <Image> — se ve impecable en cualquier dispositivo, desde teléfonos chicos hasta monitores 4K.
- Página de contacto con formulario, tarjetas de información e integración de Google Maps embebido.