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. Debajo de todo estaba el reto de verdad: un catálogo demasiado complejo para cualquier tienda estándar.
Los precios vivían en hojas impresas desde un sistema de inventario y se movían por la tienda a mano, 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, redirecciones 301 para las URLs de más valor 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 lo que una tienda estándar hace mal.
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 basados en 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. Lo correcto y más difícil para el negocio que de verdad tienen.
El software realmente a medida cambia comodidad por control. Fuimos sinceros en que el sistema de catálogo es la parte con más probabilidad de necesitar QA continuo.
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 se ancló a marcas que les provocaban 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 sus ediciones de catálogo nunca las sobrescriba un despliegue de código.
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 está en marcha, realizado junto con su propio personal.
Lo que queda antes del lanzamiento: los propietarios terminando el contenido y las fotos de producto desde el nuevo panel, conectar el flujo de presupuesto a un buzón de la empresa y probarlo, y el cambio de DNS, reservado a propósito hasta el lanzamiento. Añadiremos el rendimiento real aquí cuando el sitio esté en marcha.
El verdadero cuello de botella del negocio es presupuestar. Estamos planificando una segunda fase 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 la ventaja: trabajas directamente con quienes construyen la cosa, y nos importa más algo que aguante en producción que algo que quede bien en una presentación.