Impulsando el avance en la Marina con una plataforma de e‑learning moderna

Introducción:

Bluejacketeer, una plataforma de e‑learning para Hospital Corpsmen y marineros que se preparan para el Examen de Ascenso de la Marina, se acercó a Serfe en 2015. En ese momento, el sitio presentaba problemas técnicos y un diseño no responsivo. Con los años, convertimos esa base en una experiencia de aprendizaje confiable, moderna y de alto rendimiento, confiada por miles de miembros del servicio.

El desafío:

Sitio legacy basado en PHP con fallos técnicos recurrentes que interrumpían el estudio.
Un diseño no responsivo que frustraba a los usuarios móviles.
Incapacidad para manejar picos de alto tráfico durante las temporadas de examen.
Pagos y gestión de usuarios fragmentados que frenaban el crecimiento.
Necesidad de una experiencia de estudio más atractiva con mejores herramientas y contenido.

Nuestra solución:

Migramos a una aplicación web basada en React con un rediseño completo de UX, ofreciendo una interfaz responsiva, mobile-first, rápida, intuitiva y fácil de usar en cualquier dispositivo.
Infraestructura dimensionada correctamente que equilibra rendimiento y costo, garantizando estabilidad en picos de uso.
Aprendizaje móvil sin fricciones mediante una nueva app con modo offline y sincronización automática del progreso.
Facturación y soporte más simples gracias a suscripciones optimizadas e integración de ayuda en vivo.
Herramientas de estudio más ricas, incluyendo flashcards, rutas estructuradas (Quals) y generación de contenido asistida por IA.

Resultados:

Rendimiento de la plataforma estable y escalable en temporadas críticas.
Mejoras consistentes en velocidad y un flujo de estudio notablemente más fluido.
Más conversiones de suscripción gracias a un sitio comercial moderno y un checkout más simple.
Aprendizaje en cualquier momento y lugar con estudio offline completo en el móvil.
Menores costos operativos al alinear la infraestructura con el uso real y el crecimiento.
En 2021, Kaplan Inc. adquirió Bluejacketeer, un hito posible gracias al trabajo de largo plazo de Serfe modernizando, escalando y fortaleciendo la plataforma hasta convertirla en una solución líder de e‑learning.

Conclusión:

Al modernizar la UX, optimizar la infraestructura y ampliar el conjunto de herramientas de aprendizaje, Serfe ayudó a Bluejacketeer a ofrecer una experiencia de estudio confiable y de alta calidad que impulsa las carreras en la Marina.

Si estás listo para escalar tu plataforma digital y mejorar resultados, contáctanos para conversar cómo podemos ayudarte.

Descripción técnica del trabajo realizado

Detalles técnicos (clic para desplegar):

Tecnologías implementadas

React (Web) para la aplicación de una sola página (SPA).
React Native para apps móviles iOS y Android.
Node.js (SailsJS) como API REST.
PostgreSQL (en clúster) como base de datos principal.
WordPress para el sitio comercial/de marketing.
AWS S3 para el hosting de la app web.
DigitalOcean VPS para la capa de API.
CloudFlare para seguridad y rendimiento.
Stripe (Checkout, Subscriptions, Tax) e In‑App Purchases de Apple.
Intercom para chat en vivo y centro de ayuda.
New Relic (web) y Sentry (móvil) para monitoreo.
ChatGPT API (GPT‑4) para generación de contenido.
Bootstrap, Redux, Webpack, NativeBase, Nginx y Swagger — algunas de las herramientas potentes que integramos.

Arquitectura y hosting

Separación de responsabilidades: sitio comercial en WordPress (VPS) y la app de e‑learning en un subdominio (SPA en React sobre AWS S3).
API y BD: Node.js (SailsJS) en DigitalOcean con clúster de PostgreSQL para confiabilidad y desempeño.
Borde y seguridad: CloudFlare como CDN, WAF, TLS y para reporte de incidentes.

Optimización de backend y base de datos

Refactor de 30+ endpoints de API para reducir latencia y aumentar throughput.
Reestructuración de tablas y consultas para lecturas/escrituras más rápidas en picos de uso.
Mejoras en paginación y payloads de respuesta para agilizar la experiencia de la SPA.

Panel de administración

Accesos por roles, gestión de usuarios y permisos.
Gestión de bibliografía, capítulos y libros para los programas de estudio.
Buscador optimizado para resultados rápidos y ordenados.

Aplicaciones móviles

App en React Native compilada a nativo iOS y Android.
Modo offline con SQLite para guardar progreso; sincronización automática al reconectar.
Detección de conectividad (Wi‑Fi/datos móviles) para cambiar de modo sin interrupciones.
Compatibilidad: iOS 10+, Android 8+. Publicadas en Apple Store y Google Play.

Pagos y suscripciones

Checkout web con pagos únicos y recurrentes, impuestos y dunning mediante Stripe.
Suscripciones dentro de la app para iOS con verificación de derechos y vinculación de cuenta.

Generación de contenido con IA

Integración en T3 2023 de ChatGPT (GPT‑4) para creación automatizada y aleatoria de preguntas y respuestas.
Pipeline para procesar PDFs/libros y enriquecer el contenido de los cursos a escala.

Funciones de aprendizaje

Flashcards con herramientas de administración para asociarlas a preguntas existentes.
Módulos de programas de estudio y Quals para guiar a los estudiantes por rutas estructuradas.
Sincronización de progreso entre web y móvil para una experiencia unificada.

Monitoreo, QA y delivery

New Relic (web) y Sentry (móvil) para visibilidad 24/7 de incidentes.
Pruebas automatizadas y pipelines de CI/CD en GitLab para lanzamientos confiables.
Documentación de API con Swagger para alinear producto, QA e ingeniería.

Etiquetado como

Oct 2015 - Bluejacketeer