Jonathan Bello
Clavijero68: landing inmobiliaria

Clavijero68: landing inmobiliaria

17 de agosto de 2023

Landing Gatsby creada desde cero para un proyecto inmobiliario en Ciudad de México, con formulario modal, secciones comerciales, GTM y detalles visuales curvos.


Clavijero68 fue una landing inmobiliaria que desarrollé desde cero con Gatsby. El proyecto comunicaba un desarrollo ubicado en Ciudad de México y estaba orientado a mostrar el inmueble, presentar sus ventajas y llevar al usuario hacia un formulario de contacto.

Aunque era una landing de entrega ágil, la recuerdo como un proyecto donde ya se empezaban a notar varios de mis recursos visuales de esa etapa: headers con comportamiento dinámico, secciones curvas, una composición más cuidada y detalles pensados para que la página no se sintiera genérica.

Desarrollo y reto técnico

Trabajé la estructura completa de la landing, la maquetación de secciones, estilos con Sass y EDgrid, sliders, scripts de medición y un modal con formulario. El formulario usaba Formspree y pedía datos básicos como nombre, apellido, correo, teléfono y tipo de departamento de interés, para enviar la información al cliente.

Uno de los retos fue construir un modal funcional y bien integrado visualmente, sin que se sintiera pegado a la página. También recuerdo especialmente el trabajo con imágenes y formas curvas, sobre todo en la parte final del sitio, donde una imagen debía relacionarse con la página completa y no solo con el footer para lograr una transición visual más limpia entre secciones.

Google Tag Manager se integró como parte de las necesidades habituales de YGU, ya que muchos sitios requerían medición para campañas, reportes y seguimiento comercial. En este proyecto, esa capa de marketing convivía con una landing estática enfocada en conversión.

Tecnologías utilizadas

  1. Gatsby
  2. React
  3. Sass
  4. EDgrid
  5. Swiper
  6. Formspree
  7. Google Tag Manager

Resultado

El sitio funcionó como una landing inmobiliaria rápida, visual y orientada a contacto. El cliente eventualmente dejó de mantener el proyecto con YGU, pero la página quedó como registro de una entrega ágil bien resuelta y de una etapa en la que empecé a dominar mejor formularios, composición visual y scripts de medición.

Sección visual de Clavijero68, con composición curva y enfoque inmobiliario.
Sección visual de Clavijero68, con composición curva y enfoque inmobiliario.

Los comentarios están pausados temporalmente mientras se implementa moderación y protección antispam.