— 02 · Real estate · Sitio de preventa

Skyline.

— Vender antes de construir — con el rigor de un showroom. Un sitio de preventa para una torre de 56 pisos: planos, amenidades, sistema de reservas. El brief pedía 'Apple Store, pero para departamentos'.

Sector
Real estate · Sitio de preventa
Lo que hicimos
Web design · 3D staging · Copy
Ver sitio — en vivo
Imagen principal del caso Skyline
Portada

Showcase

03 viewports · 10 sections
skyline / 1440 × 900
Skyline — vista principal en escritorio
Skyline — vista en tablet
Tablet · 834×1112
Skyline — vista en móvil
Mobile · 390×844
Skyline — captura de escritorio (Rooftop)
01 · Rooftop 1440
Skyline — captura en tablet (Rooftop)
02 · Rooftop 834
Skyline — captura en móvil (Rooftop)
03 · Rooftop 390

Por todos los pisos

10 secciones · loop ∝
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach
Skyline — vista desktop de la sección 00 top
00-top
Skyline — vista desktop de la sección arrival
arrival
Skyline — vista desktop de la sección ground
ground
Skyline — vista desktop de la sección residential
residential
Skyline — vista desktop de la sección office
office
Skyline — vista desktop de la sección rooftop
rooftop
Skyline — vista desktop de la sección sky gardens
sky-gardens
Skyline — vista desktop de la sección amenities
amenities
Skyline — vista desktop de la sección technology
technology
Skyline — vista desktop de la sección approach
approach

— 01 / Desafío

El problema real.

Skyline vende departamentos que aún no existen. El sitio tiene que sostener la promesa: amenidades, vistas, planos, sistema de citas. Y tiene que cargar rápido en un iPhone a medio día.

— 02 / Proceso

4 pasos

Cómo se armó.

  1. 01 / paso

    Mapa de amenidades

    Catalogamos 12 amenidades en una matriz: público / privado, piso bajo / alto, interior / exterior. Eso dictó la arquitectura de información.

  2. 02 / paso

    Showroom digital

    Renderizamos 3 planos tipo en distintas orientaciones. Se eligieron vistas reales desde la torre, no renders genéricos.

  3. 03 / paso

    CMS que un agente usa

    el CMS con editor a medida. El equipo de ventas actualiza disponibilidad, precios y tipologías sin llamar a soporte.

  4. 04 / paso

    Lanzamiento + tracking

    Meta Ads + GA4 + CRM conectado. Cada visita se mide, cada visita deja rastro. El primer mes vendió 18 unidades.

— 03 / Sistema

El lenguaje visual.

— Paleta

ink-950
#050505 · Negro absoluto, fondo
sky-electric
#1E5FBE · Azul eléctrico, acento
bone-50
#FAFAF7 · Crema cálido, fondo claro
sand-warm
#D6C9A8 · Arena cálida, secundario

— Tipografía

Aa
Anton
Anton · Títulos display
Aa
Fraunces italic
Fraunces · Acentos editoriales
Aa
Inter
Inter · Cuerpo y UI

— Stack

FigmaGSAPLottieHubSpotGA4

— 04 / Resultado

Y después, qué pasó.

El sitio aguantó el primer mes de preventa con 14k visitas únicas. Lo que más cuidamos: el formulario de citas, porque ahí estaba el revenue.

18
Unidades vendidas / mes 1
14k
Visitas únicas
9.2%
Conversión cita

— ¿Algo así para tu marca?

El próximo
caso es el tuyo.