Zum Inhalt springen

Websites

Seiten, die eine Praxis erklären und leicht zu pflegen bleiben.

Am Anfang steht jedes Mal dieselbe Frage: Was sollen Besucher:innen zuerst verstehen? Aus der Antwort wächst die Struktur, aus der Struktur das Design. Die Technik bleibt im Hintergrund, wo sie hingehört.

Der Ansatz

Zuerst die Frage, dann die Struktur, dann das Design.

Die Antwort auf die erste Frage bestimmt die Reihenfolge der Seiten, die Gewichtung der Inhalte und den Ton. Erst danach entsteht das Design – als Form für diese Antwort, nicht als Schmuck. Was nicht trägt, fällt weg; was bleibt, bekommt Raum.

Gebaut wird mit Nuxt, gepflegt in Directus – von denen, denen die Seite gehört. Wo ein Werkbestand die Seite trägt, hält das Catalogue de ligatures die Zusammenhänge. Wo ein Archiv, ein Portfolio oder ein Angebot im Mittelpunkt steht, bekommt es eine eigene, passende Struktur.

Projekte

Ein Blick von oben. Ein Gedächtnis für Räume.

Jüngere Arbeiten: eine Website für Drohnen- und 360°-Aufnahmen, ein Archiv für Ausstellungen, die nicht vergessen werden sollen.

Startseite von dennis-kam.org: Porträt von Dennis Kam im gemusterten Hemd, daneben das Menü der Website

01

Dennis Kam

Komponist, Dirigent, Lehrer (1942–2018) · Werkverzeichnis und Archiv

Die Website zum Werk eines Komponisten, der nicht mehr selbst erzählen kann: Partituren zum Herunterladen, Hörbeispiele, Interviews, Texte – und ein Führer durch die Musik, Kapitel für Kapitel.

Projekt öffnen
Startseite von van-der-slice.com: Porträt von John Van der Slice im Profil vor dunklem Grund, daneben sein Name und die Zeile Contemporary Composer

02

John Van der Slice

Komponist · Werkverzeichnis, Konzerte, Aufnahmen

Eine Website, auf der die Musik weiterläuft, während man liest: Werkverzeichnis, Konzerte auf einem Globus der Spielorte, Aufnahmen, Texte – und ein Player, der beim Blättern nicht verstummt.

Projekt öffnen
Startseite von Pivot Peeks: Felswände über einem Flusstal, darüber die Zeile Risk a Peek – Reach New Peaks

03

Pivot Peeks

Drohne · 360° · Photogrammetrie · Gaussian Splatting

Eine Website über den Wechsel des Blickwinkels: aus der Luft, um ein Objekt herum, in einen Raum hinein – und alles im Browser begehbar.

Projekt öffnen
Startseite von PermaPhemera: Ausstellungsansichten, als Fächer angeordnet, daneben die Zeile Ephemeral worlds. Permanently preserved.

04 · In Vorbereitung

PermaPhemera

Ein begehbares Gedächtnis für Ausstellungen

Ein zweisprachiges Archiv, das vergänglichen Ausstellungen einen bleibenden Ort gibt: Galerien, Ausstellungen, Künstler:innen und Räume, verbunden und durchsuchbar.

Projekt öffnen
Gestaltungsentwurf der Startseite: der Arkadenhof von Schloss Porcia, daneben die Zeile Stimmen, die über Stein tragen

05 · In Vorbereitung

Chorwettbewerb Spittal

Internationaler Chorwettbewerb Spittal an der Drau · Relaunch der Website

Seit 1964 singen Chöre aus aller Welt im Arkadenhof von Schloss Porcia. Die neue Website bringt Ausschreibung, Anmeldung, Programm und das Archiv der Preisträger:innen in ein System, das das Kulturamt selbst pflegt – mehrsprachig und auf jedem Gerät.

Projekt öffnen

Komponist:innen-Websites · eine Auswahl

Wo ein Werk seine Geschichte erzählen darf.

Einige Beispiele aus einer längeren Reihe. Jede Seite trägt ihr eigenes Gesicht und wird von denen gepflegt, denen sie gehört. Was sie verbindet, ist eine Art, Zusammenhänge zu bewahren: das Catalogue de ligatures.

  • John Van der SliceKomponist · Lehrer · Musikanalytiker

    Werkverzeichnis, Konzerte mit einem Globus der Spielorte, Aufnahmen, Texte und ein Audio-Player über die ganze Seite.

    Directus · EN
  • Germán Toro PérezKomponist · Forscher

    Werke nach Kategorien, Texte, CDs und Forschung, auf Englisch, Deutsch und Spanisch.

    Directus · EN · DE · ES
  • Dennis KamKomponist · Dirigent · Lehrer (1942–2018)

    Werkverzeichnis mit Noten zum Herunterladen, Hörbeispielen und Texten.

    TYPO3 · EN
  • Michael AmannKomponist · Musikpädagoge

    Werke, Konzerte, Texte, CD-Veröffentlichungen und Audio aus einer redaktionellen Struktur.

    TYPO3 · DE · EN
  • Norbert SterkKomponist · Logopäde

    Werkverzeichnis, Konzerte, CDs und Texte, laufend aktualisiert.

    TYPO3 · DE
  • Alexander StankovskiKomponist · Musiktheoretiker

    Kompositionen, Medien, Texte und Veranstaltungen aus einem verbundenen Modell.

    TYPO3 · DE

Wie der Katalog Zusammenhänge bewahrt

Nebenbei

Fragen, die vor dem Auftrag beantwortet werden.

Neben den Auftragsarbeiten läuft eine Reihe eigener Studien: Wie trägt eine einzige Seite eine Praxis? Wie teilen sich zwei Berufe eine Website? Was hält drei Felder zusammen? Die Antworten fließen in die Auftragsprojekte ein.

Zu den Design-Studien

Was bleibt

Eine Website, die nach dem Start weiterlebt.

Der Start ist nicht das Ende der Arbeit, sondern der Anfang des Gebrauchs.

  • Struktur vor Schmuck

    Die Ordnung der Seite folgt dem, was verstanden werden soll. Sie trägt auch dann noch, wenn Inhalte hinzukommen.

  • Pflege in eigener Hand

    Texte, Bilder und Termine werden von denen geändert, die sie kennen – mit einem Handbuch, das bleibt.

  • Katalog, wo er hilft

    Werkbestände bekommen das Catalogue de ligatures. Alles andere bekommt die Struktur, die es braucht.

Für Musik & Kultur Kontakt aufnehmen