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.

Problemstellung

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

Projekttyp

fallstudie

fallstudie

app

app

branding

branding

recherche

recherche

Figma

Figma

Photoshop

Illustrator

Illustrator

Trello

Trello

KI

KI

Tools

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.


Persona Kerstin Müller
Persona Kerstin Müller
Zielgruppenanalyse

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.


Tools
  1. Event-Übersicht mit Filterfunktion

  1. 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

  1. Die neue Produktpage
  1. Die neue Produktpage

  1. Die neue Produktsortimentseite
  1. 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

Create a free website with Framer, the website builder loved by startups, designers and agencies.