Zum Inhalt springen
Alle Projekte
Case Study 05

ItsNinox

Twitch-Streaming · Creator

Ein Twitch-Kanal gehört Twitch. Diese Website gehört ItsNinox — mit Live-Status, Sendeplan, Blog und einem Backend, in dem alles ohne Entwickler gepflegt wird.

  • Live-Statusin Echtzeit
  • Sendeplangepflegt im Backend
  • Blogeigenes Redaktionssystem
ninox.gg
ItsNinox — Website
01

Ausgangslage

Streaming spielt sich fast vollständig auf einer fremden Plattform ab. Ist der Stream offline, bleibt vom Kanal wenig übrig: keine Startseite, kein Archiv, keine Möglichkeit, Interessierte abzuholen, die gerade nicht zuschauen können.

Der Sendeplan lebte in Discord-Nachrichten und Kanalbeschreibungen — jedes Mal von Hand aktualisiert, an mehreren Stellen, mit dem entsprechenden Risiko, dass irgendwo etwas Veraltetes stehen bleibt.

Dazu kam der Anspruch an die Optik: Ein Esports-Auftritt darf nicht nach Website-Baukasten aussehen. Er braucht eine eigene Bildsprache — hier die Eule als Wappentier, dunkles Rot und Gold, klare Kanten.

02

So bin ich vorgegangen

  1. 01

    Eigene Bildsprache statt Vorlage

    Der komplette Auftritt wurde um das Ninox-Wappen herum gestaltet: tiefes Rot, gebürstetes Gold, harte Kanten und eine Typografie mit Charakter. Das Logo sitzt als Siegel mittig in der Navigation — die Seite ist auf den ersten Blick als Ninox erkennbar.

  2. 02

    Live-Status direkt von Twitch

    Die Seite fragt den Kanalstatus serverseitig ab und zeigt in Echtzeit, ob gerade gesendet wird, welcher Titel läuft und was gespielt wird. Kein manuelles Umschalten, kein vergessener »Live«-Hinweis.

  3. 03

    Sendeplan aus einer Quelle

    Streamtermine werden an genau einer Stelle im Backend gepflegt und laufen von dort in Startseite, Terminübersicht und Vorschau. Ein Eintrag, überall aktuell.

  4. 04

    Blog mit eigenem Redaktionssystem

    Für Ankündigungen, Rückblicke und alles zwischen den Streams gibt es ein vollwertiges Blog: Beiträge schreiben, Bilder setzen, veröffentlichen oder als Entwurf liegen lassen — direkt im Backend, ohne WordPress und ohne Umweg über einen Entwickler.

  5. 05

    Community-Anbindung

    Twitch und Discord sind an jeder relevanten Stelle verlinkt — vom Hero bis in die Navigation. Wer die Seite besucht, ist nie mehr als einen Klick vom Stream oder vom Sprachkanal entfernt.

03

Das Ergebnis

ItsNinox hat eine eigene Adresse im Netz, die unabhängig von Twitch existiert und auch dann Wirkung zeigt, wenn der Stream aus ist. Der Live-Status nimmt Besuchern die Frage ab, ob sich ein Klick gerade lohnt.

Der Sendeplan wird an einer Stelle gepflegt und ist damit verlässlich — statt an drei Orten von Hand nachgezogen zu werden. Das Blog gibt dem Kanal zusätzlich Inhalte, die von Suchmaschinen gefunden werden.

Und die Optik macht klar, dass hier kein Baukasten am Werk war: eigene Bildsprache, eigenes Wappen, eigener Ton — technisch sauber gebaut und komplett selbst verwaltbar.

Erbrachte Leistungen

  • Individuelles Webdesign
  • Next.js-Entwicklung
  • Twitch-API-Anbindung
  • Backend & Redaktionssystem
  • Blog-System
  • SEO-Grundlagen

Ähnliches Vorhaben?

Klingt das nach Ihrem Projekt?

Erzählen Sie mir kurz davon — im kostenlosen Erstgespräch klären wir ehrlich, was sich für Sie lohnt.

Weitere Projekte