¿Quién es el único Mallorca?
Unique Mallorca es el agente inmobiliario número uno de la isla de Mallorca. Han estado operando durante más de quince años y se han ganado una reputación de lujo y calidad entre sus clientes.
Su sitio web contiene algunos videos fantásticos e imágenes que muestran la calidad de sus propiedades. Sin mencionar que son el primer agente de bienes raíces en Mallorca que utiliza tecnología de tour de realidad virtual.
Unique Mallorca utiliza los mejores sistemas de su clase para su negocio, lo que demuestra la suavidad de su operación y servicio. ¡Algo que en Harpers solo podemos aprobar debido a nuestra geekidad!
¿Qué fue lo breve?
El cliente originalmente contrató a Harpers para reestructurar su estrategia de SEO. Rápidamente se hizo evidente que el sitio actual no era adecuado para un propósito desde un punto de vista SEO, por lo que el breve se transformó en uno de un rediseño y luego un impulso SEO.
Nos pidieron que modernizaramos el sitio web de Unique Mallorca utilizando las últimas técnicas, al tiempo que nos mantuvimos fieles al esquema de color original y la marca del sitio web existente.
Como parte del diseño del motor, también era importante conectarse sin problemas a proveedores externos para cosas como alertas de servicio al cliente y datos de propiedad.
¿Cómo lo hicimos?
Decidimos reconstruir todo el sitio web desde cero utilizando una nueva estructura de URL y organizando adecuadamente las taxonomías (categorías) de las propiedades. También tuvimos que conectar varias API de terceros para recuperar datos sobre propiedades, imágenes y otro material similar.
Como parte del rediseño, también necesitamos escribir un script de importador de feeds personalizado para que se ejecute automáticamente y asigne contenido a diario.
Por último, pero no menos importante, creamos varias animaciones de JavaScript en todo el sitio para dar ese factor sorpresa cuando se abrieron cosas como visitas virtuales o se activaron menús de filtro.
El final resulto
Página de inicio para casas
La página de inicio presenta una animación de Javascript que revela una visita virtual al hacer clic en un botón de acción.
También se muestran en esta página las propiedades más recientes y un área de búsqueda para que los clientes puedan encontrar lo que desean de forma súper rápida.
Páginas de listas de lujo
Construimos un sistema avanzado de filtro en tiempo real para que los clientes pudieran buscar rápidamente a través de las propiedades disponibles. Esto se oculta fuera de la pantalla hasta que se hace clic en el botón de acción para activarlo.
Rich Media, como los videos HD, se usa para resaltar la calidad de las propiedades en oferta y otorgar ese factor sorpresa adicional.
Páginas de propiedades
La página de inicio presenta una animación de Javascript que revela una visita virtual al hacer clic en un botón de acción.
También se muestran en esta página las propiedades más recientes y un área de búsqueda para que los clientes puedan encontrar lo que desean de forma súper rápida.
Las páginas de listado de tabletas
La visualización en un iPad u otro tipo de tableta debía ser suave y sedosa con una excelente experiencia de usuario.
Desarrollamos la funcionalidad de panel deslizante para cosas como los filtros, como se puede ver aquí para maximizar el espacio de la pantalla para los usuarios.
La casa móvil
Más del 50% de los visitantes del sitio web ahora usan dispositivos móviles. Hicimos de Unique Mallorca un diseño receptivo para brindar esa aplicación suave como la interfaz y la experiencia del usuario.
Eliminamos y optimizamos el código para dispositivos móviles y nos aseguramos de que las imágenes estuvieran correctamente optimizadas para los dispositivos de retina, de modo que se vieran muy claras en el iPhone y otros dispositivos HD.
Búsqueda móvil de propiedades
Por supuesto, el sitio necesitaba funcionar tan bien en un dispositivo móvil como en un escritorio. Usamos varias técnicas para deslizar menús, filtros y secciones favoritas utilizando iconos de acción.
Nos aseguramos de que las imágenes estuvieran correctamente optimizadas para los dispositivos de retina, de modo que se vieran muy claras en el iPhone y otros dispositivos HD.
Las cosas técnicas
Estadísticas
Este fue un proyecto desafiante debido a la necesidad de integrar varias fuentes de datos de terceros y API. Todo esto y el sitio necesitaban correr como si tuviera nitro en el tanque. Aquí están algunas de las cosas técnicas y cómo lo hicimos…
Integración de API de terceros
Integramos Freshsales Api para el servicio al cliente y conectamos WordPress a través de Zapier. También creamos un script de importación de feeds personalizado que descargó, analizó y actualizó automáticamente todos los datos de la propiedad cada hora.
Animaciones
Además de crear un reproductor de video personalizado, escribimos complejas animaciones de JavaScript usando la Biblioteca de Greensock. Estas animaciones se centran alrededor de cosas como la visita virtual a la página de inicio, el giro de M y otros similares.
DevOps
Como el sitio era muy lento en su VPS compartido existente, configuramos Unique Mallorca en una de nuestras cajas dedicadas de VPS y le dimos amplios recursos para que funcionara rápido. También implementamos el almacenamiento en caché de las páginas del sitio utilizando Varnish para evitar las llamadas innecesarias a la base de datos que el sitio anterior había estado realizando (y ralentizando).
Scripts
Todo en el sitio está personalizado codificado para la eficiencia. Creamos múltiples scripts para tratar con llamadas Ajax, favoritos, inicio / cierre de sesión, estadísticas de propiedad y, por supuesto, filtrado de búsqueda.
Optimización
Como el sitio se alojaría en nuestra red, pudimos optimizar completamente la entrega de las páginas, imágenes y contenido del sitio web. Escribimos reglas de configuración personalizadas de Nginx / ngx_PageSpeed para manejar la optimización de la imagen sobre la marcha, así como la reducción y compresión de los activos. Por último, pero no menos importante, implementamos el sitio en Cloudflare para un rápido acceso global y escribimos algunas reglas de trabajadores de Cloudflare para manejar el almacenamiento en caché de todo el contenido para los usuarios que no han iniciado sesión.
