Un par de cookies hacen que la web funcione; la analítica nos ayuda a ver qué resulta útil. Tú eliges qué guardamos, lee la política.
La web antigua era solo para escritorio, lo que es un problema real cuando la mayoría del tráfico de contratistas viene del móvil. Tenía una presencia orgánica en buscadores casi nula, y años de acumulación la habían dejado sobrecargada: una auditoría de contenido encontró 122 URLs, cerca de la mitad duplicadas o páginas muertas con casi nada de tráfico. Y en el fondo estaba el verdadero reto: un catálogo demasiado complejo para cualquier tienda estándar.
Los precios estaban en hojas impresas desde un sistema de inventario que circulaban a mano por la tienda, así que nada estaba listo para la web. Y los nuevos propietarios, que acababan de comprar el negocio, no tenían forma de gestionar su propio catálogo. El proveedor anterior incluso retenía el dominio y el email, que solo se liberaron tras mucha insistencia.
«Quien entra en la web suele ser el propietario de la vivienda, el diseñador o el aficionado de fin de semana. Pero quien hace la compra es el contratista.»
Operaciones, Saint Charles Hardwoods
La carpintería acaba en viviendas de alta gama, así que la web tenía que ganarse la confianza de prescriptores y propietarios y, a la vez, dar a los contratistas el camino más rápido posible a un presupuesto. Los propietarios lo tenían claro: no complicarlo de más, lanzar una buena primera versión y dejar que la gestionen ellos mismos después.
La Fase 1 se planteó como un sitio de captación de clientes. La ingeniería de verdad, y el centro del trabajo, es el sistema de catálogo que hay debajo.
Un panel de administración a medida donde los propietarios lo gestionan todo ellos mismos: categorías, productos, especificaciones, imágenes, variantes y lo que está destacado o en stock. Hecho a medida en vez de como tienda estándar, porque el modelo de producto no encaja en una.
Un proto-carrito: los clientes añaden productos a una cesta de presupuesto y envían una única solicitud con los detalles adjuntos. Los productos a medida usan un formulario de presupuesto libre en vez del selector de variantes. Un puente deliberado hacia el trabajo de presupuestación de la Fase 2.
Una nueva portada y marca, páginas de categoría y de detalle de producto, y una página dedicada «Nuestro aserradero» como diferenciador. Botones de llamada directa por todas partes, porque la mayoría de quienes compran están en el móvil.
Una base de SEO local: títulos y metadatos limpios, encabezados estructurados, analítica y Search Console y una estructura de URLs lista para la Fase 2. Además, una formación de traspaso del CMS para que los propietarios lo manejen.
React con Zustand en el cliente, Lovable Cloud (Postgres, Storage, Auth) en el servidor. No hay servidor a medida: el navegador habla directamente con la base de datos, y la seguridad a nivel de fila decide quién puede leer y escribir qué.
Inicio de sesión por email o Google. El acceso de administrador es una lista blanca: una única comprobación en la base de datos controla cada escritura, así que concederlo o revocarlo es cambiar una fila. Los niveles de precio sensibles quedan totalmente ocultos de la lectura pública.
Las categorías forman un árbol. Ejes de variante como grosor y longitud generan sus combinaciones automáticamente, y las unidades de precio (pie tablar, pie lineal, pie cuadrado, pieza y tablero) forman parte nativa del modelo. Ese último detalle es justo donde falla una tienda estándar.
Las ediciones se aplican de forma optimista y se guardan en segundo plano mediante una cola con debounce y reintentos automáticos, con un indicador de «Guardando» y «Guardado» y una opción de deshacer durante unos segundos. Las imágenes se redimensionan en el navegador antes de subirse.
Cada acción relevante de administración se escribe en un registro de auditoría de solo adición. La plataforma hace copias de seguridad diarias de la base de datos con 14 días de retención, y la biblioteca de imágenes es reproducible desde el propio Drive del cliente.
La complejidad de presupuestar y fijar precios (precios que dependen del conocimiento interno, pie tablar frente a pie lineal, muchas especies y variantes, y un colchón deliberado entre un presupuesto y una compra) es más de lo que una tienda estándar gestiona bien. Las herramientas modernas asistidas por IA hicieron que construirlo a medida fuera de verdad más rápido que el QA manual que un sistema así solía exigir. Era lo correcto, aunque más difícil, para el negocio que tienen de verdad.
El software realmente a medida cambia comodidad por control. Fuimos claros desde el principio: el sistema de catálogo es la parte que más QA continuo necesitará.
Por eso construimos primero la red de seguridad (versiones publicadas, un registro de auditoría, copias de seguridad y un protocolo de publicación) para que ese cambio sea seguro.
En vez de presentar maquetas estáticas, definimos cuatro direcciones de diseño y construimos tres de ellas como prototipos vivos y clicables que el cliente podía probar en sus propios móviles. La dirección partió de marcas que les despertaban una reacción, así que descartamos los caminos equivocados pronto en vez de descubrirlos tarde.
Partimos de los datos de precios reales y desordenados del cliente en vez de suponer, planificamos una semana completa de QA con su propio personal antes del lanzamiento y pusimos en marcha un protocolo de publicación para que un despliegue de código nunca sobrescriba sus ediciones del catálogo.
El sistema de catálogo está construido y en manos de los propietarios. Gestionan ellos mismos categorías, productos, imágenes, artículos destacados y variantes, con la seguridad de publicar y revertir incorporada. El QA se hizo junto con su propio personal antes del lanzamiento.
Entre el 12 de agosto y el 26 de septiembre de 2026, el nuevo flujo de presupuesto recibió 60 solicitudes. Los buscadores trajeron cerca de cuatro de cada cinco de las que la analítica pudo atribuir, y cerca de la mitad de los visitantes reales entraron desde el móvil, que es por lo que la web se hizo mobile-first.
La Fase 2 empezó en septiembre de 2026: que el negocio sea más fácil de encontrar en Google, en los directorios locales y en los asistentes de IA para quien aún no lo conoce. Después viene el verdadero cuello de botella, presupuestar. Hemos propuesto documentar cómo se fija hoy el precio de los trabajos a medida, el primer paso para automatizarlo dejando el criterio en manos de una persona. La parte difícil es estructurar el conocimiento tácito de precios del equipo en algo que un modelo pueda usar de forma fiable, el mismo problema que resolvimos en Fixlab.
El presupuesto cotidiano de mostrador, calculado en minutos en vez de a mano.
La oferta de proyecto grande, donde presupuestar a mano puede llevar semanas.
Conocimiento tácito de precios, estructurado para que un modelo pueda aplicarlo.
Un pequeño estudio de producto. Prototipamos, automatizamos y lanzamos.
Ser pequeños es una ventaja: trabajas directamente con quienes lo construyen, y nos importa más que algo funcione en producción que quede bien en una presentación.