Desarrollo Web Creativo Logo
Portafoliochevron_rightMorfoMetrix - plataforma SaaS de alto rendimiento

MorfoMetrix - plataforma SaaS de alto rendimiento

Desarrollada para sustituir los métodos tradicionales basados en hojas de cálculo manuales y software de escritorio obsoleto, la plataforma conecta a centros deportivos (gimnasios y clínicas), profesionales de la salud y el fitness independientes (freelancers) y atletas/pacientes en un ecosistema unificado en la nube.

Propuesta de Valor
Para profesionales y centros: Automatización inmediata del cálculo de modelos antropométricos estandarizados (ISAK, Heath-Carter, fraccionamiento de Kerr), generación de informes visuales y gestión integral de expedientes.
Para el atleta/cliente: Acceso a un portal interactivo y visual para consultar la evolución de sus pliegues, masa muscular, grasa visceral y objetivos corporales a lo largo del tiempo.
Modelo de Negocio: Arquitectura SaaS preparada para monetización por suscripción, control de límites por plan y aislamiento de organizaciones (multi-tenancy).
psychology

El Desafío

El diseño y desarrollo de MorfoMetrix enfrentó tres retos de alta complejidad técnica y de negocio:

  1. Complejidad algorítmica y rigor científico:
    La antropometría profesional exige cálculos biomatemáticos de alta precisión (modelos de somatotipo de Heath-Carter, ecuaciones predictivas de densidad corporal, índices óseos y pliegues cutáneos). Trasladar estas fórmulas a un entorno web sin margen de error y representar gráficamente la Somatocarta (un sistema de coordenadas no cartesianas tradicionalmente complejo de renderizar) requería un desarrollo a medida.

  2. Arquitectura Multi-Tenant con segmentación estricta de roles:
    La plataforma debía soportar dos dinámicas de trabajo radicalmente distintas bajo una misma base de código:

    • Entorno corporativo: Gimnasios y clínicas con administradores y múltiples entrenadores asociados con permisos jerárquicos y límites de clientes por plan.
    • Entorno independiente: Nutricionistas y entrenadores freelance que gestionan su propia cartera de clientes y plantillas de forma autónoma.
      Garantizar el aislamiento estricto de los datos entre diferentes organizaciones y usuarios fue un requerimiento crítico.
  3. Experiencia de usuario (UX) en flujos de datos densos:
    La toma de mediciones antropométricas suele comprender decenas de variables por sesión (perímetros, diámetros, pliegues, peso, talla). El reto radicaba en crear una interfaz rápida, intuitiva y reactiva que permitiera a los evaluadores ingresar datos en segundos sin fricción, ofreciendo feedback visual inmediato sin recargar la pantalla.

lightbulb

La Solución

Para resolver estos desafíos, DWC diseñó una arquitectura moderna, escalable y centrada en el rendimiento utilizando el ecosistema más puntero del desarrollo web:

  • Arquitectura Fullstack con Next.js 15 & React 19:
    Implementación basada en el App Router y Server Components para optimizar los tiempos de carga, garantizando navegación instantánea y renderizado híbrido eficiente.

  • Modelado de Datos Relacional y Multi-Tenancy con Prisma ORM & PostgreSQL:
    Diseño de un esquema de base de datos relacional robusto que desacopla organizaciones, suscripciones, evaluadores y expedientes. Se implementó una lógica de aislamiento a nivel de consulta para impedir fugas de datos entre inquilinos (tenants) y soportar tanto el modelo jerárquico de gimnasios como el modelo plano de profesionales independientes.

  • Motor de Cálculo Antropométrico y Visualización Matemática:

    • Implementación modular de fórmulas estandarizadas (ISAK, Kerr 5 componentes, Faulkner, Durnin-Womersley).
    • Desarrollo de componentes gráficos a medida (usando Recharts y primitivas SVG optimizadas) para el cálculo y proyección vectorial en tiempo real de la Somatocarta (Endomorfia, Mesomorfia, Ectomorfia) y análisis de tendencias temporales.
  • Autenticación Stateless Segura y Control de Acceso (RBAC):
    Sistema de autenticación desacoplado mediante JWT (JOSE) y hashing criptográfico con bcryptjs, permitiendo validación en el edge/middleware y control granular de acceso basado en 5 niveles de privilegios (SUPER_ADMIN, ADMIN, STAFF, FREELANCE y acceso directo de cliente).

  • Diseño UI/UX de Alta Fidelidad con Tailwind CSS:
    Sistema de diseño minimalista con soporte nativo para modo oscuro/claro (next-themes), microinteracciones y formularios ergonómicos adaptados a tablets y pantallas táctiles para su uso directo en cabina o gimnasio

  • check_circleArquitectura modular con máxima velocidad de carga.
  • check_circleDiseño responsivo optimizado para conversión móvil.
  • check_circleIntegración de APIs y bases de datos seguras.

CLIENTE

M

MorfoMetrix

CATEGORÍA

Custom SoftwareProgreso: 60%

PAÍS / UBICACIÓN

publicEspaña - LATAM

ESTADO DEL DESARROLLO

En Desarrollo (60%)

Fase de desarrollo activo al 60%

TECH STACK

<>Next.js 15
<>React 19
<>TypeScript
<>PostgreSQL
<>Prisma ORM
<>Tailwind CSS
<>Recharts
<>Jose (JWT)
<>Bcrypt.js
<>Turbopack
<>Better-SQLite3 (Local Dev)
<>Next Themes

Impacto y Resultados

trending_up

+45%

Conversión

speed

-2s

Carga

verified

99.99%

Disponibilidad

rocket_launch

¿Tienes un proyecto similar?

Hablemos sobre cómo nuestra experiencia técnica puede escalar tu producto al siguiente nivel.

chat