# Umbral Casa

> Presentar propiedades mediante luz, barrio y datos útiles para agendar una visita.

- Servicio demostrado: Diseño web para inmobiliarias boutique
- Tipo: demostración independiente
- Sector: Inmobiliaria
- Dirección visual: Modernismo cálido
- Interacción: Dossier dinámico
- Caso: https://devforgeapp.pro/proyectos/umbral-casa
- Demo: https://umbral.devforgeapp.pro/

## Respuesta corta

Un archivo residencial que permite comparar lugares, explorar planos y pasar a una visita sin romper el contexto.

## El reto

La decisión inmobiliaria no ocurre solo frente a una fotografía: también depende de cómo se vive el barrio, cómo respira un plano y qué datos permiten imaginar una visita. Umbral Casa debía presentar esa información sin parecer un listado frío de propiedades.

## Dirección

La identidad combina verde eucalipto, limewash y terracota. La paleta cálida acompaña la arquitectura y deja que la luz sea un argumento de venta. La composición evita los clichés de portales inmobiliarios y trata cada propiedad como un pequeño dossier.

## Experiencia

El selector transforma imagen, ficha, plano y disponibilidad con una transición coordinada. Área, habitaciones y ubicación tienen jerarquía clara; el barrio recibe una sección propia y la galería permite ampliar el contexto antes de agendar una visita.

## Resultado

El resultado es una demostración independiente para una inmobiliaria boutique: comparar tres propiedades, leer su información principal y llegar a una solicitud de visita sin perder orientación. No representa un inventario real ni afirma disponibilidad comercial real.

## Decisiones

- Los datos se agrupan en capas para que área, ubicación y disponibilidad no compitan.
- El cambio de propiedad transforma imagen, plano y ficha mediante una sola transición.
- El barrio recibe el mismo peso editorial que la vivienda.

## Capacidades demostradas

- Selector de propiedades
- Galería expansiva
- Plano interactivo
- Agenda de visita

## Fuentes

- [Schema.org — RealEstateListing](https://schema.org/RealEstateListing): Referencia semántica para separar propiedad, ubicación, disponibilidad y datos del dossier.
- [WCAG 2.2 — Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html): Criterio aplicado a selectores, galería y acciones de visita mediante teclado.

Este caso no representa a un cliente real ni atribuye testimonios, disponibilidad o resultados comerciales reales.