
Highlander Games ist eine Plattform für Tabletop-, Brett- und Kartenspiel-Enthusiasten, die neben einem Onlineshop auch regelmäßig Events veranstaltet. Ziel des Redesigns war es, die Webseite nutzerfreundlicher zu gestalten und durch ein mittelalterlich-fantasyinspiriertes UI-Design eine immersive Erfahrung für Fantasy-Fans zu schaffen.

Highlander Games ist eine Plattform für Tabletop-, Brett- und Kartenspiel-Enthusiasten, die neben einem Onlineshop auch regelmäßig Events veranstaltet. Ziel des Redesigns war es, die Webseite nutzerfreundlicher zu gestalten und durch ein mittelalterlich-fantasyinspiriertes UI-Design eine immersive Erfahrung für Fantasy-Fans zu schaffen.

Die bestehende Webseite von Highlander Games war funktional, aber wenig ansprechend für die Zielgruppe. Insbesondere neue Interessenten, die noch wenig Erfahrung mit Tabletop-Games hatten, fanden es schwierig, sich zurechtzufinden. Events waren nicht optimal präsentiert und es fehlten hilfreiche Informationen für Einsteiger.

Die bestehende Webseite von Highlander Games war funktional, aber wenig ansprechend für die Zielgruppe. Insbesondere neue Interessenten, die noch wenig Erfahrung mit Tabletop-Games hatten, fanden es schwierig, sich zurechtzufinden. Events waren nicht optimal präsentiert und es fehlten hilfreiche Informationen für Einsteiger.
Problemstellung
Projekttyp
fallstudie
fallstudie
app
app
branding
branding
recherche
recherche
Figma
Figma
Photoshop
Illustrator
Illustrator
Trello
Trello
KI
KI
Tools
Photoshop
Zielsetzung
Ein immersives Fantasy-Design entwickeln, das die Community begeistert.
Einsteigerfreundlichkeit verbessern und Hürden für Neulinge abbauen.
Eine übersichtliche Eventstruktur schaffen, damit Nutzer schnell relevante Events finden.
Die soziale Interaktion fördern, um neue Verbindungen innerhalb der Community zu ermöglichen.
Zielsetzung
Ein immersives Fantasy-Design entwickeln, das die Community begeistert.
Einsteigerfreundlichkeit verbessern und Hürden für Neulinge abbauen.
Eine übersichtliche Eventstruktur schaffen, damit Nutzer schnell relevante Events finden.
Die soziale Interaktion fördern, um neue Verbindungen innerhalb der Community zu ermöglichen.








Zielgruppenanalyse
Die Zielgruppe wurde mittels einer Umfrage definiert. Daraus wurden verschiedene Personas entwickelt, um gezielte Designentscheidungen treffen zu können.
Highlandergames macht seinem Namen alle Ehre.
Highlandergames macht seinem Namen alle Ehre.
Lösungen & Designentscheidungen
Lösungen & Designentscheidungen


1. Immersives Fantasy-Design
1. Immersives Fantasy-Design
Die neue UI nutzt keltisch inspirierte Icons, die an Runen erinnern, jedoch eine hohe Usability gewährleisten. Der Hintergrund in Pergament-Optik mit dezenten Gebrauchsspuren sorgt für einen authentischen, "dreckigen" Fantasy-Look. Die Hauptfarbe der Seite ist ein sattes Grasgrün (#115416), das an die schottischen Highlands erinnert.
Die neue UI nutzt keltisch inspirierte Icons, die an Runen erinnern, jedoch eine hohe Usability gewährleisten. Der Hintergrund in Pergament-Optik mit dezenten Gebrauchsspuren sorgt für einen authentischen, "dreckigen" Fantasy-Look. Die Hauptfarbe der Seite ist ein sattes Grasgrün (#115416), das an die schottischen Highlands erinnert.




HIGHLANDER GAMES
HIGHLANDER GAMES
Schriftarten
Schriftarten
Aa
Almendra für Headlines, um den mittelalterlichen Look zu unterstützen.
Almendra für Headlines, um den mittelalterlichen Look zu unterstützen.
HIGHLANDER GAMES
Aa
Lato für Fließtexte, Subheadlines und Beschreibungstexte, um eine gute Lesbarkeit zu gewährleisten.
Lato für Fließtexte, Subheadlines und Beschreibungstexte, um eine gute Lesbarkeit zu gewährleisten.
Bildelemente

Das Redesign für Highlander Games setzt auf eine immersive Fantasy-Bilderwelt mit AI-generierten Illustrationen, handgemalten Texturen und keltisch inspirierten Symbolen. Mystische Lichtstimmungen und Interessante Fabelwesen schaffen eine Atmosphäre voller Abenteuer und Magie. So wird die Webseite nicht nur ein Shop, sondern ein Portal für Träumer und Entdecker.
Das Redesign für Highlander Games setzt auf eine immersive Fantasy-Bilderwelt mit AI-generierten Illustrationen, handgemalten Texturen und keltisch inspirierten Symbolen. Mystische Lichtstimmungen und Interessante Fabelwesen schaffen eine Atmosphäre voller Abenteuer und Magie. So wird die Webseite nicht nur ein Shop, sondern ein Portal für Träumer und Entdecker.







Event-Übersicht mit Filterfunktion
Event-Übersicht mit Filterfunktion
Kalenderansicht & flexible Filter: Nutzer können Events nach Datum, Spieltyp oder Erfahrungslevel filtern.
„Neueinsteiger willkommen“-Label für Events, die speziell für Neulinge konzipiert sind.
Family-Friendly Tags für Events, die sich für Eltern und Kinder eignen.
Kalenderansicht & flexible Filter: Nutzer können Events nach Datum, Spieltyp oder Erfahrungslevel filtern.
„Neueinsteiger willkommen“-Label für Events, die speziell für Neulinge konzipiert sind.
Family-Friendly Tags für Events, die sich für Eltern und Kinder eignen.


Die neue Produktseite von Highlander Games kombiniert fantasy-inspiriertes Design mit klarer Nutzerführung. Großformatige Produktbilder und eine atmosphärische Darstellung setzen jedes Spiel in Szene. Eine intuitive Navigation mit klaren Call-to-Actions erleichtert den Kaufprozess. Ergänzende Lore-Texte und Empfehlungen machen das Einkaufserlebnis immersiver und helfen Spielern, das perfekte Produkt zu finden.
Die neue Produktseite von Highlander Games kombiniert fantasy-inspiriertes Design mit klarer Nutzerführung. Großformatige Produktbilder und eine atmosphärische Darstellung setzen jedes Spiel in Szene. Eine intuitive Navigation mit klaren Call-to-Actions erleichtert den Kaufprozess. Ergänzende Lore-Texte und Empfehlungen machen das Einkaufserlebnis immersiver und helfen Spielern, das perfekte Produkt zu finden.
Mehr Immersion, bessere Usability
Mehr Immersion, bessere Usability
- Die neue Produktpage
Die neue Produktpage







- Die neue Produktsortimentseite
Die neue Produktsortimentseite
Die neue Produktsortiment-Seite kombiniert eine klare Struktur mit einer immersiven Fantasy-Optik. Durch eine intuitive Kategorisierung und übersichtliche Filteroptionen finden Nutzer schnell das passende Spiel oder Zubehör. Die Gestaltung bleibt dem mittelalterlich-fantastischen Stil treu – mit keltisch inspirierten Icons, Pergament-Texturen und einer harmonischen Farbpalette. So wird das Einkaufserlebnis nicht nur funktional, sondern auch atmosphärisch passend zur Welt von Highlander Games.
Die neue Produktsortiment-Seite kombiniert eine klare Struktur mit einer immersiven Fantasy-Optik. Durch eine intuitive Kategorisierung und übersichtliche Filteroptionen finden Nutzer schnell das passende Spiel oder Zubehör. Die Gestaltung bleibt dem mittelalterlich-fantastischen Stil treu – mit keltisch inspirierten Icons, Pergament-Texturen und einer harmonischen Farbpalette. So wird das Einkaufserlebnis nicht nur funktional, sondern auch atmosphärisch passend zur Welt von Highlander Games.
Übersicht trifft auf Atmosphäre
Übersicht trifft auf Atmosphäre


Das Fazit
Das Fazit
Durch das Redesign wurde die Webseite nicht nur ästhetisch ansprechender, sondern auch funktionaler und zielgruppenorientierter. Die Kombination aus immersivem Fantasy-Design, klarer Navigation und neuen Community-Features hilft Spielern wie Carlos, Till und Kerstin, sich schnell zurechtzufinden und die Plattform optimal zu nutzen.
Durch das Redesign wurde die Webseite nicht nur ästhetisch ansprechender, sondern auch funktionaler und zielgruppenorientierter. Die Kombination aus immersivem Fantasy-Design, klarer Navigation und neuen Community-Features hilft Spielern wie Carlos, Till und Kerstin, sich schnell zurechtzufinden und die Plattform optimal zu nutzen.
© 2025 Stefan Kaiser Site designed by Stefan Kaiser
© 2025 Stefan Kaiser Site designed by Stefan Kaiser
Datenschutz
Datenschutz
Kontakt
Kontakt