Entdecken · Ausruhen · Genießen · Vorbereiten · Teilen
← Zurück zu den Projekten01 / KontextWeb-Redesign
Eine komplexe Route ordnen, ohne ihre kulturelle Identität zu verlieren.
Die Ruta del Císter vereint Klöster, Routen, Unterkünfte, Gastronomie, Veranstaltungen und praktische Informationen. Das Redesign ordnet diese Inhalte neu, damit Besucher:innen Optionen entdecken, vergleichen und eine vollständige Erfahrung vorbereiten können.
- Meine Rolle
- Untersuchte die ursprüngliche Website und identifizierte Reibungspunkte
- Gestaltete die Informationsarchitektur in fünf Inhaltsblöcken neu
- Baute ein visuelles System (Farbe, Typografie, Icons) für Desktop und Mobil
- Prototypte die gesamte Erfahrung in Figma
- System
- Desktop, Tablet und Mobil
- Ergebnis
- Responsive Tourismus-Website
- Werkzeuge
- Figma · Photoshop
Finden.
Entdecken.
Planen.
Informationsüberlastung auf einer Tourismus-Website mit vielen Inhalten reduzieren und daraus eine klare Erfahrung zur Vorbereitung des Besuchs machen.
Verstehen
vor dem Gestalten.
Die ursprüngliche Website enthielt nützliche Inhalte, aber die Navigation half nicht dabei zu entscheiden, was man sehen, wo man schlafen oder wie man die Route organisieren sollte.
Bevor ich an der Oberfläche arbeitete, lag der Fokus darauf, zu erkennen, welche Informationen mehr Hierarchie brauchten: Menü, Suche, Filter und Zugänge zu zentralen Inhalten.
03.1 / Struktur
Wege ordnen, bevor Screens finalisiert werden.
Die Wireframes halfen dabei, Navigation, Suche, Filter und Inhaltskarten für Desktop und Mobil neu zu ordnen.
04 / Erkenntnisse in Designentscheidungen übersetzen
Von gesammelten Inhalten zu klaren Entscheidungen.
Die Erkenntnisse wurden in vier Entscheidungen übersetzt: Architektur neu ordnen, die Startseite zum Planungspunkt machen, Suche, Filter und Karten priorisieren und alles mit einem responsiven System stützen.
Klöster, Routen, Unterkünfte, Gastronomie und Veranstaltungen in erkennbaren Blöcken.
Sichtbarer Zugang zu Routen, Unterkünften, Veranstaltungen und hilfreichen Inhalten.
Wiederverwendbare Module zum Vergleichen, Entscheiden und für Konsistenz zwischen Screens.
04.1 / Visuelles System
Eine gemeinsame Sprache zur Orientierung.
Raster, Farbe, Typografie, Buttons und Ikonografie wurden als visuelles System definiert, um die Navigation auf Desktop und Mobil klar und konsistent zu halten.
Farbe zur Orientierung.
Typografie zur Führung.
Farbsystem
Türkis
#008DA1#00A1AB#01BABC#62D4CE#8BE8DD
Navigation · Struktur · Orientierung
Koralle
#E84255#F25859#FF6F61#FF856B#FF9872
Aktion · Betonung · Handlungsaufrufe
Neutrale Töne
#FFFFFF#F2F2F2#E6E6E6#CDCDCD#686868#000000
Lesbarkeit · Hintergrund · Balance
TypografieAa Aa
MontserratTitel · Semibold / Black
QuicksandText · Regular / Medium
Komponenten zum Erkennen, Entscheiden und Weitergehen.
Icons, Buttons und Formulare behalten dieselbe visuelle Sprache, damit Aktionen auf Desktop und Mobil erkennbar bleiben.
Kategorien und Hauptaktionen.
Lineare, lesbare Ikonografie, vorbereitet für Türkis, Koralle oder positive Darstellung auf farbigen Hintergründen.
Sichtbare Zustände, ohne die Komposition zu brechen.
Koralle bündelt Aktionen und Handlungsaufrufe; Türkis ordnet Navigation und Bestätigung. Grau bleibt inaktiven Zuständen vorbehalten, ohne mit Hauptaktionen zu konkurrieren.
Formular und Systemfeedback.
Markiert
Ausgewählt
On
Die Route läuft auf jedem Bildschirm weiter.
05.1 / Responsives Ergebnis
Eine funktionale Oberfläche, die dem Territorium Raum lässt.
06 / Rückblick
“Tourismus zu gestalten heißt, Entscheidungen zu gestalten.”
Die richtige Struktur ermöglicht Entdecken, Vergleichen und Planen, ohne sich in Inhalten zu verlieren.
Zurück zu den Projekten ↗