Desarrolladora inmobiliaria de alta gamaFlorianópolis
Quebramar Incorporadora.
Sitio de lanzamiento de Maré Jurerê, edificio de 24 departamentos de Quebramar Incorporadora en Jurerê Internacional. Quien compra en preventa decide por piso, metraje, vista y plazo; el sitio organiza todo en torno a esas cuatro preguntas.
Caso de estudio
El desafío.
Los sitios de lanzamientos inmobiliarios suelen abrir con una perspectiva y un formulario, y dejar la información que decide la compra para el PDF o para la conversación con el asesor inmobiliario. Los sitios extranjeros premiados que analizamos esconden el registro, el plazo y la superficie. En Brasil, la Ley 4.591/64 y el Código de Defensa del Consumidor piden lo contrario: registro de la incorporación en las piezas, plazo con la tolerancia contractual y publicidad precisa. El sitio tenía que convertir esas exigencias en parte del diseño.
- 01 Elegir antes de la visitaEl comprador quiere comparar piso, metraje, suites y vista antes de hablar con alguien de la desarrolladora.
- 02 Anuncio que se vuelve contratoSegún el CDC, lo que el anuncio informa con precisión pasa a formar parte del contrato, incluidos metrajes y plazos.
- 03 Plazo con toleranciaEl plazo de entrega tenía que aparecer siempre junto a la tolerancia de 180 días del art. 43-A de la Ley 4.591/64.
- 04 Sin presión de ventaLos sellos de “últimas unidades” y los estados de vendida presionan la decisión; la marca pide un tono sereno y preciso.
Método Flowt
El diagnóstico.
El sitio responde las cuatro preguntas de quien compra en preventa (piso, superficie, vista y plazo) y deja a la vista el cronograma de obra y la tolerancia de entrega antes del contacto.
- Primera pantalla y propuesta de valorEn el celular, la primera pantalla dice qué es y dónde: 24 departamentos de 3 y 4 suites en Jurerê Internacional, salas y balcones hacia el norte.
- VelocidadEn la apertura, el elemento más grande es el párrafo de las 24 unidades, y la perspectiva llega en varios anchos.
- Accesibilidad verificableEn el selector, cada piso es una pestaña con flechas, Home y End, y el conteo del filtro se anuncia al lector de pantalla.
- Camino hasta la acción principalAcción principal: entrar a la lista VIP, que dice lo que recibe la persona: plantas en PDF, lista de precios cuando se publique e invitación con hora agendada.
- Información por unidadLas 24 unidades tienen planta, superficie privativa, suites, estacionamientos, piso, fachadas, sol y la vista desde esa altura.
- Obra y plazoLa entrega aparece siempre con la tolerancia de 180 días, el cronograma marca la etapa actual y el inicio previsto de la obra, y el sitio informa que hay patrimonio de afectación.
Ver el análisis completo
Los 13 criterios, con la evidencia de cada punto: lo que cumple, lo que cumple en parte y lo que depende de una empresa real. Como la marca es un concepto, no existe un "antes" ni una nota total.
Ser encontrado
Títulos con barrio, suites y metraje, un H1 por página, datos ApartmentComplex y seis FloorPlan en Plantas, todo en texto. Queda en parte: noindex, robots de IA bloqueados y ninguna mención de terceros.
Marca conceptual, sin reseñas reales. En un proyecto real, la reputación de la desarrolladora se mediría antes y después en Reclame Aqui y en Google, como posventa.
Ser elegido
En el celular, la primera pantalla dice qué es y dónde: 24 departamentos de 3 y 4 suites en Jurerê Internacional, salas y balcones hacia el norte. Plantas y lista VIP quedan a la vista.
6 de 6 verificaciones
Estructura lista: desarrolladora descrita por su método, dos nombres con cargo, registro de incorporación y CRECI-J marcados como ejemplo. En una empresa real entran desarrollos entregados, con dirección, fecha y registro verdadero.
Marca conceptual, sin portales ni material de venta para comparar. Dentro del sitio, metrajes, suites y plazo salen de un solo archivo de datos, y la generación del sitio se detiene si un texto no coincide.
Las 24 unidades tienen planta, superficie privativa, suites, estacionamientos, piso, fachadas, sol y la vista desde esa altura. El precio queda bajo consulta, con el camino para recibir la lista de precios cuando salga.
La entrega aparece siempre con la tolerancia de 180 días, el cronograma marca la etapa actual y el inicio previsto de la obra, y el sitio informa que hay patrimonio de afectación.
Mapa dibujado con datos de OpenStreetMap y distancias a pie y en auto con fuente y fecha. Como el edificio no tiene terreno, el mapa marca solo un punto de referencia, sin dirección.
Ser contactado
En la apertura, el elemento más grande es el párrafo de las 24 unidades, y la perspectiva llega en varios anchos. Medición de laboratorio, sin datos de campo, porque el sitio no tiene visitas.
Lighthouse 99 en celular · LCP 2,1 s
En el selector, cada piso es una pestaña con flechas, Home y End, y el conteo del filtro se anuncia al lector de pantalla. En el celular, la tabla avisa que se desplaza y fija la primera columna.
Lighthouse 100 · axe sin violaciones en las 4 páginas
Ningún rastreador, cookie ni solicitud a terceros. El consentimiento de la lista VIP cita una política de privacidad que el sitio no tiene, y no hay medición instalada, porque es un proyecto conceptual.
Acción principal: entrar a la lista VIP, que dice lo que recibe la persona: plantas en PDF, lista de precios cuando se publique e invitación con hora agendada. Desde la planta, la unidad ya viene completada.
1 toque; 2 desde la planta, con la unidad ya completada
La lista VIP tiene consentimiento específico y confirmación al instante, pero pide seis campos, no ofrece WhatsApp ni teléfono y no dice en cuánto tiempo responde. La respuesta real no se mide en un proyecto conceptual.
Obligaciones del sectorLey 4.591/64 y Resolución COFECI 1.065/2007: registro de incorporación con oficina de registro y CRECI-J en el pie de todas las páginas, como ejemplo, y la entrega siempre acompañada de la tolerancia de 180 días.
En un proyecto real, cada criterio se mide antes y después, con la misma regla y la evidencia de cada punto. No hay nota: lo que se ve es cuántos puntos siguen abiertos.
Estrategia
Estrategia y mapa del sitio.
Todos los números del sitio salen de un único archivo de datos, el mismo que genera la ficha técnica, y la generación del sitio se detiene si algún texto cita un metraje o un plazo que no esté en él. La home sigue el orden de quien decide: el lugar, el proyecto en corte, el interior, las áreas comunes, el cronograma y la desarrolladora. La página Plantas reúne el selector de pisos y la tabla de las 24 unidades, vinculados entre sí. La Lista VIP recibe la unidad elegida y dice qué va a recibir la persona.
01Inicio
- Apertura y números del lanzamiento
- El lugar
- El proyecto
- Por dentro
- Áreas comunes
- Cronograma de obra
- La desarrolladora
- Llamado a la Lista VIP
02Plantas
- Apertura
- Filtro de unidades
- Selector de pisos
- Las 24 unidades
- Llamado a la Lista VIP
03Lista VIP
- Lo que recibe la persona
- Formulario
- Perspectiva del edificio
Sistema visual
Tipografía, color y ritmo.
Marcellus, en versales espaciadas, da a los títulos el aire de un letrero grabado; Jost mantiene legibles tablas y fichas. Mar profundo, espuma y arena alternan las secciones, y el latón marca solo lo que orienta: botones, líneas de etiqueta y la línea de la mirada en el corte. Las figuras se abren a partir de una línea horizontal, como un horizonte, y el nombre del lanzamiento cierra el espaciado de las letras al entrar.
- Selector de pisos
- Corte con el sol calculado
- Mapa sobre OpenStreetMap
- Ficha de la unidad
- Pie de página regulatorio
Momento distintivo
Selector de pisos.
El corte del edificio se convierte en el menú: cada piso es una pestaña, y una línea de latón sube hasta la altura de los ojos de quien vive ahí. El panel muestra la planta del piso, la ficha de la unidad, la planta del departamento y la vista desde esa altura. El filtro por suites y superficie apaga lo que no interesa, y la unidad elegida pasa a la Lista VIP con el número ya completado.
En el celular
Hecho para la pantalla pequeña.
Tres pantallas del sitio en un celular de 390 px de ancho, el más común hoy.
Comprobantes
Rendimiento medido.
Las puntuaciones siguientes se midieron en el sitio publicado con Google Lighthouse. No son una promesa: reflejan el estado del sitio en la fecha de medición. Las demostraciones se presentan en video. Las mediciones registran el estado del proyecto en la fecha indicada.
En el celular
- Elemento visible más grande (LCP)
- 2.1 s
- Estabilidad (CLS)
- 0
- Bloqueo (TBT)
- 0 ms
En computadora
- Elemento visible más grande (LCP)
- 0.6 s
- Estabilidad (CLS)
- 0
- Bloqueo (TBT)
- 0 ms
Medido el 03/10/2026 con Lighthouse 13.5.0, en celular simulado y en computadora. *El SEO queda por debajo de 100 a propósito: el sitio conceptual lleva la instrucción noindex para no aparecer en Google ni competir con empresas reales. La accesibilidad también se verificó con axe (cero violaciones) y la alineación se revisó en 7 anchos de pantalla.
Detrás de escena
Ficha técnica.
- Páginas
- Inicio, Plantas, Lista VIP y página 404
- Idiomas
- Portugués (Brasil)
- Tecnología
- HTML, CSS y JavaScript sin framework
- GSAP y ScrollTrigger para las aperturas y el selector de pisos
- Archivo de datos único en JSON para el sitio y la ficha técnica, con verificación automática de los textos
- Corte, 12 plantas de unidad y plano de conjunto en SVG dibujados en el código
- Mapa en SVG con datos de OpenStreetMap y distancias calculadas con OSRM
- Imágenes en AVIF y WebP, en varios anchos
- CSS y JavaScript comprimidos con esbuild
- Datos estructurados schema.org (ApartmentComplex)
- Imágenes
- Quince perspectivas generadas con IA, todas con el sello “perspectiva ilustrada” y sin nada que identifique Florianópolis; el lugar entra solo por el mapa y las distancias. Corte, plantas y plano de conjunto se dibujaron con código.
- Accesibilidad
- Pisos como pestañas con flechas, Home y End, conteo del filtro anunciado a lectores de pantalla, tablas con la primera columna fija en el celular, versión sin movimiento y cero violaciones en axe en las cuatro páginas.
- Reglas del sector
- Sigue la Ley 4.591/64 y la Resolución COFECI 1.065/2007: registro de la incorporación, oficina de registro y CRECI-J, marcados como ejemplo, en el pie de todas las páginas, y el plazo siempre con la tolerancia de 180 días.
Empieza ahora
Llevemos tu presencia digital al nivel de tu servicio.
Empieza con el diagnóstico gratuito: medimos tu presencia digital y te mostramos, punto por punto, qué corregir primero.
Agenda abierta para nuevos proyectos
Cuéntanos sobre tu proyecto
Con poca información basta. Lo demás te lo preguntamos.