Saltar al contenido

01 — CASO DE ESTUDIO · 2026

InmínerCampus

Una plataforma e-learning corporativa, de la compra al certificado.

E-LearningPaymentsDatabaseFull-Stack
Portada de InmínerCampus: el titular «Conocimiento que se convierte en seguridad» junto a una imagen de maquinaria minera.

Proyecto desarrollado durante mi etapa profesional en INMÍNER Ingeniería.

inminercampus.com

01 CONTEXTO

INMÍNER imparte formación preventiva y necesitaba digitalizarla en una plataforma propia: alumnos, cursos, contenidos, evaluaciones, accesos y pagos conviviendo en un solo sistema, sin depender de plataformas de terceros.

02 PROBLEMA

La formación existía repartida entre procesos que no se hablaban entre sí. Había que unificar catálogo, compra, acceso, aprendizaje, evaluación y certificación sin fricción para el alumno ni para la administración — y con un lenguaje comercial coherente con los criterios regulatorios del sector.

03 EL SISTEMA

Una aplicación web completa: catálogo, aula, evaluación, certificado y cobro dentro del mismo sistema.

LAS PIEZAS

01ACCESO
Autenticación con dos roles, alumno y administrador, y entrada individual o corporativa mediante códigos de empresa.
02CATÁLOGO
Los cursos publicados, cada uno con su modalidad, su duración y la referencia normativa que le corresponde.
03AULA
Contenido por bloques: audio explicado, diapositiva, explicación escrita y PDF de apoyo.
04EVALUACIÓN
Tests tipo test por bloque y evaluación final, con el progreso guardado para retomarlo donde se dejó.
05CERTIFICADO
Certificados digitales emitidos con trazabilidad de la realización, verificables desde el propio sitio.
06COBRO
Compra online integrada en la plataforma: pagar y acceder al curso son el mismo flujo, no dos webs.

EL RECORRIDO

  1. 01

    USER

    Alguien llega al catálogo y elige un curso.

  2. 02

    AUTH

    Se identifica o crea cuenta; su rol decide qué ve.

  3. 03

    CHECKOUT

    Paga, o canjea el código que le ha dado su empresa.

  4. 04

    COURSE

    Bloque a bloque: audio, diapositiva, explicación y test.

  5. 05

    CERTIFICATE

    Al superarlo, certificado con su trazabilidad.

04 STACK

  • React
  • TypeScript
  • Supabase
  • PostgreSQL
  • Stripe
  • Vercel
  • Lovable
  • GitHub

EN PRODUCCIÓN

inminercampus.com

Capturas del sitio publicado. Solo pantallas públicas: nada de lo que hay detrás de un acceso, ningún dato de cliente.

Catálogo de cursos en tarjetas, cada una con modalidad, duración, referencia normativa y precio.
El catálogo. Cada ficha declara modalidad, duración, la ITC que le corresponde y el precio; los cursos de acceso restringido lo dicen en su sitio en lugar de desaparecer.
Ficha del curso de prevención frente al polvo y la sílice, con el panel lateral de compra individual o para empresa.
La ficha de curso y su panel de compra. «Comprar para mí» y «Comprar para una empresa» salen del mismo sitio: el pago no es otra web, es parte del sistema.
Pantalla de verificación pública de certificados, con un campo para introducir el código del documento.
Verificación pública de certificados. Un tercero comprueba que un documento es válido introduciendo su código, sin que eso exponga los datos del alumno.

05 DECISIONES

Payments aren't a separate website. They're part of the system.

Integré Stripe dentro de la propia plataforma: checkout, confirmación de pago, registro de la compra en Supabase, datos fiscales y lógica de acceso al curso. La compra y el aprendizaje son el mismo flujo.

Interface + logic + data.

El trabajo no termina en la pantalla: diseñé el modelo de datos en Supabase/PostgreSQL — usuarios, roles, cursos, compras y accesos — y lo hice evolucionar con el producto.

A lesson, reduced to what matters.

Diseñé la experiencia de lección priorizando el consumo rápido del contenido: reproductor de audio compacto, diapositiva grande, explicación detallada y documento de apoyo. Todo lo redundante, fuera.

06 RESULTADO

Resultados cualitativos. No se publican métricas que no pueda sostener.

  • Formación digitalizada de principio a fin en plataforma propia.
  • Venta de cursos online con pago y acceso conectados.
  • Administración de contenido y usuarios sin tocar código.
  • Certificados digitales con trazabilidad de la realización.

¿ALGO PARECIDO?

Si tu problema se parece a este, hablemos.

Cada sistema es distinto, pero el punto de partida siempre es el mismo: entender el proceso.