Wer ist Unique Mallorca?
Unique Mallorca ist Mallorcas Immobilienmakler Nr. 1. Sie arbeiten seit über 15 Jahren und haben sich einen Ruf für Luxus und Qualität bei ihren Kunden aufgebaut.
Ihre Website enthält einige fantastische Videos und Bilder, die die Qualität der Eigenschaften von tehir zeigen. Ganz zu schweigen davon, dass sie der erste Immobilienmakler auf Mallorca sind, der Virtual-Reality-Tour-Technologie nutzt.
Unique Mallorca verwendet für sein Geschäft die besten Systeme seiner Klasse, was sich in der Laufruhe und dem Service zeigt. Etwas, was wir bei Harpers wegen unserer Geekiness nur billigen können!
Was war der Auftrag?
Der Kunde beauftragte Harpers ursprünglich mit der Neustrukturierung seiner SEO-Strategie. Es wurde schnell klar, dass die aktuelle Seite aus SEO-Sicht nicht für den Zweck geeignet war, so dass die Aufgabe in ein Redesign und dann SEO-Push verwandelt wurde.
Wir wurden gebeten, die Unique Mallorca Website mit den neuesten Techniken zu modernisieren und dabei das ursprüngliche Farbschema und Branding der bestehenden Website zu wahren.
Als Teil des Engine-Designs war es auch wichtig, sich nahtlos mit Drittanbietern zu verbinden, etwa für Kundendienstwarnungen und Eigentumsdaten.
Wie haben wir das gemacht?
Wir haben uns dazu entschlossen, die gesamte Website von Grund auf neu zu erstellen, indem wir eine neue URL-Struktur verwenden und die Taxonomien (Kategorien) der Eigenschaften richtig organisieren. Wir mussten auch in mehrere Drittanbieter-APIs einsteigen, um Daten zu Eigenschaften, Bildern und anderem Material abzurufen.
Im Rahmen des Redesigns mussten wir auch ein benutzerdefiniertes Feed-Import-Skript schreiben, das automatisch ausgeführt wird und täglich Inhalte zuweist.
Letzte haben wir mehrere JavaScript-Animationen auf der ganzen Website erstellt, um diesen Wow-Faktor zu bieten, wenn Dinge wie virtuelle Touren geöffnet oder Filtermenüs aktiviert wurden.
Das Endergebnis
Startseite für Häuser
Die Homepage verfügt über eine Javascript-Animation, die eine virtuelle Tour mit einem Klick auf eine Aktionsschaltfläche enthüllt.
Auf dieser Seite finden Sie auch die neuesten Eigenschaften und einen Suchbereich, damit Kunden schnell finden können, was sie wollen.
Luxus-Listing-Seiten
Wir haben ein fortschrittliches Echtzeit-Filtersystem entwickelt, damit die Kunden die verfügbaren Eigenschaften schnell durchsuchen können. Dies wird außerhalb des Bildschirms ausgeblendet, bis die Aktionsschaltfläche zum Aktivieren aktiviert wird.
Reichhaltige Medien wie HD-Videos werden verwendet, um die Qualität der angebotenen Objekte hervorzuheben und diesen zusätzlichen Wow-Faktor zu erzielen.
Property Pages
The homepage features a JavaScript animation which reveals a virtual tour on click of an action button.
Also featured on this page are the latest properties and a search area so that clients can find what they want super quick.
The Tablet Listing Pages
Viewing on an iPad or other type of tablet needed to be silky smooth with a great user experience.
We have developed slide in panel functionality for things such as filters can be seen here to maximize screen space for the users.
Das Mobilheim
Über 50% der Website-Besucher verwenden jetzt mobile Geräte. Wir haben Unique Mallorca zu einem responsiven Design gemacht, das eine reibungslose Benutzeroberfläche und Benutzererfahrung bietet.
Wir haben den Code für Mobilgeräte reduziert 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.
Mobile-Property-Suche
Natürlich musste die Seite auf einem Handy genauso funktionieren wie auf einem Desktop. Wir haben verschiedene Techniken verwendet, um Menüs, Filter und bevorzugte Bereiche mit Aktionssymbolen zu verschieben.
Wir haben sichergestellt, dass Bilder für Retina-Geräte richtig optimiert wurden, so dass sie auf dem iPhone und anderen HD-Geräten kristallklar aussahen.
Das Nerdy-Zeug
Statistiken
Dies war ein schwieriges Projekt, da mehrere Datenquellen und APIs von Drittanbietern integriert werden mussten. All dies und die Seite musste laufen, als hätte sie Nitro im Tank. Hier sind einige der technischen Sachen und wie wir es gemacht haben…
API-Integration von Drittanbietern
Wir haben die Freshsales Api für den Kundenservice integriert und WordPress über Zapier gehakt. Wir haben auch ein benutzerdefiniertes Feed-Import-Skript erstellt, das alle Eigenschaftendaten automatisch stündlich heruntergeladen, analysiert und aktualisiert hat.
Animationen
Neben dem Erstellen eines benutzerdefinierten Videoplayers haben wir komplexe JavaScript-Animationen mit der Greensock-Bibliothek geschrieben. Diese Animationen drehen sich um Dinge wie die virtuelle Tour der Home Page, das Drehen von M und andere Augenschmaus.
DevOps
Da die Seite auf ihrem bestehenden gemeinsamen VPS sehr langsam war, haben wir Unique Mallorca auf einer unserer dedizierten VPS-Boxen eingerichtet und ihnen reichlich Ressourcen zur Verfügung gestellt, um schnell laufen zu können. Wir haben auch das Caching für die Website-Seiten mit Varnish implementiert, um die unnötigen Datenbankaufrufe zu vermeiden, die die alte Site gemacht hatte (und sie verlangsamte).
Skripte
Alles auf der Website ist speziell auf Effizienz programmiert. Wir haben mehrere Skripte erstellt, um mit Ajax-Anrufen, Favoriten, Login / Logout, Eigenschaftenstatistiken und natürlich Suchfilterung umzugehen.
Optimierung
Da die Website in unserem Netzwerk gehostet wird, konnten wir die Bereitstellung der Seiten, Bilder und Inhalte der Website vollständig optimieren. Wir haben benutzerdefinierte Nginx / ngx_PageSpeed-Konfigurationsregeln geschrieben, um Image-Optimierungen im laufenden Betrieb sowie die Minimierung und Komprimierung von Assets zu handhaben. Last but not least haben wir die Site auf Cloudflare für den schnellen globalen Zugriff bereitgestellt und einige Cloudflare-Worker-Regeln geschrieben, um das Zwischenspeichern aller Inhalte für nicht angemeldete Benutzer zu verwalten.
