ENFRHablemos
← Todos los proyectos

Sitio web y CRM para agente inmobiliario

Un sitio cinematográfico para una inmobiliaria de Miami: controlas una película de la bahía con el scroll y luego exploras residencias con filtros en vivo.

Un proyecto concepto creado para mostrar lo que puedo hacer por una marca de este mercado. La marca y las personas son ficticias.

Visitar el sitio Inmobiliaria de lujoProyecto concepto
Servicios
Diseño web
Año
2026
Lugar
Miami, FL
Plataforma
Astro · GSAP · Vercel
Velaire Miami home page: Living on the water, over the Miami skyline

El reto

Los compradores de lujo juzgan a una inmobiliaria en segundos. La mayoría de los sitios de Miami parecen la misma plantilla de propiedades. Velaire debía sentirse como llegar en barco a la hora dorada, y aun así facilitar encontrar un hogar.

El enfoque

Cortamos una película de dron en 97 cuadros y los atamos al scroll, para que el visitante conduzca la cámara desde el horizonte hasta una sala. Los títulos ocupan todo el ancho con letras que suben una a una, las razones para elegir Velaire se apilan como tarjetas y la página de propiedades filtra al instante con reordenamiento animado.

Velaire chapter: Towers that catch the light
Una película en capítulosEl scroll conduce la película de dron de la bahía a las torres, la terraza y el hogar. Cada capítulo tiene su título y un índice de progreso abajo.
Currently offered: featured Velaire residences
Disponibles ahoraUna grilla editorial de propiedades destacadas: una grande y las demás apiladas, con estado, zona, habitaciones, baños y precio de un vistazo.
Velaire residences page with area, type, price and bedroom filters
Residencias con filtros en vivoZonas, tipo, precio, habitaciones y orden. La grilla se reordena con una animación y los filtros quedan en la URL, así una búsqueda se puede compartir.
Solenne Residences development panel
Nuevos desarrollosLas torres en preventa tienen su propio panel: fecha de entrega, unidades, precio desde y solicitud directa de planos.
Inside the home: the Solenne residence gallery
El interior, ambiente por ambienteCada residencia se cuenta ambiente por ambiente, con un título por espacio. Cada foto se abre a pantalla completa.
Monthly payment estimate and Edgewater neighbourhood card
Estimación de pagosEl comprador ajusta el pago inicial y la tasa para ver una cuota mensual, junto a una tarjeta que presenta el barrio.
Velaire neighbourhoods page: Miami Beach
Guías de barriosCada zona muestra un precio medio, el tiempo al centro y algunas etiquetas, con un enlace a las propiedades disponibles.
Velaire CRM, Today screen with hot leads, chats and drafts (sample data)
El CRM: el día de un vistazoLos contactos calientes para llamar primero, los chats que esperan respuesta, los borradores por aprobar y las tareas del día, en una sola pantalla.
Velaire CRM, list of leads (sample data)
Todos los contactos en una listaBúsqueda y filtros por temperatura, etapa y agente, la actividad más reciente primero.
Velaire CRM, WhatsApp and website chats (sample data)
Chats de WhatsApp y del sitioEl asistente responde hasta que una persona toma la conversación.
Velaire CRM, a reply drafted for approval (sample data)
Respuestas redactadas para aprobarCada respuesta se redacta en el idioma del comprador y espera a que una persona la envíe, la regenere o la rechace.
Velaire CRM, listings that feed the website
Propiedades que actualizan el sitioLos cambios se publican en el sitio en menos de un minuto.
Velaire CRM, adding a new listing
Agregar una propiedadFotos por ambiente, redimensionadas automáticamente, con la foto de portada marcada con una estrella.

En el teléfono

Perfecto en cualquier teléfono

La mayoría de los visitantes llega desde el teléfono, así que el sitio se diseña primero ahí: rápido, fácil de leer y a un toque de reservar o comprar.

  • Sitio web y CRM para agente inmobiliario, En el móvil

El sitio en vivo

Míralo en movimiento

Grabaciones de pantalla del sitio real, sin edición: el scroll, las animaciones y las transiciones tal como los ve un visitante.

Escritorio
Teléfono

Lo que se mueve

  1. 01

    Hero filmado controlado con el scroll

    97 cuadros WebP dibujados en un canvas, cargados de lo grueso a lo fino para responder en menos de un segundo.

  2. 02

    Títulos a todo lo ancho, letra por letra

    Títulos ajustados al ancho de la pantalla, cada letra surgiendo de una máscara.

  3. 03

    Tarjetas apiladas

    Paneles fijos que retroceden cuando el siguiente se desliza encima.

  4. 04

    Propiedades filtrables

    Filtros por zona, tipo y precio guardados en la URL, con reordenamiento animado.

Más proyectos