Ir al contenido
04 — EXPERIENCIA WEB / HERRAMIENTA DE NEGOCIO

Valsusa Serramenti

Experiencia web · Herramienta de presupuestos

La web que trae al cliente y la herramienta que digitaliza el trabajo de detrás

  • FRONTEND
  • BACKEND
  • AUTOMATION
  • UX
  • CONTENT
Visita il sito
La home de Valsusa Serramenti

El problema

Una empresa de carpintería vive de presupuestos.

Una empresa de carpintería vive de presupuestos. Delante hay un cliente que tiene que entender qué puede pedir; detrás está quien tiene que calcularlo, y cada tipología —mosquiteras, persianas y las demás del catálogo— tiene medidas, variantes y reglas propias. La web y el presupuesto parecen dos mundos separados, pero son el mismo trabajo: uno lo genera, el otro lo resuelve.

Cómo funciona

Tratar las dos mitades como un solo sistema. La web no tiene solo que existir: tiene que traer solicitudes que ya sirvan. La herramienta interna no tiene solo que calcular: tiene que partir de esas solicitudes. En medio, las reglas que hoy viven en la cabeza de quien presupuesta hay que escribirlas una sola vez.

WebSolicitudMediciónConfiguradorPresupuestoÁrea de personal
  1. Web
  2. Solicitud
  3. Configuración
  4. Presupuesto

Qué he construido

  • FRONTEND
  • BACKEND
  • AUTOMATION
  • UX
  • CONTENT

La web de la empresa: catálogo de productos por categoría, presentación de los servicios, trabajos realizados y solicitud de presupuesto.

Un recorrido de contacto pensado para que lleguen solicitudes útiles en vez de genéricas.

Un área reservada al personal, accesible desde la propia web.

Un configurador organizado por categorías de producto, con lógicas dedicadas a cada tipología en vez de un único formulario genérico.

La recogida estructurada de las mediciones, para que las medidas tomadas in situ sean el punto de partida del presupuesto.

La generación del presupuesto a partir de la configuración.

Comprobaciones automáticas sobre los recorridos de configuración, para mantenerlos alineados mientras las reglas cambian.

El producto
La home de Valsusa Serramenti
La home de Valsusa Serramenti
La sección dedicada a los productos
La sección dedicada a los productos
La web desde el móvil
La web desde el móvil
El formulario de un presupuesto nuevo, todavía vacío: datos, cliente, texto, totales
El formulario de un presupuesto nuevo, todavía vacío: datos, cliente, texto, totales
La configuración de un producto: modelo, medidas, color, tipo impositivo, total que se actualiza
La configuración de un producto: modelo, medidas, color, tipo impositivo, total que se actualiza
El archivo de presupuestos, con el estado y el importe de cada uno
El archivo de presupuestos, con el estado y el importe de cada uno

Arquitectura

La web pública está optimizada para ser encontrada y para convertir una visita en una solicitud. La herramienta operativa es una aplicación web con una parte de servidor que se ocupa del acceso y la persistencia, y código organizado por categoría de producto: añadir una tipología significa añadir su módulo de reglas, no modificar el resto. Es la decisión que hace la herramienta reutilizable en vez de reescribible.

  1. FRONTENDciò che si vede
  2. BACKENDciò che decide
  3. AUTOMATIONciò che si ripete da solo
  4. UXciò che rende comprensibile
  5. CONTENTciò che spiega

Las decisiones

Delante: una web que trae solicitudes, no visitas

Una web de carpintería que enumera productos es un catálogo. Una que trae trabajo es una web que le hace entender al cliente qué puede pedir —por categoría, por necesidad, con los trabajos ya hechos como prueba— y que convierte la solicitud de presupuesto en el gesto más natural de la página.

Detrás: el software no sustituye a quien sabe presupuestar

Las reglas ya estaban: vivían en la experiencia de quien las aplicaba. El trabajo no fue inventarlas, fue escribirlas de forma que se mantuvieran iguales a sí mismas cada vez, y que se pudieran corregir en un solo sitio cuando cambian.

Una tipología, un módulo

Las mosquiteras y las persianas no se calculan igual, y forzarlas dentro de un único módulo genérico habría producido una maraña de excepciones. Cada tipología tiene su propio módulo de reglas: añadir una no toca las demás, y es el motivo por el que la herramienta puede crecer con la empresa.

De la medición al presupuesto

Las medidas tomadas in situ y el presupuesto que sale de ellas son el mismo objeto en dos momentos distintos. Mantenerlos conectados evita el paso más frágil de todos: copiar números a mano.

Stack

  • JavaScript
  • HTML/CSS
  • Serverless functions
  • Netlify
  • Tests end-to-end
  • SEO local

Mi papel

  • Product thinking
  • UX/UI
  • Frontend
  • Backend
  • Automatización del presupuesto
  • Despliegue

Diseño y desarrollo

Resultado

  • La presencia pública y la herramienta interna son dos partes del mismo recorrido, no dos proyectos desconectados.
  • Las reglas de cálculo viven en un solo sitio, en vez de en la memoria de quien presupuesta.
  • Añadir una tipología de producto no obliga a volver sobre las que ya existen.

La web trae la solicitud, el panel la convierte en trabajo: formulario, configuración, archivo. Es la parte que no se ve desde fuera, y es la que marca la diferencia entre una web y una herramienta.

Valsusa Serramenti está online. Puedes abrirlo ahora.

Visita la web
Proyecto siguiente Anterior · Nexlane

Mediatore creditizio

Experiencia web · Captación de contactos

Hacer sencillo el primer paso hacia un servicio que parece complicado