alqubo.
Activoabr 2025

StepLab

La web y la plataforma de pedidos de StepLab, un laboratorio que fabrica plantillas ortopédicas para podólogos.

Captura de StepLab

Qué es

StepLab es un laboratorio que fabrica plantillas ortopédicas a medida, solo para podólogos. El podólogo escanea el pie del paciente, decide cómo tiene que ser la plantilla y StepLab la fabrica con fresado CNC y se la envía.

Lo hice como freelance junto a Ángel. Empezamos en abril de 2025 con dos piezas: la web, para que los podólogos conozcan el laboratorio, y la plataforma en app.steplabplantillas.es, donde hacen los pedidos.

La web

steplabplantillas.es cuenta qué hace el laboratorio y cómo trabaja:

  • Productos y fabricación: los materiales, los forros y cómo se hace cada plantilla.
  • Guía: cómo pedir la primera plantilla, con PDFs descargables para tener a mano en la consulta.
  • Demo: una página para pedir una demostración de la plataforma.
  • Blog, opiniones de podólogos, preguntas frecuentes y contacto con mapa.

Está en español e inglés, y es estática, hecha con Astro y Tailwind CSS.

La plataforma

Es donde está casi todo el trabajo. Un podólogo se registra y desde ahí:

  • Crea pacientes y les asigna pedidos.
  • Configura cada plantilla: material, forro, piezas y correcciones, y sube el escaneado 3D del pie (STL, OBJ, PLY, 3MF…).
  • Confirma el pedido con la dirección de envío o la recogida en el laboratorio.
  • Sigue el estado (solicitado, en proceso, enviado, completado) y recibe un correo con cada cambio.
  • Abre incidencias si algo no está bien, con su historial.

Del lado del laboratorio, el administrador ve todos los pedidos, cambia su estado en bloque, deja notas internas y puede ver estadísticas.

Cada pedido genera sus propios PDFs: la ficha técnica con la que se fabrica la plantilla, el resumen para el podólogo y la etiqueta de envío con código de barras.

Cómo está hecha

  • La web en Astro, con rutas por idioma, sitemap y datos estructurados para Google.
  • La plataforma en Next.js con React y HeroUI.
  • PocketBase como backend: usuarios, pedidos y archivos, y hooks que numeran los pedidos por día y mandan los correos cuando cambia un estado o se abre una incidencia.
  • Los PDFs se generan con pdf-lib, y los códigos de barras, con JsBarcode.