Case Study

Möblierte Apartments auf Zeit in Köln

colonius-apartments.com vermietet möblierte Apartments auf Zeit in zwei Kölner Lagen: Werderstraße im Belgischen Viertel und Friesenwall im Friesenviertel. Gebaut habe ich die Webseite mit Contao, einem Redaktionssystem, in dem der Kunde seine Texte und Bilder selbst pflegt.

Die Aufgabe: Interessenten sollen sofort sehen, wo sie wohnen würden – Haus, Größe, Ausstattung – und ohne Umwege eine Anfrage stellen können. Daraus entstanden die beiden Schwerpunkte des Projekts.

Branche
Möblierte Apartments auf Zeit
Lagen
Belgisches Viertel, Friesenviertel
System
Contao
Sprachen
Deutsch, Englisch

Webseite ansehen Ähnliches Projekt anfragen

Startseite von colonius-apartments.com – Wohnen auf Zeit in Köln, lila Kopfzeile über hellem Apartment Screenshot der Webseite colonius-apartments.com auf dem Smartphone

Gestaltung

Was die Seite besonders macht

Die Seite ist hell und bildstark: Interieurs, Licht, der Blick über die Dächer. Der lila Balken und der Satz „sofort loswohnen“ machen die Marke erkennbar. Die Fotos machen die Arbeit: Sie verkaufen die Apartments. Technisch bleibt es ein Contao-Projekt, das sich leicht pflegen lässt: Neue Apartments und Texte trägt der Kunde selbst in der Verwaltung der Webseite ein.

Die Standortkarte ist ein Bild mit den Adressen beider Häuser; OpenStreetMap öffnet sich erst auf Klick. Beim Seitenaufruf lädt so kein Kartendienst mit.

Zwei Bausteine stammen aus meinen Open-Source-Erweiterungen für Contao: Die Fotogalerie „Einblicke“ setzt ihre Bilder in bündige Zeilen und behält dabei jedes Seitenverhältnis, und die Schrift Lato kommt vom eigenen Server und nicht von Google Fonts – beim Seitenaufruf lädt so kein fremder Dienst mit.

Fotogalerie „Einblicke“ auf colonius-apartments.com
Standortseite Werderstraße auf colonius-apartments.com – Apartment-Kategorien im Belgischen Viertel

Zwei Häuser, eine Struktur

Werderstraße und Friesenwall haben eigene Übersichtsseiten. Darunter liegen die Kategorien – an der Werderstraße XS bis L, am Friesenwall S bis XL, darunter eine 60-Quadratmeter-Wohnung mit Terrasse und Domblick. Jede Kategorie hat eine eigene Seite mit Text, Fotos und Ausstattung.

Englische Startseite von colonius-apartments.com

Deutsch und Englisch bis in jede Kategorie

Die englische Fassung ist kein Auszug. Beide Häuser, alle acht Kategorien, die Buchungsanfrage und die Fotogalerie gibt es auch auf Englisch, und der Sprachschalter führt von jeder Seite direkt zu ihrem Gegenstück. Wie ich solche Projekte baue, steht unter Webentwicklung aus Köln.

Anfrage

Vom Apartment zur Anfrage

Der Knopf führt direkt zur Buchungsanfrage. Daneben gibt es zwei kürzere Wege: das Kontaktformular auf der Kontaktseite und den Rückruf-Wunsch in der Fußzeile jeder Seite.

Buchungsanfrage auf colonius-apartments.com

Die Buchungsanfrage

Ein Formular für beide Häuser – die Auswahlliste enthält alle acht Kategorien. An- und Abreise stehen im Kalenderfeld, die Anreise frühestens ab heute, die Abreise frühestens ab morgen. Dazu kommen Firmen- oder Privatbuchung, Beruf und Grund des Aufenthalts. So steht in jeder Anfrage schon, welches Apartment, wann und wofür.

Rückruf und Spamschutz

Für den Rückruf reichen Name und Telefonnummer, E-Mail und Zeitraum sind freiwillig. Alle Formulare schützt Altcha, der in Contao eingebaute Spamschutz: Die Prüfung läuft unsichtbar im Browser – ohne Bilderrätsel und ohne Dienst von Google.

Umgesetzte Funktionen

  • Zwei Standort-Seiten (Werderstraße, Friesenwall) mit je vier Apartment-Kategorien
  • Acht Kategorie-Seiten im selben Aufbau, jeweils mit Grundriss
  • Standortkarte als Bild, OpenStreetMap erst auf Klick
  • Buchungsanfrage mit Apartment-Auswahl, Datumsfeldern und Buchungsart
  • Rückrufformular in der Fußzeile jeder Seite
  • Unsichtbarer Spamschutz mit Altcha statt Bilderrätsel
  • Fotogalerie „Einblicke“ in bündigen Bildzeilen (eigene Erweiterung)
  • Schrift vom eigenen Server – kein Nachladen bei Google (eigene Erweiterung)
  • Zweisprachige Webseite (Deutsch und Englisch)
  • Mobile Navigation für Smartphone und Tablet
  • Responsives Layout für alle Bildschirmbreiten