Volver al portafolio
UX/UI & CROAquinas Network

Aquinas Network

Aquinas Network necesitaba presentarse como un ecosistema de soluciones para escuelas sin que cada oferta compitiera entre si. Disene y desarrolle la experien…

Editorial hero mockup for Aquinas Network

Cliente / Producto

Aquinas Network

Industria

EdTech / Platform Suite

Modelo

Suite de soluciones EdTech y operaciones académicas

Rol

Diseño UX/UI · Desarrollo WordPress · Tracking en GA4 · Mapas de calor · Optimización CRO

Fecha

agosto de 2024

Audiencias activas en el flujo

EscuelasEquipos académicosOperaciones institucionales

Lo esencial del caso

  • Diseño UX/UI, desarrollo funcional y optimización continua dentro del mismo delivery.
  • El reto era agrupar biblioteca online, consultoria, compliance, content development, IT solutions y educational market…
  • Los usuarios entienden más rápido qué hace cada módulo, reduciendo fricción al evaluar una suite amplia.
  • La narrativa visual se alineó con la tipografía validada en el sitio live: Montserrat / Open Sans.
WordPressGA4HeatmapsFigmaCRO Iteration

El desafío

Qué necesitaba resolverse

El reto era agrupar biblioteca online, consultoria, compliance, content development, IT solutions y educational marketing bajo una sola promesa creible. La experiencia tenia que mostrar amplitud sin perder foco, facilitar el entendimiento de cada solucion y sostener una sensacion de plataforma unificada en vez de un catalogo disperso.

El enfoque

Cómo se estructuró la respuesta

En UX resolvi la narrativa como una suite modular: hero con promesa de sistema, bloques de solucion accionables, prueba social y CTAs orientados a demo o contacto. En desarrollo construi una base reusable para crecer el ecosistema con nuevas paginas, hooks de contenido y variaciones por servicio. Luego medi profundidad de scroll, interacciones y zonas de fuga con GA4 y mapas de calor para simplificar el recorrido y reforzar los puntos de decision. La dirección visual se ancló a la tipografía live Montserrat / Open Sans.

Fase 01

Diagnóstico de fricción, claridad de valor y lectura de intención

El reto era agrupar biblioteca online, consultoria, compliance, content development, IT solutions y educational marketing bajo una sola promesa creible. La experiencia tenia que mostrar amplitud sin perder foco…

Auditoría heurística

01

El reto era agrupar biblioteca online, consultoria, compliance, content development, IT solutions y educational marketing bajo una sola promesa creible. La experiencia tenia que mostrar amplitud sin perder foco, facilitar el entendimiento de cada solucion y sostener una sensacion de plataforma unificada en vez de un catalogo disperso.

Aquinas Network necesitaba presentarse como un ecosistema de soluciones para escuelas sin que cada oferta compitiera entre si. Disene y desarrolle la experiencia completa del sitio como una superficie de producto y crecimiento: narrativa visual, arquitectura d…

Sistema UX/UI: Se convirtieron seis áreas de solución en una sola narrativa modular de suite con una jerarquía más fuerte.

Se diseñó una estética de sistema de producto que se siente más como plataforma que como brochure.

Se equilibraron CTAs orientadas a demo con contexto de ecosistema, prueba y amplitud de la suite.

Síntesis de oportunidades

02

La síntesis del caso combinó lectura de fricción, jerarquía editorial y priorización sobre señales reales de intención para mover la experiencia hacia una conversión más clara.

El encargo consistió en traducir una oferta compleja en una historia más legible, convincente y accionable para la audiencia correcta.

La tipografía de marca validada en el sitio live se incorporó al sistema editorial del caso: Montserrat / Open Sans

Vista desktop principal de Aquinas Network.
Captura desktop representativa usada para explicar el diagnóstico de la experiencia.
Fase 02

Sistema visual, arquitectura y continuidad de experiencia

En UX resolvi la narrativa como una suite modular: hero con promesa de sistema, bloques de solucion accionables, prueba social y CTAs orientados a demo o contacto. En desarrollo construi una base reusable para…

Sistema visual y estructura

01

En UX resolvi la narrativa como una suite modular: hero con promesa de sistema, bloques de solucion accionables, prueba social y CTAs orientados a demo o contacto. En desarrollo construi una base reusable para crecer el ecosistema con nuevas paginas, hooks de contenido y variaciones por servicio. Luego medi profundidad de scroll, interacciones y zonas de fuga con GA4 y mapas de calor para simplificar el recorrido y reforzar los puntos de decision.

La dirección visual se trabajó para sostener una lectura editorial más clara, densa y coherente con el nivel del servicio, sin perder claridad funcional.

Sistema UX/UI: Se convirtieron seis áreas de solución en una sola narrativa modular de suite con una jerarquía más fuerte.

Se diseñó una estética de sistema de producto que se siente más como plataforma que como brochure.

Se equilibraron CTAs orientadas a demo con contexto de ecosistema, prueba y amplitud de la suite.

La dupla tipográfica de marca se trasladó al board y al sistema del caso: Montserrat / Open Sans

Workflows y entregables

02

Entrega web: Se implementaron estructuras reutilizables en WordPress para páginas de producto, logos de clientes y secciones de prueba.

Se construyó un sistema de contenido que soporta el crecimiento continuo del ecosistema sin perder consistencia.

Se mejoró la densidad responsive para que la suite siga siendo legible en mobile y desktop.

La macroestructura editorial se mantuvo consistente con la skill ux-ui-design-pro para conectar apertura, sistema, ejecución, impacto y lectura responsive.

Board editorial de Aquinas Network.
Mockup editorial que resume el sistema visual del caso.
Fase 03

Implementación funcional, analítica y optimización continua

Diseño, desarrollo, instrumentación y mejora continua se ejecutaron como una sola capa de entrega. Marco de referencia aprobado: 40% de mejora en retencion de usuarios.

Implementación y refinamiento

01

Entrega web: Se implementaron estructuras reutilizables en WordPress para páginas de producto, logos de clientes y secciones de prueba.

Se construyó un sistema de contenido que soporta el crecimiento continuo del ecosistema sin perder consistencia.

Se mejoró la densidad responsive para que la suite siga siendo legible en mobile y desktop.

La implementación preservó reutilización, contenido dinámico y continuidad responsive para que el caso pueda seguir evolucionando sin romper la coherencia del sistema.

Medición y aprendizaje

02

CRO y analítica: Se trazó la exploración de la suite, acciones de demo y navegación entre capacidades.

Se revisó el comportamiento de scroll y clic para ajustar la secuencia de servicios y los puntos de decisión.

Se ajustó la ubicación de prueba y CTA para que el ecosistema resulte más fácil de confiar y recordar.

Referencia aprobada: 40% de mejora en retencion de usuarios.

Referencia aprobada: 50% de mejora en velocidad de tarea.

Vista mobile principal de Aquinas Network.
Captura mobile representativa para la implementación y optimización responsive.
Impacto

Lo que cambió después de rediseñar el flujo

Esta capa evita inflar cifras o forzar narrativa de performance donde no corresponde. El foco está en cambios observables de claridad, operación y experiencia.

Resultado sintetizado

Referencia comparable de la categoría: 50% de mejora en velocidad de tarea.

Referencias aprobadas

Marco cuantitativo validado desde la data estática del caso. Se muestra como referencia aprobada, no como promesa pública bajo NDA.

  • 40% de mejora en retencion de usuarios.
  • 50% de mejora en velocidad de tarea.

Agilidad operativa

Los usuarios entienden más rápido qué hace cada módulo, reduciendo fricción al evaluar una suite amplia. Referencia comparable de la categoría: 50% de mejora en velocidad de tarea.

Estabilidad técnica

Una narrativa de sistema más fuerte le da a la plataforma una estructura mental más clara y favorece la reevaluación. Referencia comparable de la categoría: 40% de mejora en retención de usuarios.

Aprendizaje del equipo

El sitio se vuelve más fácil de extender a medida que se suman más productos, clientes y pruebas a la suite. CRO y analítica: Se trazó la exploración de la suite, acciones de demo y navegación entre capacidades. Se revisó el comportamiento de scroll y clic para ajustar la secuencia de servicios y los puntos de decisión. Se ajustó la ubicación de prueba y CTA para que el ecosistema resulte más fácil de confiar y recordar.

Algunos detalles operativos, capturas o nombres se condensan para proteger contexto sensible y mantener el foco en las decisiones de producto, experiencia y sistema.

Sigue explorando

Este caso es una pieza del sistema completo, no una isla.

Si quieres revisar otro proyecto o conversar sobre producto, UX y ejecución front-end, aquí tienes la siguiente mejor ruta.

UX/UI & CRO

GANA Pay

El reto era ordenar una oferta compleja para pymes de educacion y salud en una narrativa clara de primer scroll. El sitio debia comunicar cumpli…

Ver siguiente caso