Wie wir Island Weddings Mallorca gebaut haben

Die Top-Hochzeitsplaner der Insel bekommen ein neues Gesicht

Wer ist Island Weddings Mallorca?

Island Weddings Mallorca ist der führende Hochzeitsplaner auf Mallorca. Sie sind seit über zehn Jahren im Geschäft und haben sich in dieser Zeit einen Namen für Qualität, Exzellenz und Professionalität gemacht.

Mit ihrem beispiellosen Wissen über die Insel wissen sie, wie man Dinge erledigt, damit die Traumhochzeit eines Kunden perfekt und reibungslos verläuft.

Was war der Auftrag?

Island Weddings hatte eine extrem langsame und nicht reagierende Website. Sie wollten, dass die Website neu aufgebaut, auf den neuesten Stand gebracht und in unserem Netzwerk für das Hosting bereitgestellt wird.

Bei bestimmten Anfragen handelte es sich um eine aktive Testimonial-Seite, eine Galerie-Funktionalität und anschließend eine SEO-Kampagne zur Steigerung des Zugriffs auf die Website. Wir haben auch einen leichten Videoplayer entwickelt, der die neue Stream-Technologie von Cloudflare nutzt.

Wie haben wir das gemacht?

Wir haben die gesamte Website mit einem neuen Farbschema von Grund auf neu erstellt und einige Animationen, Schieberegler und Galerieeffekte angepasst. Wir haben auch den Site-Code optimiert, sodass die Seiten in Millisekunden geladen werden und nicht wie zuvor in fünf Sekunden.

Wir haben die Site auch vom alten Domain-Namen auf den neuen migriert und einige hundert Weiterleitungsregeln geschrieben, um sicherzustellen, dass der Datenverkehr von der alten Site auf die neue Site übertragen wird.

Das Endergebnis

Die Braut betritt

Auf der Startseite wird ein Vollbild-Intro-Bild mit Menü, Logo und Titel angezeigt.

Auf dieser Seite finden Sie auch verfügbare Dienste und einfache Links zu anderen wichtigen Teilen der Website.

Wunderschöne Galerieseiten

Für Hochzeiten sind Fotos alles, daher haben wir einige leichte Galerie-Schieberegler geschrieben, um die Fotos von Hochzeiten zu präsentieren, die bereits stattgefunden haben.

Durch Klicken auf die entsprechenden Schieberegler wird eine Vollbildgalerie geöffnet, die vom Besucher angeklickt oder durchgeblättert werden kann.

Das Dream Team

Sara & Marcos sind das führende Hochzeitsteam für Island Weddings. Daher war es wichtig, eine vollständige Seite mit Informationen zu diesen Themen zu haben.

Auf dieser Seite befindet sich auch ein Video, das beim Laden der Seite eingeblendet und abgespielt wird, damit der Besucher mehr über das Team erfahren kann.

Die Testimonial-Seite

Island Weddings haben einige erstaunliche Rückmeldungen und Kommentare von ihren früheren Kunden, daher war es sinnvoll, dies wirklich zu demonstrieren.

Wir haben eine Testimonial-Seite erstellt. Wenn Sie auf „Weitere Informationen zu jedem Testimonial“ klicken, wird eine Vollbild-Überprüfung wie unten gezeigt geöffnet.

Testimonial-Overlay

Diese Animation wird eingeblendet und im Vollbildmodus angezeigt, um die Rückblicke und Rückmeldungen früherer Kunden zum Service anzuzeigen.

Es gab so viele Bewertungen, dass wir sie nur zu einem Feature der Website machen mussten. Nichts ist kompetenter als andere, die Sie weiterempfehlen!

Mobiler Dienst

Über 50% der Website-Besucher verwenden jetzt mobile Geräte. Wir haben Island Weddings ansprechend gestaltet, um eine reibungslose Benutzeroberfläche und Benutzererfahrung zu gewährleisten.

Wir haben den Code für Mobilgeräte zurückgenommen und optimiert und sichergestellt, dass die Bilder für Retina-Geräte richtig optimiert wurden, sodass sie auf dem iPhone und anderen HD-Geräten kristallklar aussehen.

Seite für mobile Standorte

Es war wichtig, die wunderschönen Orte vorzustellen, an denen Mallorca heiraten kann.

Wir haben dafür gesorgt, dass Bilder für die Verwendung auf Mobilgeräten wie iPhones die richtige Größe und das richtige Format haben, da es nichts Schlimmeres gibt als eine Website, die auf einem Handy nur langsam geladen wird!

Wir haben auch JavaScript verwendet, um das Seitenlayout für Mobilgeräte neu zu ordnen, sodass die Dinge besser passen und die Navigation einfacher ist. Last but not least haben wir die Schriftgröße erhöht und großzügige Leerzeichen verwendet, um ein großzügiges Gefühl für Handys zu erzeugen.

Das Nerdy-Zeug

Es war so schön, mit Sara und Marcos an diesem Projekt zu arbeiten, die ein wunderbares Team sind. Es war auch großartig, so hochwertige Bilder zur Anzeige zu bringen, die es uns wirklich ermöglichten, die Qualität des Unternehmens durch die Website hervorzuheben. Hier sind einige der technischen Sachen, die wir gemacht haben …

Statistiken

Video Player

Wir haben die neue Stream-Technologie von Cloudflare verwendet, um einen benutzerdefinierten HTML5-Video-Player für die Seiten zu erstellen, für die er benötigt wird. Auf diese Weise können Videos ohne Werbung geladen werden (wir sehen uns auf YouTube an!) Und beim Laden der Seite sofort wiedergegeben werden.

JSon-Schema-Markup

Die Verwendung von Schema-Markups im Code ermöglichte es uns, für Google hervorzuheben, was an jeder Seite wichtig ist. Dies gibt uns eine genauere Kontrolle darüber, wie Suchmaschinen den Inhalt der Website interpretieren und anzeigen.

Animationen

Wir haben CSS-Animationen für Dinge wie Menü-Fly-Ins, Galerie-Overlays und Testimonial-Pops verwendet. Durch die Verwendung von CSS-Animationen und etwas JavaScript wurde sichergestellt, dass die Effekte browserübergreifend funktionieren, anstatt von Plugins oder Polyfills von Drittanbietern abhängig zu sein.

DevOps

Wir haben die Site von der alten Domain auf die neue Domain verschoben und Serverumleitungen eingerichtet, um den Datenverkehr von der alten Site auf die neue Site zu übertragen. Wir haben Island Weddings auch auf einen unserer selbst erstellten Server verlegt, damit er in superschneller Zeit ausgeführt und geladen werden kann.

Skripte

Alles auf der Website ist aus Gründen der Effizienz speziell codiert. Wir haben mehrere Funktionen für Ajax-Aufrufe, flüssiges Scrollen, Galerie-Funktionen und natürlich Menüaktionen erstellt. Wir haben auch viel von WordPress Code entfernt, um das unnötige HTML in den Seiten zu minimieren.

Optimierung

Da die Website in unserem Netzwerk gehostet werden würde, konnten wir die Bereitstellung der Seiten, Bilder und Inhalte der Website vollständig optimieren. Wir haben benutzerdefinierte Konfigurationsregeln für Nginx / ngx_PageSpeed ​​geschrieben, um die Bildoptimierung im laufenden Betrieb sowie die Minimierung und Komprimierung von Assets zu handhaben. Last but not least haben wir die Site für den schnellen globalen Zugriff auf Cloudflare bereitgestellt und einige Cloudflare-Worker-Regeln erstellt, um das Zwischenspeichern aller Inhalte für nicht angemeldete Benutzer zu ermöglichen.