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
La web por dentro
Capturas de la web en producción, a 1440 px y a 375 px.
Escritorio · 1440px
Móvil · 375px
Escritorio · 1440px
Móvil · 375px
Escritorio · 1440px
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 y una arquitectura por funcionalidades: cada sección de la landing vive en su propia carpeta, con sus datos aparte.
- SEO por ruta con react-helmet-async: título, descripción y Open Graph propios en cada página.
- Prerender al publicar y 404 real. Como SPA, cada ruta servía el mismo HTML de 31 palabras y cualquier URL inventada respondía 200 con la portada. Ahora un script abre cada ruta en Chromium tras el build y guarda el HTML ya montado (si una página sale con menos de 80 palabras, la publicación se para), y el servidor devuelve 404 a lo que no existe.
- Framer Motion para las apariciones al hacer scroll, contenidas.
- 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-async y metadatos Open Graph
- Prerender de las cinco rutas y 404 real en el servidor
- Despliegue del build estático a producción
Resultado
En producción sobre su dominio. Después se le añadió el prerender y el 404 real sin reescribir la aplicación: el HTML llega con su contenido y la web sigue siendo la misma SPA.
Nota sobre el trabajo
Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.
En corto
- ¿Qué es Jogas Obras y Proyectos?
- Web en React para una empresa de reformas. Una sola conversión — pedir presupuesto — repetida en cada punto del recorrido, con cada ruta prerenderizada para que el HTML llegue con su contenido.
- ¿Con qué está construido Jogas Obras y Proyectos?
- Jogas Obras y Proyectos está construido con React 19, TypeScript, Vite 8, Tailwind CSS 3 y Framer Motion. Carlos Ponce lo entregó en 2026 — Diseño y desarrollo end-to-end · Agencia Xpandex.
- ¿Qué destaca de Jogas Obras y Proyectos?
- Conversión: Presupuesto gratuito. Zona: Madrid. Bundler: Vite 8.
- ¿Jogas Obras y Proyectos está en producción?
- Sí. Jogas Obras y Proyectos está publicado en jogasreformas.com desde 2026.
Proyectos relacionados
¿Algo parecido en mente?