Wer ist WeAreMallorca?
Wir sind Mallorca ist ein Webportal auf Mallorca mit vielen Informationen über Dinge, die man auf der Insel sehen, machen und machen kann.
Sie bieten nicht nur Informationen darüber, was Sie tun können, sondern auch die Möglichkeit, Veranstaltungen und Tickets für Aktivitäten über ihr Online-System zu buchen. Als neue Website haben sie langsam, aber stetig ihre verfügbaren Aktivitäten und auch ihren Anteil am Mallorca Event Marktplatz erhöht.
Was war der Auftrag?
Der Kunde hat uns gebeten, eine Website von Grund auf neu zu erstellen, die alle Informationen auf der Insel zeigt, die sie zur Zeit zur Verfügung hatten.
Wir wurden gebeten, ein durchsuchbares Filtersystem einzubauen, damit die Besucher schnell und einfach finden können, wonach sie suchen. Als informationsorientierte Website war es auch wichtig, Videos und Social-Media-Links für jeden der Orte oder Aktivitäten zu integrieren, die auf der Website vorgestellt wurden.
Wie haben wir das gemacht?
Wir haben uns daran gemacht, eine leicht zu navigierende URL-Struktur zu erstellen, damit Google die Seiten beim Besuch leicht indizieren kann. Dies würde auch dem Benutzer helfen, die Seite zu navigieren.
Das Filtersystem wäre ein AJAX-System (Live-System), das Daten aktualisiert, ohne dass eine Seitenaktualisierung erforderlich ist. Wir haben auch die System-Live-Suchfunktionalität gegeben, die ebenfalls auf AJAX basiert.
Wir würden auch die Seiten um einen Schieberegler in der Kopfzeile erstellen, damit verschiedene Ereignisse und Aktivitäten den Besuchern gezeigt werden können.
Das Endergebnis
Zuhause auf der Insel
Die Homepage bietet ein ansprechendes, beeindruckendes Bild, das das Intro für maximale Wirkung einfach hält.
Ziel war es, dem Besucher ganz einfach zu vermitteln, was die Website ist und was sie tut.
Die Slider-Seiten
Die Auflistungsseiten enthalten je nach der Kategorie, die der Benutzer betrachtet, vorgestellte Ereignisse, Orte oder Bereiche im Schieberegler.
Dies ermöglicht zusammen mit dem einfach zu bedienenden Filtersystem, die Reise des Besuchers während der Besichtigung der Website zu kontrollieren.
Produktseiten
Auf den Produktseiten haben wir eine Buchungsfunktion integriert, damit Besucher eine Veranstaltung oder Aktivität buchen können, ohne die Anbieter-Website verlassen zu müssen.
Auch auf diesen Seiten finden Sie eine Vielzahl von Informationen, Links, Orten und Rich Media wie Videos, um den Zuschauer besser über das Produkt zu informieren.
Tablet-Seiten
Wie bei allen Websites müssen wir uns auch auf unterschiedliche Auflösungen und Gerätetypen einstellen. Vor allem die Wirkung der Bilder mit hoher Auflösung sollte genau so gut sein, egal welches Gerät Sie gerade betrachten.
Mobiles Mallorca
Über 50% des Browser-Marktes sehen sich jetzt Websites auf mobilen Geräten an. Wenn Ihre Website nicht reaktionsfähig ist (passt sich an alle Arten von Lösungen an), verlieren Sie Ihr Geschäft.
Wir haben Dinge wie Seitenmenüs und Suchfunktionen vom Bildschirm entfernt, bis sie vom Benutzer aktiviert wurden, und das Layout für Smartphones vereinfacht.
Wir haben auch die AMP-Technologie (Accelerated Mobile Pages) integriert, damit Google auch bei Telefonen mit langsamen Verbindungen die Liebe und Schnelligkeit zeigen würde.
Das Nerdy-Zeug
Statistiken
Da wir mit dieser Seite einen Carte Blanche hatten (weil es ein neuer Build war), waren wir in der Lage, alles von Grund auf zu strukturieren, ohne Kompromisse eingehen zu müssen. Hier ist ein Beispiel für einige der Dinge, die wir gemacht haben…
E-Commerce-Funktionalität mit Live-Filter und Suche
Wir haben das System von WooCommerce in die Engine der Site integriert, um die E-Commerce-Funktionalität zu ermöglichen, die dann freigelegt wurde, sodass nur die Funktionen aktiviert wurden, die wir benötigten. Darüber hinaus haben wir ein Buchungssystem entwickelt, da es sich um ein ereignis- / aktivitätsbasiertes System handelt, das Tickets benötigt. Wir haben auch ein Live-Filtersystem erstellt, so dass die Besucher die verfügbaren Produkte anzeigen können, um nur das zu zeigen, was sie interessiert.
DevOps
Wir veranstalten We Are Mallorca, also richten wir es auf seinem eigenen Virtual Private Server auf einem unserer Hardware-Server in Frankreich ein. Dadurch konnte die Site bei Bedarf mehrere Datenbankabfragen in der Größenordnung von 10.000 pro Sekunde ausführen, ohne dabei ins Schwitzen zu geraten.
Skripte
Wir haben WordPress auf den Kern reduziert und die GSAP-Animationsbibliothek für ein paar funky Effekte wie das Verschieben in Panels und das Scrollen von Seiten integriert. Wir haben auch eine Menge Header-Bloat deaktiviert, die mit WordPress wie API-Endpunkten geliefert werden.
Optimierung
Wir haben (wie immer) sehr kleine Plugins verwendet und stattdessen unsere eigenen Funktionen für die Website programmiert. Dies erlaubte uns, den Code auf ein Minimum zu reduzieren und nur Routinen auszuführen, die die Site benötigte. Wir haben auch spezielle Web-Server-Regeln für ngx_pagespeed geschrieben und die Site auf Cloudflare verteilt, so dass sie sofort geladen wurde, egal wo auf der Welt der Benutzer sie sah.
