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
Página portada del sitio de Jogas Obras y Proyectos, vista de escritorio

Escritorio · 1440px

Página portada del sitio de Jogas Obras y Proyectos, vista de móvil

Móvil · 375px

02Servicios
Página servicios del sitio de Jogas Obras y Proyectos, vista de escritorio

Escritorio · 1440px

Página servicios del sitio de Jogas Obras y Proyectos, vista de móvil

Móvil · 375px

03Contacto
Página contacto del sitio de Jogas Obras y Proyectos, vista de escritorio

Escritorio · 1440px

Página contacto del sitio de Jogas Obras y Proyectos, vista de 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.

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 SEO gestionado en cliente mediante React Helmet.
¿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