Zum Inhalt springen
janick rolli .
Zurück zu den Arbeitsproben

Website für Delta Akustik.

Ein Redesign für ein Akustikbüro in Schweden. 94 Seiten, jede vom Inhaber selbst pflegbar.

Rolle
Redesign, Umsetzung, Redaktionssystem, Übergabe
Jahr
2026
Technik
Astro Sveltia CMS Cloudflare Pages HTML, CSS und JavaScript ohne Framework

Die Website, bedienbar.

Im Rahmen unten läuft die echte Website, gebaut für ein Akustikbüro in Schweden. Darum ist sie auf Schwedisch, sieben Seiten gibt es auch auf Englisch.

Alle 94 Seiten lassen sich im Redaktionssystem pflegen. Auf 50 davon auch die Reihenfolge der Abschnitte.

Die Knöpfe darüber springen auf vier Seiten. Von dort lässt sich frei weiterklicken. Auf dem Bildschirm zeigt ein zweiter Umschalter die Handyansicht.

Das ist eine Demo. Die Mitarbeitenden sind Platzhalter, und die Formulare senden nichts.

Zum Ausprobieren: Auf der Kontaktseite das Team nach Standort filtern, dann in die Handyansicht wechseln und das Menü öffnen.

Delta Akustik AB, Website auf Schwedisch

In eigenem Tab öffnen

Einstieg mit Leistungen, Referenzen und den vier Standorten. Die Bewegungen laufen über transform und opacity.

Das ist eine Kopie. Namen und Bilder der Mitarbeitenden sind durch Platzhalter ersetzt. Die Formulare senden nichts, und es läuft kein Tracking. Artikel, Interview und Downloads aus der Wissensrubrik sind nicht enthalten.

Die Ausgangslage

Delta Akustik ist ein Akustikbüro mit vier Standorten in Schweden: Stockholm, Uppsala, Karlstad und Båstad. Die Website ist auf Schwedisch. Sieben Seiten gibt es zusätzlich auf Englisch.

Ich habe dem Büro ein Redesign vorgeschlagen und es gebaut. Am 6. August 2026 habe ich die Website vollständig an den Inhaber übergeben. Der Vorschlag war unentgeltlich.

Was ich gebaut habe

Die Website hat 94 Seiten. Darunter sind 43 Referenzprojekte mit eigener Seite und eine Seite je Standort.

Ich habe sie in zwei Schritten gebaut:

  1. Zuerst von Hand, als statisches HTML.
  2. Danach in Astro mit Sveltia CMS. Der Inhaber wollte jede Seite selbst pflegen können.

Beim Nachbau hat sich keine Adresse und kein Markup verändert. Die Gegenprobe gegen die erste Fassung fand keine Abweichung.

Wie der Inhaber mit dem Redaktionssystem arbeitet, zeigt eine eigene Arbeitsprobe: Bausteinsystem im CMS.

Was die Seite kann

  • Das Team lässt sich nach Standort filtern.
  • Die Kontaktformulare kommen ohne Server aus.
  • Gemessen wird erst nach Zustimmung. Die Einwilligung steuert den Google Consent Mode. Ein Widerruf löscht die Messcookies.
  • Auf Wunsch zeigt die Startseite die Geräusche im Raum als Wellenform. Das Mikrofon läuft dabei nur im Browser. Diese Seite hier sperrt das Mikrofon, darum fehlt die Funktion in der Kopie oben.

Stand

Die neue Website ist nicht live. Unter der Adresse des Büros läuft noch die alte Seite. Die Kopie oben zeigt den Stand vom 5. September 2026.

Zur Kopie oben: Delta Akustik ist einverstanden, dass ich die Arbeit mit Namen zeige. Die Mitarbeitenden sind durch Platzhalter ersetzt, die Formulare senden nichts, und es läuft keine Messung.