Facebook Pixel
Dirección: Crr 4 call 28, Montería - Córdoba - Colombia
web-development

Arena Sport — Centro de Deportes Acuáticos

Experiencia inmersiva con 3D y animaciones para explorar y reservar deportes acuáticos

Cliente

Arena Sport

Duración

3 meses

Estado

Completado

Arena Sport — Centro de Deportes Acuáticos

Stack Tecnológico

Next.js 16
React 19
TypeScript
Tailwind CSS 4
Three.js
React Three Fiber
Drei
GSAP
Framer Motion

Descripción Detallada

Sitio web inmersivo para un centro de deportes acuáticos donde los usuarios exploran y reservan experiencias como kitesurf, wakeboard, windsurf, paddle SUP y jetski. Una experiencia de marca completa con animaciones fluidas, gráficos 3D y páginas de detalle dinámicas por actividad.

El Desafío

Crear una presencia digital que capturara la adrenalina y el ambiente del deporte acuático, mientras funcionaba como plataforma de conversión real: catálogo de actividades, páginas de detalle por experiencia, información de instructores, puntos de encuentro y precios — todo con una arquitectura escalable y mantenible.

Nuestra Solución

Desarrollado con Next.js 16 (App Router) y React 19 con TypeScript. Las páginas de detalle se generan dinámicamente por actividad mediante rutas [slug], alimentadas por un modelo de datos tipado (Activity) que centraliza todo el catálogo. Los elementos 3D interactivos se construyeron con Three.js, React Three Fiber y Drei. Las animaciones y micro-interacciones se implementaron con GSAP y Framer Motion. El sistema de diseño usa Tailwind CSS v4 con tipografías Fraunces + DM Sans optimizadas con next/font. Cada página de actividad incluye galería, instructor, punto de encuentro con mapa embebido de OpenStreetMap, precios y valoraciones.

Resultados Obtenidos

Landing page inmersiva con secciones animadas (hero, intro, experiencias, actividades, contacto), catálogo completo de 5 deportes acuáticos con páginas de detalle dinámicas, arquitectura data-driven escalable con modelo tipado, diseño responsive con enfoque en conversión y experiencia de usuario.

Timeline del Proyecto

Análisis

2 semanas

Investigación y planificación inicial

Diseño

3 semanas

Creación de wireframes y prototipos

Desarrollo

8 semanas

Implementación de funcionalidades

Testing

2 semanas

Pruebas y optimización

Lanzamiento

1 semana

Despliegue y monitoreo

Detalles del Proyecto

Cliente

Arena Sport

Duración

3 meses

Estado

Completado

Industria

web-development

¿Tienes un proyecto similar?

Transformemos tu visión en realidad con soluciones tecnológicas de vanguardia.

Iniciar mi Proyecto
¿Listo para empezar?

¿Buscas la mejor solución tecnológica?

Transformamos tus ideas en soluciones digitales innovadoras que impulsan el crecimiento de tu negocio.

¿Buscas la mejor solución tecnológica?

GeekCorp - Tecnología e Innovación

Nuestras tecnologías están diseñadas para integrarse perfectamente con sus sistemas existentes, minimizando la interrupción y maximizando la productividad.

Sobre Nosotros

Boletín

Suscríbete para recibir las últimas noticias y actualizaciones.

Información Oficial

Crr 4 call 28
Montería - Córdoba - Colombia

+57 (324) 492 5270

info@geekcorp.co

© 2025 GeekCorp. Todos los derechos reservados