Volver al portafolio
UX/UI & CROCelebration School of Nursing

Celebration School of Nursing

Celebration School of Nursing se planteo como una landing de alta intencion para impulsar el programa LPN con una narrativa de carrera, confianza academica y…

Editorial hero mockup for Celebration School of Nursing

Cliente / Producto

Celebration School of Nursing

Industria

Nursing Education / Enrollment

Modelo

Landing de enrollment para programa LPN

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

Prospectos de nursingAdmissionsAdult learners

Lo esencial del caso

  • Diseño UX/UI, desarrollo funcional y optimización continua dentro del mismo delivery.
  • El objetivo era convertir una oferta academica puntual en una experiencia de captacion contundente, capaz de condensar…
  • La página crea una línea más directa desde la curiosidad hasta el contacto con un advisor, reduciendo la fricción de d…
  • 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 objetivo era convertir una oferta academica puntual en una experiencia de captacion contundente, capaz de condensar diferenciadores, credenciales y prueba numerica sin saturar al usuario. La interfaz debia sostener claridad sobre duracion, horas, pass rate y siguiente paso, especialmente en mobile.

El enfoque

Cómo se estructuró la respuesta

Construi una landing enfocada en una sola accion principal, reforzada por metrics cards, beneficios academicos y un lead magnet pensado para empujar la consideracion. Desde desarrollo deje una base WordPress modular para ajustar copy, formularios y bloques segun rendimiento. Despues conecte eventos y analice comportamiento con GA4 y heatmaps para refinar orden de secciones, prominencia de CTA y velocidad de carga. 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 objetivo era convertir una oferta academica puntual en una experiencia de captacion contundente, capaz de condensar diferenciadores, credenciales y prueba numerica sin saturar al usuario. La interfaz debia s…

Auditoría heurística

01

El objetivo era convertir una oferta academica puntual en una experiencia de captacion contundente, capaz de condensar diferenciadores, credenciales y prueba numerica sin saturar al usuario. La interfaz debia sostener claridad sobre duracion, horas, pass rate y siguiente paso, especialmente en mobile.

Celebration School of Nursing se planteo como una landing de alta intencion para impulsar el programa LPN con una narrativa de carrera, confianza academica y accion inmediata. Disene y desarrolle la experiencia completa, incluyendo estructura funcional, formul…

Sistema UX/UI: Se condensó la historia de valor en una jerarquía de landing más cerrada alrededor de un solo programa.

Se usaron estadísticas, señales de confianza y bloques de prueba para sostener urgencia sin sobrecarga visual.

Se reforzó un tono clínico limpio con mayor contraste de CTA y menor fricción cognitiva.

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 Celebration School of Nursing.
Captura desktop representativa usada para explicar el diagnóstico de la experiencia.
Fase 02

Sistema visual, arquitectura y continuidad de experiencia

Construi una landing enfocada en una sola accion principal, reforzada por metrics cards, beneficios academicos y un lead magnet pensado para empujar la consideracion. Desde desarrollo deje una base WordPress mo…

Sistema visual y estructura

01

Construi una landing enfocada en una sola accion principal, reforzada por metrics cards, beneficios academicos y un lead magnet pensado para empujar la consideracion. Desde desarrollo deje una base WordPress modular para ajustar copy, formularios y bloques segun rendimiento. Despues conecte eventos y analice comportamiento con GA4 y heatmaps para refinar orden de secciones, prominencia de CTA y velocidad de carga.

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 condensó la historia de valor en una jerarquía de landing más cerrada alrededor de un solo programa.

Se usaron estadísticas, señales de confianza y bloques de prueba para sostener urgencia sin sobrecarga visual.

Se reforzó un tono clínico limpio con mayor contraste de CTA y menor fricción cognitiva.

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 construyó una estructura modular de landing en WordPress que soporta pruebas continuas de messaging.

Se integraron formularios de captación, disparadores para descargar guías y bloques de contenido de apoyo.

Se mantuvo la experiencia responsive enfocada en conversión en desktop y mobile.

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 Celebration School of Nursing.
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: 45% de aumento en leads.

Implementación y refinamiento

01

Entrega web: Se construyó una estructura modular de landing en WordPress que soporta pruebas continuas de messaging.

Se integraron formularios de captación, disparadores para descargar guías y bloques de contenido de apoyo.

Se mantuvo la experiencia responsive enfocada en conversión en desktop y mobile.

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 trazaron CTAs hacia asesores, descargas de guía e interacciones con formularios de enrollment en GA4.

Se usaron mapas de calor para afinar el orden de scroll, el énfasis del programa y la prominencia de tarjetas de estadísticas.

Se iteró la fricción de campos, el copy de CTA y la secuencia de secciones para sostener una intención de enrollment más fuerte.

Referencia aprobada: 45% de aumento en leads.

Referencia aprobada: 25% de aumento en accesibilidad con una referencia de 98/100 WCAG.

Vista mobile principal de Celebration School of Nursing.
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: 45% de aumento en leads.

Referencias aprobadas

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

  • 45% de aumento en leads.
  • 25% de aumento en accesibilidad con una referencia de 98/100 WCAG.

Agilidad operativa

La página crea una línea más directa desde la curiosidad hasta el contacto con un advisor, reduciendo la fricción de decisión en un funnel de oferta única. Referencia comparable de la categoría: 45% de aumento en leads.

Estabilidad técnica

Una jerarquía más ajustada hace que la promesa de un año, la preparación para NCLEX y el siguiente paso sean más memorables.

Aprendizaje del equipo

Los elementos de conversión se mantienen más claros en pantallas pequeñas, donde comienzan muchas inquiries de enrollment. Referencia comparable de la categoría: 25% de mejora en accesibilidad. CRO y analítica: Se trazaron CTAs hacia asesores, descargas de guía e interacciones con formularios de enrollment en GA4. Se usaron mapas de calor para afinar el orden de scroll, el énfasis del programa y la prominencia de tarjetas de estadísticas. Se iteró la fricción de campos, el copy de CTA y la secuencia de secciones para sostener una intención de enrollment más fuerte.

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

Compu-Med Vocational Careers

El sitio debia equilibrar multiples programas, campus, servicios estudiantiles y mensajes institucionales sin volverse pesado ni confuso. La pri…

Ver siguiente caso