01 / Der Anfang
Eine Website vor dem Spielstart
Seit November 2024 arbeite ich an der Website für das Spiel von Wolcen Studio. Zum Start war es noch nicht veröffentlicht. Die Seite sollte die Spielwelt zeigen und zu Trailer, Steam-Wunschliste und Playtests führen.
Ich habe die Gestaltung von Marlon Elss in Elementor umgesetzt. Die Abstimmung lief vor allem über Slack: Entwürfe ansehen, Bewegungen testen, Aufnahmen teilen und die nächste Fassung anpassen.
Vom ersten Entwurf zum lebendigen Auftritt
November 2024
Erste Landingpage und Tests der Artwork-Ebenen.
Januar 2025
Start unter dem Namen Project Pantheon.
August 2025
Neues Key-Art, neues Logo: Gods, Death & Reapers.
02 / Scroll-Inszenierung
Erst hineinzoomen, dann weiterlesen
Beim ersten Scrollen zoomt das Headerbild näher heran. Erst danach läuft die Seite weiter. Ich habe die getrennten Bildteile so angeordnet, dass der Vordergrund stärker wächst als der Hintergrund.
Wir haben wiederholt geprüft, wie weit der Zoom gehen darf und welche Figuren im Ausschnitt bleiben. Ein Test benötigte zwei Bildschirmhöhen Scrollweg. Wir haben das auf anderthalb verkürzt, damit der Einstieg kürzer wird.
Die Aufnahme im Bildkasten zeigt den aktuellen Effekt. Die Bilder darunter halten den Anfang und den näheren Ausschnitt fest.
01 · Der Einstieg
02 · Näher an der Szene
Blick nach links · getrennte Artwork-Ebenen
Blick nach rechts · gleicher Scroll-Stand
Zwei Mauspositionen, zwei Ausschnitte. Auch der animierte Nebel verändert sich zwischen den Aufnahmen.
03 / Räumliche Tiefe
Bildteile getrennt bewegen
Für den Parallax-Effekt brauchte ich Vordergrund, Felsen, Rauch und Hintergrund als einzelne Ebenen. Im Austausch mit dem Team haben wir geklärt, welche Teile der Artworks dafür getrennt bereitstehen mussten.
Ich habe die Ebenen für den Browser vorbereitet und ihre Bewegung abgestimmt. Sie reagieren unterschiedlich stark auf die Maus; beim Scrollen kommt die Vergrößerung dazu.
Im Header habe ich außerdem dezenten Nebel und das Leuchten von Blitzen animiert. Dadurch bewegt sich das Motiv auch dann etwas, wenn Maus und Scrollposition stillstehen.
Die Ausschnitte habe ich für Desktop, Tablet und Handy einzeln angepasst. Eine Bewegung, die am großen Bildschirm passt, kann auf dem Handy eine Figur abschneiden.
04 / Gestaltung in Bewegung
Gestaltung bis in die Bedienelemente
Runen, Steintexturen, Trenner und türkise Akzente sollten sich durch die gesamte Seite ziehen. Ich habe deshalb auch Buttons und Formularschritte an die Gestaltung des Spiels angepasst.
Bei den Übergängen zwischen Abschnitten musste ich die festen Gestaltungsvorlagen für wechselnde Fenstergrößen übersetzen. Masken und angepasste Bildpositionen helfen dabei, sichtbare Kanten zu vermeiden.
Farben und Kontraste haben wir direkt im Browser nachjustiert. Die dunklen Texturen sollten sichtbar bleiben, ohne dass Texte und Bedienelemente darin untergehen.
Runen, Texturen und Bedienelemente gehören zur gleichen Welt.
05 / Was geblieben ist
Vom ersten Start bis heute
Im Januar 2025 ging die erste Seite unter dem Namen Project Pantheon online. Im August 2025 folgte das Rebranding zu Gods, Death & Reapers mit neuem Logo und Artwork.
Danach habe ich weitere Artworks, Trailer und Seiten für Playtest-Kampagnen ergänzt. Die Inhalte bleiben in WordPress und Elementor bearbeitbar, damit das Team sie selbst weiterpflegen kann.
Was ich dabei gelernt habe
Ein großer Teil der Arbeit waren kleine Korrekturen: Zoom kürzen, Ebenen verschieben, den Bildausschnitt prüfen. Erst beim Testen auf verschiedenen Bildschirmen zeigt sich, ob die Gestaltung auch in Bewegung funktioniert.
Webgestaltung: Marlon Elss · Game-Artwork und Inhalte: Wolcen Studio · Webentwicklung und interaktive Umsetzung: Marcus Meier. Aufnahmen: 11. Oktober 2026.