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…
Narrative blocks
4
Visual assets
4
Tech capabilities
5
Client / Product
Celebration School of Nursing
Industry
Nursing Education / Enrollment
Business model
Landing de enrollment para programa LPN
Role
Diseño UX/UI · Desarrollo WordPress · Tracking en GA4 · Mapas de calor · Optimización CRO
Date
August 2024
Active audiences in the flow
Case essentials
The challenge
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.
The approach
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.
Case narrative
Each block keeps a clear sequence: diagnosis, design decisions, implementation, and learning for future iterations.
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…
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.
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
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…
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
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.
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.
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.
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.
This layer avoids inflated metrics or forced performance claims. It reads the observable shift in clarity, operating rhythm, and user confidence.
Synthesized outcome
Referencia comparable de la categoría: 45% de aumento en leads.
Reference signals
Quantitative framing extracted from the case data. Presented as proof of direction, not as an overpromised public claim.
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.
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.
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.
If you want to review another project or talk about product, UX, and front-end execution, here is the next best route.
UX/UI & CRO
El sitio debia equilibrar multiples programas, campus, servicios estudiantiles y mensajes institucionales sin volverse pesado ni confuso. La pri…