WoW Beginner

Verwendete Farben:

#0DD18E
#121D24
#EEEEEE

Verwendete Schriftarten:

Serenity
Montserrat

Verwendete Technologien:

HTML, CSS, Javascript, Adobe XD, Adobe Photoshop

Bei diesem Projekt handelt es sich um eine Informationsseite über das Computerspiel “World of Warcraft”. Sie richtet sich primär an Spieler:innen, die neu mit “World of Warcraft” begonnen haben. Realisiert wurde die Webseite in WordPress, der Aufbau ist also einem Blog recht ähnlich. Ich habe an diesem Projekt komplett allein gearbeitet. Alle Designs und Texte auf dieser Webseite stammen also von mir.

Übersicht

Eine Herausforderung war es, die Seite so zu gestalten, dass sich die angesprochene Zielgruppe (Anfänger in “World of Warcraft”) leicht zurecht findet. Dabei sollten so viele Informationen wie möglich zugänglich gemacht werden, die das Spiel umfassend erklären. Auf der anderen Seite sollte die Zielgruppe aber nicht mit zu vielen Artikeln auf einmal überfordert werden. “World of Warcraft” ist sehr komplex und gerade neue Spieler:innen wissen oft nicht, wo sie anfangen sollen. Daher war es sinnvoll, die Anleitungen in verschiedene Kategorien einzuteilen, die die Lesenden stück für stück weiterbilden.

So entstanden 5 Themenblöcke, in die die einzelnen Anleitungen eingeteilt wurden. Diese Themenblöcke werden dem/der Webseitenbesucher/in auf der Startseite direkt angeboten. Bei den einzelnen Anleitungen war es mir wichtig, diese trotzdem so zu gestalten, dass sie auch unabhängig von anderen Anleitungen gelesen und verstanden werden können, sodass Spieler:innen, die nur eine spezifische Information suchen, diese auch leicht finden können, ohne sich Stundenlang Texte durchlesen zu müssen. Die in die Webseite integrierte Suchleiste unterstützt dabei. Zudem ist eine einfache Navigation zwischen den Themenblöcken und den einzelnen Anleitungen mithilfe der Navigationsleiste möglich.

Kompakte Darstellung

In den Anleitungen haben ich die Informationen so verpackt, dass sie zunächst für alle Nutzer:innen angenehm zu lesen sind. Hilfreich dabei sind kleine hervorgehobene Textboxen mit Tipps und Hinweisen, die gerade kompletten Neuanfänger:innen wertvolle Mehrwerte bieten. Es gibt auch Informationen, die nicht für alle Spieler:innen gleichermaßen sinnvoll bzw. nützlich sind. An diesen Stellen habe ich kleine aufklappbare Boxen eingebaut, die bei Bedarf einfach geöffnet werden können. So wird die Textmenge für den Großteil der Leser:innen reduziert, ohne Nützliche tiefergehende Informationen auszulassen

Unter jeder Anleitung gibt es einen Kommentarbereich, in dem die Spieler:innen noch Fragen stellen können, falls nach dem Lesen des Artikels noch etwas unklar geblieben ist. Hier gibt es auch die Möglichkeit zu Austausch unter mehreren Spieler:innen. Die Idee dabei war, dass sich so Spieler:innen auch untereinander helfen können.

Nutzerfreundlichkeit

Seite für häufig gestellte Fragen

Auf einer FAQ (Frequently Asked Questions – Häufig gestellte Fragen) Seite werden oft gestellte Fragen auch noch einmal zusammengefasst mit knappen Antworten dargestellt. So können Nutzer mit spezifischen Fragen die Antwort schnell und einfach finden, ohne lange Anleitungen oder Kommentare zu lesen.

Bei der generellen Gestaltung habe ich auf gute Kontraste und optimale Darstellung für eine Vielzahl von Bildschirmgrößen geachtet. So ist gewährleistet, dass die Webseite auf jedem Gerät gut aussieht und für jede/n Besucher/in nützlich ist. Wenn Sie sich diese Webseite einmal in der “freien Wildbahn” ansehen möchten, können Sie das hier tun.

WordPress Cookie Plugin von Real Cookie Banner