Rank Runner

Rank Runner ist ein 2D-Platformer, bei dem du SEO-Ranking-Faktoren sammelst und Penalties ausweichst. Es entstand als Witz darüber, wie sich Technical SEO in der Praxis anfühlt – jede Session ist ein Hindernis nach dem anderen, und die Punkte zählen nur, wenn du am Leben bleibst.

Es ist auch ein funktionierendes Portfolio-Stück. Das Spiel ist maßgeschneidert, läuft im Browser und zeigt eine Art Website-Erlebnis, das Vorlagen-Builds nicht liefern können.

Die meisten Brand-Websites 2026 sehen austauschbar aus. Das gleiche Hero-Foto, der gleiche Drei-Spalten-Features-Abschnitt, das gleiche Testimonial-Karussell. Variation kostet Geld, und die Agenturen, die diesen Markt aufgebaut haben, haben die Kunden darauf trainiert, Vorlagen-Output zu erwarten.

Kreatives Webdesign, die Art, die interaktive Elemente, Custom Motion und originäre Art Direction umsetzt, ist aus gutem Grund selten. Es dauert länger. Es kostet mehr. Die Teams, die das gut können, sind kleiner als die Marktplätze, die Theme-Lizenzen verkaufen.

Wenn eine Marke bereit ist, darin zu investieren, wird das Ergebnis sofort erkannt. Besucher merken sich die Website. Die Presse berichtet darüber. Die Website selbst wird zum Marketing-Asset statt zum Cost Center.

Performance ist nicht verhandelbar, auch nicht für Spiele

Ein Browser-Spiel, das auf einem Mittelklasse-Telefon unter 50fps fällt, ist unspielbar. Die gleiche Performance-Disziplin, die Marketing-Sites unter 1,5s LCP hält, gilt hier, verdoppelt.

Barrierefreiheit kann keine Nachgedanke sein

Custom Interaction Patterns brauchen Tastatur-Alternativen, Screen-Reader-Unterstützung und Reduced-Motion-Fallbacks. Nichts davon ist automatisch, jedes Element wird von Hand gebaut.

Mobile-Eingabe ist ihre eigene Disziplin

Touch-Eingabe auf einem mobilen Bildschirm ist nicht dasselbe wie ein virtuelles D-Pad, was nicht dasselbe wie eine Tastatur ist. Jeder Eingabemodus ist sein eigenes UX-Problem mit seinem eigenen Latenz-Budget.

Audio ist wichtiger als Designer zugeben

Wenn man den Chiptune-Soundtrack aus dem Spiel entfernt, verliert es 80 Prozent seines Charakters. Audio-Design ist die am meisten übersehene Dimension des markengesteuerten Web-Designs im Jahr 2026.

Wenn Sie durch Rank Runner überzeugt wurden, dass Web-Design nicht langweilig sein muss, dann ist das der Punkt. Die meisten Websites im Jahr 2026 sehen gleich aus, weil sie aus derselben Handvoll von Templates erstellt werden.

Custom Web Development dauert länger und kostet mehr. Das Ergebnis ist eine Site, die genau das macht, was deine Marke braucht – einschließlich gelegentlich einem spielbaren Spiel im Navigationsmenü.

Wenn Sie zwischen Custom und Template abwägen, finden Sie unsere Position zu maßgeschneiderter Arbeit unter Bespoke Web Development. Oder wenn Sie einfach nur WordPress möchten, das ordnungsgemäß gepflegt wird, schauen Sie sich WordPress Support and Maintenance an.

Tech Notes: Dieses Spiel ist mit vanilla JavaScript und der Web Audio API für Sound gebaut – genau die Art von hand-geschriebener Stack, die wir über Bespoke Web Development anbieten. Die gleichen Stack-Patterns, die wir in Client-Projekten nutzen.