UX/UI Design

Kärntner Skipass

Kunde
Kärntner Skipass
Rolle
UX Research, UX und UI Design
Umfang
Website und Ticketsuche für 30 Skigebiete
Jahr
2024

Der Kärntner Skipass öffnet mit einer Karte 30 Skigebiete in Kärnten und Osttirol, vom Nassfeld bis zur Gerlitzen. Das Angebot war stark, die Website nicht. Pässe wurden offline verkauft und der Auftritt wirkte veraltet.

Wir haben Marke und Website zu einer modernen Plattform weiterentwickelt, die Pässe online verkauft und für jedes Alter funktioniert.

Die alte und die neue Website im Vergleich

Wo es wehtat

Herausforderung

  • Eine klare Geschichte über 30 Skigebiete erzählen.

  • Den Offline Verkauf in einen reibungslosen Onlinekauf verwandeln.

  • Die Marke modernisieren und für jedes Alter zugänglich halten.

Research

  • UX Audit der alten Website.

  • Benchmarks führender europäischer Skipass Plattformen.

  • Stakeholder Interviews.

Wichtigste Erkenntnisse

  • Es gab keinen Online Checkout.

  • Passarten und Preise verwirrten Besucher.

  • Die Oberfläche war veraltet und uneinheitlich.

  • Ältere Besucher kämpften mit kleiner Schrift und wenig Kontrast.

Was sich ändern musste

Problem

  • Kein zentraler Ort, um einen Pass für alle Skigebiete zu kaufen.

  • Eine veraltete Identität und verstreute Vertriebskanäle.

  • Komplexe Preise, die man gegenprüfen musste.

  • Schwache Barrierefreiheit und keine Geschichte.

Ziele

  • Pässe in einem zentralen Mobile First Shop verkaufen.

  • Preise, Berechtigungen und Passarten für alle verständlich machen.

  • Die Identität für ein jüngeres Publikum auffrischen.

  • Vertrauen durch Transparenz und Klarheit aufbauen.

  • Ein Gerüst schaffen, das Information und Verkauf dient.

Vier Wege zum Skipass

Familien, Einzelpersonen, Paare und Großeltern kaufen denselben Pass aus ganz unterschiedlichen Gründen. Vier Personas haben jede Entscheidung überprüft.

Familie

Namen Markus und Sarah, 38 und 37
Wohnort Graz, Österreich
Kinder Ein Kind, 7 Jahre
Beruf Markus ist Bauingenieur und Sarah freiberufliche Illustratorin
Sucht Leistbaren Skiurlaub in den Ferien mit klaren Planungstools

Verhalten

  • Recherchiert in der Mittagspause und wenn das Kind schläft.

  • Plant am Desktop und checkt schnell am Handy.

  • Vergleicht Angebote nach Schulferien und Wetter.

  • Will verlässliche Infos zu Skigebieten und Familienangebote.

Bedürfnisse

  • Preise für die geplanten Tage.

  • Einen visuellen Vergleich von Familienpaketen und Skigebieten.

  • Einen Ort zum Planen und Kaufen.

  • Einen nahtlosen Wechsel zwischen Handy und Desktop.

Von der Suche zum Checkout

Wir haben den Weg von der ersten Suche bis zum Kauf für alle vier Gruppen abgebildet. Die Journey endete in einer Sackgasse, weil man online nicht kaufen konnte.

User Journey Map

Sieben Seiten, ein Weg zum Pass

Die Website ist um die zwei Produkte gebaut. Saisonkarte und Mehrtageskarte haben je eine eigene Seite mit Preisen, FAQs und einem direkten Link zum Shop. Skigebiete und Verkaufsstellen unterstützen die Entscheidung. Wireframes haben die Reihenfolge vor jedem visuellen Design getestet.

Sitemap
Wireframes der wichtigsten Seiten

Dreißig Skigebiete, eine Liste

Jedes Skigebiet bekommt eine Karte mit Liften, Pistenkilometern, Pistenplan, Webcam und Lage. Besucher reihen nach Pistenlänge oder Liften und filtern nach Snowpark oder Kinderprogramm. Details öffnen sich direkt in der Liste mit Pistenmix, Liften und Infrastruktur, damit niemand seinen Platz verliert.

Skigebietsliste mit Filtern und geöffnetem Skigebiet

Preise, die man lesen kann

Aus den alten Preislisten wurden Tabellen. Die Mehrtageskarte ist nach Saison gegliedert und zeigt Erwachsene, Jugend, Senioren und Kinder nebeneinander. Die Saisonkarte ist nach Paketen gegliedert. Familien, Partner und Enkelpaket sind einen Klick entfernt. Jede Zeile führt direkt in den Warenkorb.

Preistabellen für Mehrtageskarte und Saisonkarte

Klar für jedes Alter

Navy trägt den Text und das Suchpanel, ein warmes Rot markiert jede Aktion und ein helles Grau hält lange Seiten ruhig. PP Neue Montreal setzt die Claims und die großen Zahlen. Großzügige Größen und starker Kontrast halten alles für ältere Besucher lesbar.

Farbpalette
Schriftmuster PP Neue Montreal

Ein Auftritt von der Startseite bis zum Checkout

Alle wichtigen Seiten wurden in der finalen Bildsprache gestaltet, mit Typografie, Farbe, Icons, Bildwelt und allen Interface Komponenten. Große Bergfotos tragen die Emotion, die weißen Karten und Tabellen tragen die Fakten.

Fürs Handy gebaut

Familien und Paare planen meist am Handy. Die Navigation klappt in ein Menü, die Fakten der Skigebiete stapeln sich in einem Raster und jede Skigebietskarte hält ihre Icons in Reichweite des Daumens.

Startseite, Fakten, Skigebietsliste und Preise am Handy

Mehr Pässe online verkauft

Ergebnis

  • Die Skipass Verkäufe stiegen um 12 Prozent.

  • Die mobile Conversion stieg bei Studierenden und Familien.

  • Ältere Besucher brauchten weniger Support.

  • Die Marke wird in allen Zielgruppen stärker wahrgenommen.

Übergabe

Wir haben einen vollständigen Prototyp mit Dokumentation jeder Interaktion übergeben. Nach der finalen Freigabe haben wir dem Entwicklungsteam das Design erklärt und alle Assets übergeben. Vor dem Launch lief eine QA Phase und der Kunde war in jeder Phase eingebunden.

Reflexion

Das Redesign ging über die Optik hinaus. Eine UX, die auf echten Bedürfnissen von Studierenden bis zu Großeltern aufbaut, gab der Marke eine inklusive Lösung, die mitwächst.

Die einzige Grenze war der Shop. Aus Budgetgründen läuft er auf einem externen System mit eigenen Gestaltungsregeln, daher passt der Checkout nicht ganz zum individuellen Design der Website.

Ein Pass für 30 Skigebiete und endlich ein klarer Ort, um ihn zu kaufen.

Nächstes Projekt

mut.agency