CP//DEV
Jogas Obras y Proyectos

2026 · Diseño y desarrollo end-to-end · Agencia Xpandex

Jogas Obras y Proyectos

Reformas integrales en Madrid, orientada a petición de presupuesto

  • React 19
  • TypeScript
  • Vite 8
  • Tailwind CSS 3
  • Framer Motion
Conversión
Presupuesto gratuito
Zona
Madrid
Bundler
Vite 8

Capturas de la web en producción, a 1440 px y a 375 px.

01Portada
Portada — Escritorio

Escritorio · 1440px

Portada — Móvil

Móvil · 375px

02Servicios
Servicios — Escritorio

Escritorio · 1440px

Servicios — Móvil

Móvil · 375px

03Contacto
Contacto — Escritorio

Escritorio · 1440px

Contacto — Móvil

Móvil · 375px

Contexto

Una empresa de reformas integrales que trabaja las zonas de Vara de Rey y Arganzuela en Madrid: fontanería, electricidad, alicatados, fachadas, cubiertas e interiorismo.

El sector de reformas se decide casi siempre por presupuesto. La web no tiene que contar la historia de la empresa: tiene que conseguir que alguien deje su teléfono.

Enfoque

  • Una sola conversión, repetida. “Pedir presupuesto” está en la barra superior, en el hero, al final de cada bloque de servicio y en el pie. No hay una segunda llamada a la acción compitiendo por la atención.
  • Rojo de marca sobre foto de obra real — el titular parte la frase para que “obra bien hecha a la primera” caiga en rojo. Es la objeción principal del cliente de reformas y conviene responderla en la primera pantalla.
  • React 19 sobre Vite con TypeScript estricto. Aquí el stack venía dado por continuidad con lo que el cliente ya tenía; se mantuvo y se puso al día en vez de reescribirlo por gusto.
  • React Helmet para el SEO por ruta: título, descripción y Open Graph cambian con la navegación de cliente.
  • Framer Motion para las apariciones al hacer scroll, contenidas y honrando prefers-reduced-motion.
  • Tres señales de confianza bajo el botón — profesionales cualificados, precios competitivos, soluciones duraderas.

Trabajo realizado

  • Aplicación React con enrutado de cliente y TypeScript estricto
  • Sistema de diseño en Tailwind con paleta de marca
  • Estructura de servicios por especialidad
  • Formulario de presupuesto con validación
  • SEO por ruta con React Helmet y metadatos Open Graph
  • Despliegue del build estático a producción

Resultado

En producción sobre su dominio. Es el proyecto más convencional del conjunto en cuanto a stack, y el ejemplo de que a veces la decisión correcta es continuar con lo que hay en vez de migrar por preferencia técnica.

Nota sobre el trabajo

Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.