Eventos · Fitness funcional

FORJA Challenge

FORJA Challenge es un proyecto para cliente: Markish Tech desarrolló el sitio oficial de la edición 2027 de esta competencia de fitness funcional, con fase clasificatoria online y final presencial. Es una landing de una sola página, narrativa y guiada por scroll, que presenta el evento, sus etapas, categorías, estándares por categoría, sede y sponsors.

Relación con Markish Tech
Proyecto para cliente
Estado
En producción
Año
2026
Sitio
www.forjachallenge.com.ar (se abre en una pestaña nueva)
Portada del sitio de FORJA Challenge con un martillo sobre un yunque y la identidad oscura del evento.

Problema

El evento necesitaba un sitio propio que transmitiera su identidad y concentrara la información que los atletas consultan antes de inscribirse: etapas, categorías, estándares de peso y movimientos, sede y sponsors.

Objetivo

Contar la historia del evento de forma inmersiva sin sacrificar la claridad de la información ni la experiencia en celulares.

Solución

Desarrollamos una landing de una sola página en Next.js con animaciones sincronizadas con el scroll mediante GSAP y desplazamiento suave con Lenis. El contenido del evento (categorías, sponsors, textos) está separado del código para poder actualizarlo sin tocar los componentes.

Funcionalidades principales

  • Presentación narrativa del evento, de la apertura a la final.
  • Etapas de la competencia - inscripciones, Open online y gran final presencial.
  • Categorías Beginners, Scaled, Advanced, RX y Masters con sus estándares.
  • Sección de sede y sponsors.
  • Diseño responsive para mobile, tablet y escritorio.

Stack tecnológico

Frontend
  • Next.js
  • React
  • TypeScript
Animación
  • GSAP
  • Lenis
Medición
  • Vercel Analytics

Arquitectura

  • Aplicación Next.js con una carpeta por sección visual de la página.
  • Datos del evento separados en módulos de configuración editables.
  • TypeScript estricto, lint y chequeo de tipos sin errores como condición de entrega.

Desafíos técnicos

Animación sin perder fluidez

Las escenas guiadas por scroll tienen que verse fluidas también en celulares. Concentramos la lógica de animación en un hook compartido y constantes de scroll reutilizables.

Mucha información en una sola página

Etapas, categorías y estándares tenían que ser fáciles de encontrar dentro de una experiencia narrativa. Cada sección mantiene un encabezado claro y su contenido se edita desde archivos de datos.

Resultados

Todavía no publicamos métricas de este proyecto: solo mostramos resultados que podamos verificar.

Servicios aplicados

Otros proyectos

¿Tenés un proyecto parecido?

Te contamos cómo lo encararíamos, con qué tecnologías y en qué etapas.