Appartements
Zum Vergleichen gemacht
Warum
Kunden wählen nach Gruppengröße und Budget.
Vorteil für die Kunden
Personen, Größe und Preis stehen auf jeder Karte. Man vergleicht auf einen Blick.
Projekt
Ferienwohnungen Bergzeit
Eine Website, auf der Kunden schnell finden, was sie suchen, und direkt anfragen.
- Meine Rolle
- UX-Audit, Design System, Webdesign und Umsetzung
- Werkzeuge
- Figma und Webflow
- Umfang
- Startseite für Desktop und Handy
Schritt 1 · UX-Audit
28 Befunde in 5 Problemfeldern.
Ich habe die alte Startseite auf Desktop und Handy geprüft, gemessen an WCAG 2.2.
- Lesbarkeit und Kontrast
- Logo, Menü und Buttons erreichten teils nicht einmal AA.
- Klare Handlung
- Zwei Buttons in zwei Farben für dasselbe Ziel.
- Bewegung und Bedienung
- Ein Slider ohne Pause und drehende Kacheln.
- Inhalt und Struktur
- Keine Preise. Wichtige Infos hinter Animationen.
- Vertrauen und Google
- Keine Bewertungen und falsche Überschriften.
Schritt 2 · Prioritäten
Was zuerst kommt.
1
Sofort
Lesbarkeit und ein klarer Button für die Buchung.
2
Danach
Apartment-Karten mit Foto, Personen und Preis.
3
Zum Schluss
Bewertungen sichtbar machen und Google helfen.
Schritt 3 · Design
Vorher und nachher.
Vorher
Der wichtigste Button hatte nur 2,7 : 1 Kontrast.
Nachher
Ein klarer Hauptbutton mit über 7 : 1 Kontrast.
Vorher
„Buchen“ und „Anfragen“ in zwei verschiedenen Farben.
Nachher
Ein Button: „Freie Termine anzeigen“.
Vorher
Größe und Preis nur auf drehenden Kacheln.
Nachher
Karten mit Foto, Personen, m² und Preis auf einen Blick.
Meine Methode
Nichts ist nur schön. Alles hat einen Grund.
Für jeden Bereich habe ich drei Fragen beantwortet: Was entscheide ich? Warum? Was haben die Kunden davon?
Ein Hauptbutton pro Ansicht
Kunden sehen immer, was der nächste Schritt ist.
Kontrast so hoch wie möglich
WCAG AAA, wo es geht, sonst AA.
Alles aus einem System
Jeder Baustein kommt aus dem Design System.
Region
Lust auf jede Jahreszeit
Warum
Der Ort ist ein Ganzjahresziel. Große Fotos wecken Lust auf die Region.
Vorteil für die Kunden
Ruhig und aufgeräumt. Details öffnen sich erst bei Interesse, auch mit der Tastatur.
Bewertungen
Echte Stimmen, die überzeugen
Warum
Bei Ferienwohnungen entscheiden die Erfahrungen anderer Kunden stark mit.
Vorteil für die Kunden
Vertrauen genau dort, wo Kunden sich entscheiden. Alle Zitate sind echt.
Schritt 4 · Design System
Ein eigenes Design System.
Farben, Schriften, Buttons, Buchung und Karten. Jede Farbe mit geprüftem Kontrast.
Schritt 5 · Umsetzung
Das Ergebnis.
- Freie Termine sucht man gleich im ersten Bildschirm.
- Am Handy ist die Buchung ohne Scrollen da.
- Alle Texte und Buttons erfüllen WCAG AA.
- Fertig gebaut und animiert in Webflow.
Wie würde Ihre Seite aussehen?
Schicken Sie mir Ihre Website. Ich sage Ihnen in 24 Stunden, was Kunden vom Buchen abhält.