Cómo construimos Island Weddings Mallorca

Los mejores organizadores de bodas de la isla se renuevan

¿Quién es Island Weddings Mallorca?

Island Weddings Mallorca es el principal organizador de bodas en la isla de Mallorca. Han estado en el negocio por más de diez años y durante ese tiempo se han forjado una reputación de calidad, excelencia y profesionalismo.

Con su conocimiento incomparable sobre la isla, saben cómo hacer las cosas para que la boda soñada de un cliente se desarrolle perfectamente y sin problemas.

¿Cuál fue el resumen?

Island Weddings tenía un sitio web extremadamente lento e insensible. Querían reconstruir el sitio web, actualizarlo e implementarlo en nuestra red para el alojamiento.

Las solicitudes específicas fueron una página de testimonios activa, funcionalidad de galería y luego una campaña de SEO para aumentar el tráfico al sitio. También diseñamos un reproductor de video liviano que utiliza la nueva tecnología Stream de Cloudflare.

¿Cómo lo hicimos?

Reconstruimos todo el sitio web desde cero utilizando un nuevo esquema de color y codificamos algunas animaciones, controles deslizantes y efectos de galería personalizados. También simplificamos el código del sitio para que las páginas se carguen en milisegundos en lugar de cinco segundos como antes.

También migramos el sitio del antiguo nombre de dominio al nuevo y escribimos unos cientos de reglas de redireccionamiento para garantizar que el tráfico se enviara desde el antiguo sitio al nuevo.

El final resulto

La novia entra

La página de inicio presenta una imagen de introducción a pantalla completa superpuesta con el menú, el logotipo y el título.

También se incluyen en esta página los servicios disponibles y enlaces fáciles a otras partes importantes del sitio web.

Páginas magníficas de la galería

Para bodas, las fotos lo son todo, así que escribimos algunos controles deslizantes de galería ligeros para mostrar las fotos de bodas que ya habían tenido lugar.

Al hacer clic en los controles deslizantes correspondientes, se abre una galería de pantalla completa en la que el visitante puede hacer clic o desplazarse.

El equipo ideal

Sara y Marcos son el equipo líder de bodas en Island Weddings, por lo que era importante tener una página completa dedicada a la información sobre ellos.

También en esta página hay un video que se desliza al cargar la página y comienza a reproducirse para que el visitante pueda aprender más sobre el equipo.

La página de testimonios

Island Weddings tiene comentarios y comentarios sorprendentes de sus clientes anteriores, por lo que tenía sentido mostrarlo realmente.

Creamos una página de testimonios y, al hacer clic en leer más para cada testimonio, se abre una revisión a pantalla completa como se muestra a continuación.

Superposición de testimonios

Esta animación vuela y se expande a pantalla completa para mostrar los comentarios y comentarios del cliente sobre el servicio anterior.

Hubo tantas reseñas que solo tuvimos que convertirlas en una característica del sitio web. ¡Nada prueba la competencia más que otras personas que te recomiendan!

Servicio móvil

Más del 50% de los visitantes del sitio web ahora usan dispositivos móviles. Hicimos Island Weddings un diseño receptivo para brindar esa aplicación fluida 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 se optimizaran correctamente para dispositivos de retina para que se vieran nítidas en iPhone y otros dispositivos HD.

Página de ubicaciones móviles

Era importante mostrar los hermosos lugares que Mallorca tiene disponibles para casarse.

Nos aseguramos de que las imágenes tuvieran el tamaño y el formato correctos para su uso en dispositivos móviles como iPhones, ¡ya que no hay nada peor que un sitio web que se carga lentamente en un móvil!

También utilizamos JavaScript para reordenar el diseño de la página para dispositivos móviles para que las cosas encajen mejor y sean fáciles de navegar. Por último, pero no menos importante, aumentamos el tamaño de la fuente y utilizamos grandes cantidades de espacio en blanco para dar una sensación de amplitud en los móviles.

Las cosas técnicas

Fue muy agradable trabajar con Sara y Marcos en este proyecto, que son un equipo maravilloso. También fue genial obtener imágenes de tan alta calidad para mostrar que realmente nos permitieron enfatizar la calidad de la empresa a través del sitio web. Estas son algunas de las cosas técnicas que hicimos …

Estadísticas

Reproductor de video

Utilizamos la nueva tecnología Stream de Cloudflare para crear un reproductor de video HTML5 personalizado para las páginas que lo necesitaban. Esto permite que los videos se carguen sin anuncios (¡YouTube te estamos mirando!) Y se reproducen instantáneamente al cargar la página.

Marcado del esquema JSon

El uso del marcado de esquema en el código nos permitió resaltar a Google lo que es importante sobre cada página. Esto nos da un mejor control sobre cómo los motores de búsqueda interpretan y muestran el contenido del sitio web.

Animaciones

Utilizamos animaciones CSS para cosas como entradas de menú, superposiciones de galerías y elementos emergentes testimoniales. El uso de animaciones CSS y algunos JavaScript aseguraron que los efectos funcionarían entre navegadores en lugar de depender de complementos de terceros o polyfills.

DevOps

Movimos el sitio del dominio antiguo al nuevo y configuramos redirecciones de servidor para transferir el tráfico del sitio antiguo al nuevo. También trasladamos Island Weddings a uno de nuestros servidores autoconstruidos para que se ejecute y cargue en un tiempo súper rápido.

Scripts

Todo en el sitio está codificado a medida para mayor eficiencia. Creamos múltiples funciones para manejar llamadas Ajax, desplazamiento suave, funciones de galería y, por supuesto, acciones de menú. También eliminamos gran parte del código de WordPress para minimizar el HTML innecesario en las páginas.

Optimización

Como el sitio estaría alojado en nuestra red, pudimos optimizar completamente la entrega de las páginas, imágenes y contenido del sitio web. Escribimos reglas de configuración Nginx / ngx_PageSpeed ​​personalizadas para manejar la optimización de imágenes sobre la marcha, así como la minificación y compresión de activos. Por último, pero no menos importante, implementamos el sitio en Cloudflare para un acceso global rápido y escribimos algunas reglas de los trabajadores de Cloudflare para manejar el almacenamiento en caché de todo el contenido para usuarios no registrados.