Proyecto para cliente
Also-Riel — landing de agencia inmobiliaria
Tecnologías
MOD-X RevolutionPHPMySQLjQueryCSS Animations
Servicios
- →Prototipado y wireframes UX
- →Redacción SEO
- →Diseño UI
- →Maquetación HTML/CSS
- →Desarrollo front-end (animaciones, sliders, mapa interactivo)
- →Integración de CMS en MOD-X Revolution
- →Configuración de gestión de contenido para el cliente
Entregables
- ✓Landing de una sola página con 9 secciones de contenido
- ✓Hero animado, efectos activados por scroll y sliders interactivos
- ✓Formulario de captación de leads con flujo de solicitud de devolución de llamada
- ✓Mapa interactivo personalizado con geolocalización de la oficina
- ✓Sliders de certificados y reseñas con lightbox
- ✓Textos optimizados para SEO escritos desde cero
- ✓Totalmente editable a través del CMS MOD-X Revolution
Recorrido del cliente
- Primera impresión. Un visitante llega a la página y es recibido de inmediato por un hero animado y llamativo con el eslogan de la agencia — "Su corredor de bienes raíces personal" — sobre un paisaje urbano oscuro. El escudo de marca infunde autoridad desde el primer segundo.
- Historia de la empresa. Al hacer scroll se revela una sección concisa de "Nosotros" que describe la historia y los valores de la agencia. El cliente genera confianza antes de evaluar la oferta.
- Comprender las ventajas. Cuatro bloques de beneficios ilustrados explican qué distingue a la agencia: experiencia, precios transparentes, enfoque individual y plazos rápidos. Cada bloque se puede leer en menos de cinco segundos.
- Explorar los servicios. Una sección de servicios dedicada con tarjetas animadas cubre venta, compra y consultoría de propiedades. Cada tarjeta incluye una breve descripción y una llamada a la acción que abre el formulario de contacto.
- Cómo funciona. Una sección de proceso numerada de cuatro pasos ("Cómo trabajamos") elimina la ambigüedad — el cliente sabe exactamente qué ocurre después de enviar una solicitud.
- Prueba de credibilidad. Los certificados y licencias se muestran en un slider con zoom en lightbox. Los documentos reales visibles en pantalla cierran la última objeción antes de que el cliente tome el teléfono.
- Prueba social. Un slider de reseñas con testimonios reales de clientes brinda validación externa en el momento en que el visitante decide si llamar o marcharse.
- Convertir la intención. La sección de contactos combina un formulario de devolución de llamada (nombre + teléfono, un toque en móvil), un mapa interactivo personalizado con la ubicación de la oficina, y datos de contacto completos — eliminando todos los posibles puntos de fricción entre la intención y la acción.
- CTA fijo inferior. Una barra persistente de "¿Aún tiene preguntas?" con un número de teléfono y un botón de devolución de llamada acompaña al visitante a lo largo de toda la página, capturando la intención al final del scroll sin interrumpir la lectura.
Antes y después
| Antes | Después |
|---|---|
| ✗ Sin presencia web — todos los nuevos clientes llegaban solo por boca a boca | ✓ La landing page captura tráfico de búsqueda y referidos 24/7 |
| ✗ Los clientes potenciales no podían verificar las credenciales en línea | ✓ Licencias y certificados mostrados en un slider interactivo con zoom |
| ✗ Las solicitudes de devolución de llamada requerían llamar directamente a la oficina | ✓ Un formulario de contacto de un toque entrega las solicitudes a la agencia sin llamada telefónica |
| ✗ Sin mapa — los clientes tenían que pedir indicaciones por separado | ✓ Mapa interactivo personalizado con la ubicación de la oficina, incrustado en la página |
| ✗ Las reseñas existían solo de forma verbal — sin prueba social en el momento de decisión | ✓ El slider de testimonios presenta reseñas reales de clientes antes de la sección de contacto |
| ✗ Contenido estático, cero interactividad — alta tasa de rebote | ✓ Secciones animadas, sliders y microinteracciones reducen el rebote y aumentan la profundidad de scroll |
Métricas
1 página
embudo completo desde el hero hasta el formulario de devolución de llamada
9 secciones
cubren cada objeción antes del CTA
2019
entregado en CMS MOD-X Revolution
4 pasos
proceso "Cómo trabajamos" — cero ambigüedad para nuevos clientes
Mapa personalizado
oficina marcada con geolocalización interactiva
SEO completo
textos escritos y optimizados desde cero
Diseño de la página
Diseño completo de la página — haga clic para ampliar
Disponible para colaboración por contrato
Estoy disponible para colaborar por contrato. Si tiene una idea de proyecto interesante, reserve una llamada por Calendly.
Agenda una llamada de 30 min