Saltar al contenido

Nacht

Plataforma de formación técnica con rutas de aprendizaje interactivas y seguimiento de progreso.

Sector
Educación
Rol
Estrategia, UI/UX, Motion
Stack
Next.js, TypeScript, GSAP, PostgreSQL
nacht.concepto.basesofts.com
Portada del sitio de Nacht
Concepto

Caso demostrativo de I+D: prototipo funcional desarrollado íntegramente por BaseSoft para demostrar arquitectura, UX y rendimiento en el sector. La aplicación es 100 % navegable; las métricas y marcas son simuladas.

Vista previa

Navega el sitio

Es el sitio real del concepto: desplázate y pulsa para probarlo.

nacht.concepto.basesofts.com
Nacht: Portada
Portada
nacht.concepto.basesofts.com
Nacht: Contenido
Contenido
nacht.concepto.basesofts.com
Nacht: Detalle
Detalle
Nacht en móvil, vista 1
Nacht en móvil, vista 2
Móvil
nacht.concepto.basesofts.com · página completa
Página completa del sitio de Nacht
Página completa

01

El reto

Una escuela de oficios digitales quería una plataforma donde aprender se sintiera como avanzar, no como acumular videos pendientes.

02

El enfoque

Módulos prácticos con evaluación inmediata, un mapa de progreso que visualiza la ruta completa y retroalimentación interactiva al completar cada hito. El movimiento refuerza el avance sin distraer.

03

El resultado

Un prototipo del mapa de progreso, la vista de lección y un sistema de microinteracciones con alternativas para movimiento reducido.

Sobre el proyecto

En detalle

Nacht es un prototipo funcional de BaseSoft: una plataforma educativa diseñada para convertir el aprendizaje digital en un recorrido estructurado, medible y orientado a la práctica.

Progreso que se ve

El mapa del curso muestra el camino entero: lo que ya hiciste, lo que sigue y lo que falta. Ver el avance es el mejor motivador, y cada lección completada lo hace más tangible.

Práctica inmediata

Cada lección termina con un ejercicio corto. Aprender haciendo reduce el abandono y da retroalimentación en el momento en que más sirve.

Movimiento con medida

Las celebraciones y transiciones son breves y tienen su versión sin movimiento. El objetivo es acompañar, no entretener a costa de la concentración.

Páginas

  • Inicio
  • Catálogo
  • Mapa de progreso
  • Lección
  • Perfil
  • Ayuda

Funcionalidades

  • Mapa de progreso
  • Práctica inmediata
  • Microinteracciones
  • Movimiento reducido

Siguiente proyecto

Luck