--- title: "Eine Immobilienseite muss zwei Dinge gleichzeitig können" description: "Aufwendig aussehen und trotzdem schnell sein. Für ein Maklerbüro in Palma haben wir beides gebaut, samt WhatsApp-Weg und geschütztem Innenbereich." author: "Matthias Meyer" published: 2026-03-26 updated: 2026-03-26 language: de tags: ["kundenprojekte", "webdesign", "immobilien", "mallorca", "animation", "case-study"] canonical: "https://studiomeyer.io/de/blog/mvc-properties-immobilien-website-palma" markdown_versions: ["https://studiomeyer.io/de/blog/mvc-properties-immobilien-website-palma.md", "https://studiomeyer.io/en/blog/mvc-properties-immobilien-website-palma.md", "https://studiomeyer.io/es/blog/mvc-properties-immobilien-website-palma.md"] publisher: "StudioMeyer, https://studiomeyer.io (llms.txt: https://studiomeyer.io/llms.txt)" --- # Eine Immobilienseite muss zwei Dinge gleichzeitig können Immobilienseiten haben ein Problem, das andere Branchen so nicht kennen. Sie müssen teuer aussehen, weil sie teure Dinge verkaufen. Und sie müssen schnell sein, weil die Hälfte der Besucher auf dem Handy unterwegs ist, oft mit mäßigem Empfang, oft im Vorbeigehen. Diese beiden Anforderungen ziehen in entgegengesetzte Richtungen. Große Bilder, weiche Bewegungen und Tiefe kosten Ladezeit. Wer nur auf Tempo optimiert, landet bei einer Seite, die aussieht wie eine Tabelle. Für MVC Properties in Palma haben wir versucht, beides zu bekommen. ## Bewegung, die etwas erklärt Der Einstieg der Seite arbeitet mit Parallax, also mit Ebenen, die sich beim Scrollen unterschiedlich schnell bewegen. Das erzeugt Tiefe, ohne dass ein zusätzliches Bild geladen werden muss. Die hervorgehobenen Objekte laufen über eine Pin-Timeline. Der Abschnitt bleibt beim Scrollen stehen, und die Objekte ziehen nacheinander durch. Das ist nicht nur Effekt: Es zwingt die Aufmerksamkeit auf ein Objekt nach dem anderen, statt sie über ein Raster voller Kacheln zu verteilen. Bei hochpreisigen Objekten ist das genau richtig, weil hier niemand vergleicht wie im Supermarkt. Die Objektkarten kippen leicht mit dem Mauszeiger. Ein kleiner Effekt, der einen praktischen Zweck hat: Er zeigt, dass die Karte anklickbar ist, ohne dass ein Button daraufgeklebt werden muss. Jede dieser Bewegungen ist so gebaut, dass sie auf Touch-Geräten reduziert läuft oder ganz entfällt. Ein Kipp-Effekt braucht einen Mauszeiger. Auf dem Handy ist er sinnlos, kostet aber trotzdem Rechenzeit. Und wer im Betriebssystem eingestellt hat, dass er weniger Bewegung sehen möchte, bekommt weniger Bewegung. Das ist eine Zeile Aufwand und macht den Unterschied zwischen einer Seite, die beeindruckt, und einer, die jemandem schlecht macht. ## WhatsApp ist in Spanien kein Nebenkanal Ein Detail, das man aus Deutschland heraus falsch einschätzt: In Spanien läuft Geschäftskontakt über WhatsApp. Nicht als Notlösung, sondern als erster Weg. Eine Immobilienseite ohne sichtbaren WhatsApp-Kontakt lässt hier Anfragen liegen. Deshalb gibt es neben dem Formular einen direkten Weg dorthin. Das Formular selbst liegt als Glasfläche über einem Bild der Kathedrale, durchscheinend, mit Unschärfe dahinter. Es sieht gut aus und hat einen zweiten Effekt: Das Formular wirkt nicht wie ein Fremdkörper am Seitenende, sondern wie Teil der Bildsprache. Dazu ein KI-Chat für die Fragen, die vor einer Anfrage kommen. Was kostet die Gegend, gibt es etwas in der Größe, wie läuft der Kauf als Ausländer. Fragen, bei denen Leute nicht anrufen wollen, aber gerne tippen. ## Der Bereich, den Besucher nie sehen Ein Teil der Seite ist passwortgeschützt. Nicht alles, was ein Maklerbüro digital braucht, gehört ins Schaufenster. Manche Objekte laufen diskret, manche Unterlagen sind für Interessenten mit Termin gedacht und nicht für die Allgemeinheit. Diesen Bereich mitzudenken ändert die Struktur der ganzen Seite. Man kann ihn nicht nachträglich danebenstellen, ohne dass zwei Systeme entstehen, die man doppelt pflegt. Baut man ihn von Anfang an in dieselbe Seite, ist es ein Bereich mehr, den man mit einem Login betritt. ## Drei Sprachen, und eine davon ist die Hauptsprache Die Seite gibt es auf Spanisch, Deutsch und Englisch. Anders als bei vielen unserer Projekte ist hier Spanisch die Hauptsprache, nicht Deutsch. Das klingt nach einer Kleinigkeit und ist eine strukturelle Entscheidung: Wer die Seite ohne Sprachangabe aufruft, landet auf der spanischen Fassung, und die Suchmaschinen bekommen genau das als Standard gemeldet. Wird das falsch gesetzt, entsteht ein stiller Widerspruch. Der Server schickt Besucher auf die spanische Seite, die Auszeichnung im Quelltext nennt aber die deutsche als Standard. Google glaubt dann der Auszeichnung und zeigt in spanischen Suchergebnissen die deutsche Fassung an. ## Was ich daraus mitnehme Der interessanteste Teil dieses Projekts war nicht die Animation, sondern die Frage, wo sie aufhört. Jeder Effekt bekam die Gegenfrage: Was macht der auf einem drei Jahre alten Android-Gerät bei mittelmäßigem Netz? Diese Frage streicht ungefähr die Hälfte aller Ideen. Die andere Hälfte wird dadurch besser, weil sie sich nicht mehr rechtfertigen muss. ## Weiterlesen, Kundenprojekte - [Was in unseren Kundenprojekten wirklich steckt](https://studiomeyer.io/de/blog/kundenprojekte-was-dahinter-steckt.md) - [Pakete plus À-la-carte: die schwierigste Preisdarstellung](https://studiomeyer.io/de/blog/ancient-hawaiian-weddings-website-maui.md) - [Ein Relaunch darf nichts wegwerfen, was Jahre gewachsen ist](https://studiomeyer.io/de/blog/impresol-relaunch-magazine-katalog.md)