Webdesign aus Köln
Case Study
colognecamper.com vermietet Campervans der Marke Kompanja und mini Caravans von Kulba und verkauft mini Caravans sowie QUQUQ-Campingboxen. Die komplette Webseite habe ich als Contao-Agentur aus Köln mit dem Open-Source-CMS Contao 5 umgesetzt.
Die zentrale Aufgabe: Interessenten sollen Lust auf die Fahrzeuge bekommen – und zugleich auf einen Blick sehen, wann welcher Camper frei ist. Daraus ergaben sich die beiden Schwerpunkte des Projekts.
Gestaltung
Die Seite setzt auf große Bilder: Der Slider der Startseite zeigt eine QUQUQ-Box unter dem Sternenhimmel und einen Kompanja im Sonnenuntergang, und jede Fahrzeugseite beginnt mit einem Titelbild im Parallax-Effekt. Technisch steht dahinter ein Contao-Projekt, das auf dem Handy genauso funktioniert wie am großen Bildschirm.
Mehrere Bausteine stammen aus meinen Open-Source-Erweiterungen für Contao: der Parallax-Effekt der Titelbilder, die Einblend-Animationen beim Scrollen, die mobile Navigation und die Formularbeschriftungen, die beim Ausfüllen an den Rand des Feldes wandern. Die Schrift Montserrat kommt vom eigenen Server; beim Seitenaufruf geht keine Anfrage an Google.
Gäste sehen auf einen Blick, an welchen Tagen die Campervans und Caravans bereits reserviert sind. Gebaut habe ich ihn mit dem Kalender von Contao, für diesen Zweck angepasst: Beim Blättern lädt nur der Kalender den nächsten Monat nach, die Seite bleibt stehen.
Jedes Modell hat eine eigene Seite mit Titelbild, Beschreibung, Bildergalerie mit Lightbox, technischen Daten und Preisen. Wie ich solche Projekte umsetze, zeige ich unter Webentwicklung aus Köln.
Buchungskalender
Der Buchungskalender zeigt alle neun Mietfahrzeuge in einer Monatsübersicht: vier Kompanja, drei Kompanja Zwei und die beiden Kulba-Wohnwagen Woody und Rebel. Jedes Fahrzeug hat eine eigene Zeile, die Tage stehen nebeneinander. Belegte Zeiträume erscheinen als dunkelrote Balken, und wer mit der Maus auf einen Balken zeigt, sieht die Daten. Wochenenden und Feiertage sind hellrot hinterlegt, die Schulferien in NRW stehen in einer eigenen Zeile.
Beim Blättern lädt nur der Kalender den nächsten Monat nach, die Seite bleibt stehen. Auch wer im Browser keine Skripte zulässt, kommt weiter: Dann öffnet sich der nächste Monat als neue Seite. Die Belegungen selbst sind Termine im Kalendermodul von Contao und werden im Backend gepflegt wie jeder andere Termin.
Ein System zum Sofortbuchen gibt es bewusst nicht: Cologne Camper beantwortet jede Anfrage persönlich. Der Kalender ist deshalb der erste Schritt – die Startseite bittet, erst einen freien Platz zu suchen und dann anzufragen.
Kundenstimme
„Niels hat sofort verstanden was ich brauche und schon der erste Seitenentwurf hat meine Erwartung übertroffen.“
Das Feintuning sei dann meist sofort am Telefon umgesetzt worden. Alle Kundenstimmen
Anfrage
Die vier Modelle haben je eine eigene Seite, alle nach demselben Muster: Titelbild, Beschreibung, Bildergalerie, technische Daten und Ausstattung, Preise mit Paketen für die NRW-Ferien und die Mietbedingungen als PDF. Darunter stehen der komplette Buchungskalender und das Anfrageformular. Wer ein Fahrzeug ansieht, prüft den freien Zeitraum und fragt an, ohne die Seite zu wechseln.
Pflicht sind nur Vorname, Nachname, E-Mail sowie Start und Rückgabe, beide im Kalenderfeld. Telefon, Adresse und Nachricht sind freiwillig. Wer den Start wählt, findet dasselbe Datum schon als Rückgabe eingetragen und passt nur noch das Ende an. Abgeschickt wird ohne Neuladen der Seite.
Die Beschriftungen stehen im Feld und wandern beim Tippen an den oberen Rand – auch das ist eine meiner Erweiterungen. Die Rechenaufgabe des in Contao eingebauten Spamschutzes blendet ein Skript aus: Besucher sehen sie nicht, und ein Bilderrätsel gibt es auch nicht.
Ihr Projekt