pikselatelje.si — die eigene Website des Studios

Jeder Webdesigner hat eine Website, die von Besuchern am kritischsten geprüft wird: die eigene. Hier ist die Geschichte, wie diese Website entstanden ist — und was sich dabei gezeigt hat, das ich heute bei jedem Kundenprojekt anwende.

Die Herausforderung: die eigene Website kann sich nicht hinter Ausreden verstecken

Wenn ich einem Kunden eine schnelle, technisch saubere und schön gestaltete Website verspreche, ist meine eigene der ehrlichste Maßstab. Hier gibt es keine Frist des Auftraggebers, der ich die Schuld geben könnte, und kein knappes Budget — nur die Frage, ob ich tatsächlich kann, was ich verspreche. Deshalb wurde diese Website nicht einmal gebaut und dann vergessen: Ich prüfe sie regelmäßig mit denselben Werkzeugen, die ich meinen Kunden empfehle.

Der Ansatz: eine dunkle, wiedererkennbare Identität

Die Gestaltung baut auf einem dunkelgrünen Grund mit einem Verlauf zwischen Türkis und Blau auf — dunkel genug für Ruhe, lebendig genug für Energie. Die generative Pixelanimation im Hintergrund des Kopfbereichs ist die Signatur des Studios: Jedes Pixel formt buchstäblich den Text, ein kleiner, aber deutlicher Hinweis auf den Namen PIKSEL ATELJE. Die Schriftkombination (Space Grotesk für Überschriften, Inter für den Fließtext) gibt der Website einen modernen, technisch überzeugenden Ton.

Geschwindigkeit als Fundament, nicht als Korrektur am Ende

Ich prüfe die Website regelmäßig mit Googles Werkzeug PageSpeed Insights — genau so, wie ich es im Artikel über Geschwindigkeit empfehle. Als die Bewertung auf Mobilgeräten 85 statt der angestrebten 90+ zeigte, habe ich die genaue Ursache gesucht (blockierendes Laden der Schriften, Animationsbibliotheken, die früher geladen wurden, als die Website sie braucht) und sie behoben. Das Ergebnis ist gemessen, nicht versprochen:

Technisches SEO ab der ersten Codezeile

Die Website hat strukturierte Daten (Schema.org) für das Unternehmen, häufige Fragen, den Blog und diesen Artikel, Sprachverknüpfungen (hreflang) zwischen den Sprachversionen sowie gepflegte sitemap.xml und robots.txt sowie eine IndexNow-Anbindung, die Suchmaschinen (Bing, Yandex, Seznam.cz, Naver) über jede Änderung sofort informiert, statt auf den nächsten automatischen Durchlauf zu warten. Google unterstützt IndexNow (noch) nicht — dort melde ich Seiten direkt über die Google Search Console an.

Eine Website, die sich ständig verbessert

Keine Website ist jemals wirklich „fertig“ — auch diese nicht. Ich sehe sie regelmäßig durch, prüfe Barrierefreiheit, Geschwindigkeit und Sichtbarkeit in Suchmaschinen und bessere aus, was ich finde. Derselbe Maßstab gilt für jedes Projekt, das ich übernehme.