Axesa.

Contexto

Axesa (CMI Digital Media) es una agencia de marketing digital en Puerto Rico con más de un siglo de evolución publicitaria: Google Ads, video, redes, websites, branding, medios exteriores y directorios. El sitio debía dejar de sentirse como un catálogo heredado y pasar a una experiencia contemporánea, a la altura de un Google Premier Partner y Meta Business Partner.

En 2026 realicé el rediseño frontend de axesa.com: nueva estructura, interfaz y base técnica con React y Next.js, priorizando componentes reutilizables, rendimiento y un scroll premium con GSAP, Motion y Lenis.

Reto

Axesa vende un ecosistema completo —búsqueda, video, social, web, diseño, OOH y directorios— a negocios locales que necesitan entender qué hace la publicidad por ellos (llamadas, visitas al site, branding, tráfico al local). Un menú saturado o una home genérica diluyen esa propuesta.

El reto fue rediseñar jerarquía e interfaz para que cada bloque tenga un objetivo (presencia, contacto, tráfico, marca, segmentación, visitas físicas), con motion fluido y maquetación consistente en desktop y mobile, sin convertir el sitio en una demo pesada.

Enfoque

Traté el rediseño como un producto frontend: sistema de componentes, ritmo visual y movimiento al servicio de la lectura:

• Nueva arquitectura de información: servicios agrupados (Google y Video, Social, Websites, Marketing, OOH, directorios) y rutas claras a portafolio y contacto.
• Jerarquía visual centrada en resultados para el negocio, no solo en nombres de plataforma.
• Frontend con React y Next.js: componentes reutilizables, base mantenible y páginas con buen potencial de SEO.
• Motion design con GSAP, Motion y Lenis para transiciones y scroll premium, sin perder control del rendimiento.
• Maquetación responsive con Tailwind CSS: tipografía, ritmo y consistencia entre desktop y mobile.

Solución

El sitio en producción guía al visitante desde la promesa de marca hasta la consulta:

• Hero con propuesta de valor: publicidad digital impulsada por estrategia, data y experiencia, y CTA a explorar servicios.
• Métricas de autoridad visibles (+4K campañas, +2K negocios, +1.5K websites, +110 años) como prueba, no como relleno.
• Bloques de outcomes (presencia digital, llamadas, tráfico web, branding, audiencias, visitas al local) que traducen ads a negocio.
• Navegación de servicios y sellos Google Premier Partner / Meta Business Partner para credibilidad en Puerto Rico.
• Conversión múltiple: asesoría, WhatsApp, llamada y datos de oficina en San Juan.
• Sitio asociado a directorios del grupo y páginas legales, con un footer de agencia completa.

Resultados

• La marca se lee como agencia contemporánea, no como un sitio corporativo heredado.
• Los servicios se recorren por familias y por resultado de negocio, no por una lista plana.
• Base en Next.js y React lista para iterar páginas de servicio, portafolio y contacto.
• Scroll y micro-interacciones premium (Lenis, GSAP, Motion) alineados a una UX de alto nivel.
• Experiencia responsive coherente en desktop y mobile, con tipografía y ritmo controlados.

Stack tecnológico

Aprendizajes

• En una agencia multi-servicio, hay que diseñar por resultado (llamadas, visitas, marca), no solo por canal (Google, Meta).
• Next.js encaja cuando el sitio necesita App Router, páginas de servicio y una base de componentes a largo plazo.
• Lenis + GSAP + Motion funcionan si el motion está al servicio de la jerarquía, no como capa decorativa constante.
• Un rediseño de marca interna exige el mismo rigor que un cliente externo: claridad, ritmo y conversión.