Caso de estudio principal

DomesLab — Calculadora de domos geodésicos

Un configurador-calculadora web completo para diseñar, presupuestar y construir domos geodésicos. Sustituye una hoja de cálculo legacy y una sesión de CAD por un flujo en el navegador, con 3D en tiempo real, planos PDF y BOM exportable.

PROYECTO INSIGNIA · 2025–2026

De hoja de cálculo legacy a SaaS productivo.

DomesLab parte del prototipo Acidome (HTML autocontenido) y lo convierte en una aplicación moderna construida con Vite, React 18, TypeScript estricto y react-three-fiber. El motor matemático vive en código puro y testeado: icosaedros, octaedros y tetraedros con subdivisión geodésica V1 a V6, proyección a esfera y cortes por porción (1/4, 5/12, 7/12, 3/4).

La aplicación calcula la lista de barras clasificadas por longitud con tolerancia ±0.5 mm, los ángulos de corte compuestos para conexiones Good Karma, la cubierta en m², los herrajes y el coste total — todo recalculado en menos de 200 ms mientras el usuario manipula la escena 3D.

Funciones como el corte axial Good Karma Pro — que la conexión Good Karma estándar no resolvía — salieron de hablar con constructores reales y ver dónde se atascaban. El criterio de diseño: enseñar lo que hay que decidir y esconder la matemática que no necesitan.

Vite 5React 18TypeScript strictThree.js + r3fTailwindZustandSupabaseStripeVitestPlaywrightjsPDFSheetJSCloudflare Pages
domeslab.lasaifusta.workers.dev · /editor
Editor 3D de DomesLab con visualización del domo y barras clasificadas por color

El problema

  • Hojas de cálculo frágiles donde un error rompe todos los presupuestos.
  • Sin previsualización 3D: imposible enseñar el resultado al cliente.
  • Cortes y biseles calculados a mano, propensos a fallo.
  • Sin reutilización de plantillas entre proyectos.

La solución

  • Motor matemático puro con tests de paridad contra el legacy.
  • Visor 3D interactivo con r3f: cámara, capas, modo explosionado.
  • Cortes, biseles y ángulos compuestos calculados al instante.
  • SaaS multiusuario con auth, planes y proyectos persistentes.

El resultado

  • App PWA instalable, modo offline y rendimiento <200 ms.
  • Exportación a PDF, XLSX, CSV, OBJ y DXF en un clic.
  • Despliegue continuo en Cloudflare con cada push a main.
  • +34 tests unitarios, e2e Playwright y auditoría a11y en verde.

Motor geodésico V1–V6

Icosaedro, octaedro y tetraedro con subdivisión hasta V6, proyección a esfera y porciones configurables.

Cortes Good Karma

Ángulos compuestos de sierra ingletadora, biseles y longitudes reales tras conexión, listos para taller.

Visor 3D interactivo

Cámara orbital, selección de barras, capas, materiales de madera y modo explosionado con un slider.

Planos PDF + BOM

Plano de despiece con bin-packing 1D, BOM editable con precios y exportación XLSX en 4 hojas.

Plantillas listas

Glamping, invernadero, evento, mini-domo. Punto de partida en un clic.

SaaS multiusuario

Cuentas, proyectos persistidos, 4 tramos de suscripción y pago con Stripe.

Otros proyectos

Más trabajo: webs a medida, rediseños y visualizadores 3D.

Junto a DomesLab, una selección de proyectos en los que he trabajado: webs para negocios y profesionales, propuestas de rediseño con varias direcciones visuales y herramientas técnicas en 3D. Algunas son entregas reales; otras, exploraciones y propuestas.

Cal Niu — web en producción del proyecto rural, en calniu.comcalniu.com · en producción
Web real · 5 idiomas

Cal Niu

Web en producción para un proyecto rural de cultura y bioconstrucción en una antigua rectoría del Berguedà: 5 idiomas (CA/ES/EN/EU/GA), calendario de actividades, voluntariado estilo Workaway y línea de tiempo histórica con mapas. Viva en calniu.com.

ProducciónMultilingüeComunidad
Clar — widget de búsqueda de trámites municipales en lenguaje claro, demo sobre una web municipalclar · producto propio
Producto propio · GovTech

Clar — trámites en lenguaje claro

Buscador de trámites municipales en lenguaje llano, integrable con una línea de script. De un estudio UX de 12 webs municipales a producto: 39 trámites CA/ES, catálogo por municipio, analítica de búsquedas sin respuesta, backend multi-tenant testeado e informe trimestral automático.

Producto propioGovTechAnalytics
Propuesta de rediseño de la web del Ajuntament de Castellar del Riupropuesta · GitHub
Propuesta de rediseño · Catalán

Ajuntament de Castellar del Riu

Propuesta de rediseño para la web de un pueblo del Berguedà: la misma información y las mismas fotos, con una interfaz que respira montaña y se entiende a la primera. Código en mi GitHub.

Diseño webSector públicoResponsive
Propuesta de rediseño para Macusa — Maderas Cunillpropuesta · GitHub
Propuesta de rediseño · 2 direcciones

Macusa — Maderas Cunill

Propuesta de rediseño para una carpintería industrial con medio siglo de historia. Dos líneas visuales sobre la misma estructura, tipografía editorial y catálogo claro. Código en mi GitHub.

RediseñoIndustrialBranding
KupulArt — cinco propuestas de identidad para un estudio de geodomoskupulart · 5 propuestas
Exploración de identidad · 5 versiones

KupulArt — Geodomos

Cinco propuestas de web para un estudio de geodomos, desde editorial sobrio hasta SaaS oscuro. Las mismas fotos, cinco mundos visuales distintos.

Art directionMockupsTipografía
Vibronáutica — tres direcciones visuales para un proyecto de música y eventosvibronautica
Web cultural · 3 direcciones

Vibronáutica

Tres maquetas-gancho para un proyecto de música y eventos, con la identidad sacada de su Instagram: cosmos inmersivo, póster editorial y brutalismo mono.

MúsicaEventosConcept
Rediseño de portada para Institut Integratiuinstitut-integratiu.com
Rediseño UX · Portada

Institut Integratiu

Rediseño de portada para un instituto de formación Gestalt. Reordena todo el contenido y los enlaces existentes con coherencia, sin perder nada.

UXEducaciónArquitectura info
El Sendero de mi alma — web de Cristina BZ, terapeutael sendero de mi alma
Marca personal

Cristina BZ

Web para una terapeuta: tarot, astrología y acompañamiento. Paleta cálida, ritmo editorial y newsletter integrada para sostener la comunidad.

Marca personalLandingNewsletter

Proyectos de cliente y prototipos. Puedo enseñarte cualquiera en una llamada.

¿Tienes un problema técnico que merece una herramienta a medida?

Cuéntame qué necesita tu equipo o tus clientes. En menos de 48 horas te respondo con un primer diagnóstico, una estimación de alcance y la siguiente decisión a tomar.