CP//DEV
Matresu Real Estate

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

Matresu Real Estate

Inversión inmobiliaria en la Sierra Norte de Madrid

  • Astro 6
  • TypeScript
  • Tailwind CSS 4
  • PHP
Formulario
Backend propio
Salida
Estática
Datos del inversor
Sin terceros

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

01Portada
Página portada del sitio de Matresu Real Estate, vista de escritorio

Escritorio · 1440px

Página portada del sitio de Matresu Real Estate, vista de móvil

Móvil · 375px

02Inversiones
Página inversiones del sitio de Matresu Real Estate, vista de escritorio

Escritorio · 1440px

Página inversiones del sitio de Matresu Real Estate, vista de móvil

Móvil · 375px

03Metodología
Página metodología del sitio de Matresu Real Estate, vista de escritorio

Escritorio · 1440px

Página metodología del sitio de Matresu Real Estate, vista de móvil

Móvil · 375px

04Insights
Página insights del sitio de Matresu Real Estate, vista de escritorio

Escritorio · 1440px

Página insights del sitio de Matresu Real Estate, vista de móvil

Móvil · 375px

Contexto

Matresu OB compra terrenos e inmuebles con potencial en la Sierra Norte de Madrid, estudia su viabilidad, ejecuta la obra con la constructora del grupo y busca inversores para cada proyecto.

Eso no es un portal inmobiliario. Un portal lista todo lo que hay en el mercado y deja que el visitante filtre; aquí la propuesta es la contraria — la selección ya está hecha y lo que se enseña es el criterio con el que se hizo.

Enfoque

  • El método por delante del catálogo. La navegación pone “Inversiones” y “Metodología” al mismo nivel. Quien invierte no compra un inmueble, compra la confianza en cómo se eligió, así que el proceso tenía que ser visitable, no una nota al pie.
  • Un solo interlocutor como argumento. El hero lo dice sin rodeos: seleccionan, estudian y ejecutan con la constructora del grupo. En un sector donde el comprador acaba coordinando a cuatro empresas, esa es la diferencia y va en la primera pantalla.
  • Serif editorial sobre fotografía de la sierra a hora dorada, con dorado de acento. Nada de renders azules ni iconos de gráficas subiendo.
  • Sección de insights con contenido real — análisis de qué municipios tienen tracción, cómo se valida un terreno urbanizable, qué margen deja una reforma para reventa. Es captación por criterio, no por anuncio.
  • Backend PHP propio para el formulario, con envío por el correo del propio dominio, en lugar de un servicio externo. Los datos de un inversor interesado no pasan por un tercero, y no hay cuota mensual que renovar.
  • Astro estático con TypeScript estricto.

Trabajo realizado

  • Arquitectura Astro estática con TypeScript en modo estricto
  • Sistema de diseño editorial con paleta dorada sobre neutros cálidos
  • Fichas de proyecto de inversión con su estudio de viabilidad
  • Sección de insights para captación por contenido
  • Formulario con backend PHP propio y envío por SMTP del dominio
  • SEO técnico con sitemap

Resultado

En producción sobre su dominio. Al ser estático, la superficie que hay que mantener es mínima: no hay CMS, ni base de datos, ni panel que actualizar.

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 Matresu Real Estate?
No es un portal inmobiliario: presenta proyectos de inversión concretos con su estudio de viabilidad y capta inversores particulares. Astro estático con backend PHP propio para el formulario.
¿Con qué está construido Matresu Real Estate?
Matresu Real Estate está construido con Astro 6, TypeScript, Tailwind CSS 4 y PHP. Carlos Ponce lo entregó en 2026 — Diseño y desarrollo end-to-end · Agencia Xpandex.
¿Qué destaca de Matresu Real Estate?
Formulario: Backend propio. Salida: Estática. Datos del inversor: Sin terceros.
¿Matresu Real Estate está en producción?
Sí. Matresu Real Estate está publicado en matresurealestate.com desde 2026.

Proyectos relacionados