Website für Architekturbüros

Die Website eines Architekturbüros trägt eine Entscheidung, die Fremde in wenigen Minuten treffen: Hat dieses Büro in meinem Maßstab und für meinen Bautyp gearbeitet, mit wem, und wie erreiche ich die richtige Person. Bauherren, Projektentwickler, Wettbewerbsjurys, Redaktionen und Absolventen auf Stellensuche kommen mit unterschiedlichen Fragen; eine gut aufgebaute Website bietet jedem einen kurzen Weg zur Antwort.

In diesem Leitfaden zeigen wir, Talha Aslan und Team, die Entscheidungen, die wir beim Aufbau einer Website für ein Architekturbüro der Reihe nach treffen: Auswahl der Projekte, Aufbau der Projektseiten, Bildaufbereitung, Berufsbezeichnung und Impressum, Anfrageformular, Sichtbarkeit in der Suche und Pflege nach dem Livegang. Jeder Abschnitt enthält eine Prüfliste, einen Arbeitsschritt oder eine Frage, mit der Ihr Büro sofort weiterarbeiten kann.

01Projektinventar vor dem Entwurf erstellen

Die Struktur der Website ergibt sich aus den Projekten, die Sie tatsächlich haben, nicht aus einer Gestaltungsidee; der erste Schritt ist deshalb eine Tabelle mit allen Projekten. Nach wenigen Stunden zeigt sie, welche Bautypen gut belegt sind, wo gute Bilder fehlen und welche Projektdaten noch unvollständig sind.

Wir empfehlen eine Zeile je Projekt mit diesen Spalten:

• Grunddaten: Projektname, Ort, Jahr, Fläche und Stand (Entwurf, im Bau, fertiggestellt).
• Bildstand: Professionelle Fotografie, nur Renderings oder Pläne, die gezeigt werden dürfen.
• Rechte: Fotograf oder Visualisierungsstudio und ob die Nutzung im Web schriftlich geregelt ist.
• Freigabe der Bauherrschaft: Darf der Bauherr genannt werden, wie genau darf der Ort erscheinen.
• Strategischer Wert: Steht das Projekt für die Aufträge, die das Büro künftig gewinnen will.

Über die letzte Spalte wird am meisten diskutiert. Frühe Umbauten von Einfamilienhäusern mögen den Gründern viel bedeuten, doch wenn das Büro heute Schulen oder gemischt genutzte Quartiere anstrebt, gehören sie ins Archiv statt ins Schaufenster. Wer das Inventar mit den Partnern bewertet, klärt schnell, welche zehn bis fünfzehn Projekte auf die Startseite kommen, und erhält zugleich eine Liste fehlender Fotos und Daten, die parallel zur Gestaltung abgearbeitet wird.

02Filter nach Bautyp und Projektstand aufbauen

Gute Filter führen Besucher mit zwei Klicks zu ihrem Bautyp; schlecht geplante Filter zerlegen das Portfolio in fast leere Kategorien. Die Regel ist einfach: Hat eine Kategorie nicht mindestens drei starke Projekte, eröffnen Sie sie noch nicht und fassen die Arbeiten unter einem breiteren Begriff zusammen.

Wir denken Filter entlang von drei Achsen:

• Bautyp: Wohnungsbau, Bürobau, öffentliche und kulturelle Bauten, Bildung, Gesundheit, Bauen im Bestand, benannt so, wie Bauherren suchen.
• Stand: In Planung, im Bau, fertiggestellt, bei Wettbewerben zusätzlich Rang oder Ergebnis.
• Maßstab: Eine grobe Einteilung in klein, mittel und groß oder eine Sortierung nach Fläche, denn Bauherren vergleichen Ihre Erfahrung mit der Größe ihres eigenen Vorhabens.

Ein bürointerner Begriff wie "kollektives Wohnen" mag für Sie präzise sein, ein Projektentwickler sucht dagegen nach "Mehrfamilienhaus" oder "Geschosswohnungsbau". Ein Projekt darf unter mehreren Bautypen erscheinen, braucht aber einen Hauptbautyp, damit Seitentitel und interne Links stimmig bleiben.

Büros mit Schwerpunkt Innenarchitektur brauchen eine andere Gliederung, in der Möbel, Materialien und fertige Räume vorne stehen. Dann passt der Aufbau auf unserer Seite zur Website für Innenarchitekten meist besser.

03Projektdaten und Erzählung auf der Projektseite

Eine Projektseite dient zwei Lesern: dem Bauherrn, der die Projektdaten überfliegt, um Ihre Kapazität einzuschätzen, und dem Jurymitglied oder Redakteur, der die Idee verstehen will. Oben steht deshalb ein gut lesbarer Datenblock, darunter eine kurze, gegliederte Erzählung.

Zu den Projektdaten gehören Ort, Jahr, Fläche, Bauherr, Stand, Projektteam, Fachplaner und Fotonachweis. Für die Erzählung empfehlen wir diese Reihenfolge:

1. Kontext: Grundstück, Umgebung, Raumprogramm und Anspruch des Bauherrn in zwei oder drei Sätzen.
2. Leitidee: Der Gedanke, der den Entwurf trägt, und warum er die richtige Antwort war.
3. Konstruktion und Material: Tragwerk, Fassade oder Materialentscheidungen, die eine Erklärung verdienen.
4. Nutzung: Wie das Gebäude heute funktioniert, mit Verweis auf einen zugehörigen Preis.

Zusammen bleiben diese vier Teile bei 250 bis 500 Wörtern; deutlich längere Texte werden selten zu Ende gelesen. Bilder stehen neben dem Absatz, den sie zeigen: das Fassadendetail neben der Fassadenentscheidung, ein vereinfachter Grundriss neben der Grundrissidee.

Am Ende jeder Seite führen Links zu zwei oder drei Projekten desselben Bautyps weiter. Die Felder der Projektdaten legen wir von Anfang an als feste Vorlage an, damit jedes neue Projekt gleich erfasst wird und die Filter auf dieselben Daten zugreifen.

04Fotos und Renderings für das Web aufbereiten

Die Bildaufbereitung entscheidet über Qualität und Tempo der Website zugleich, und ohne schriftlich festgelegten Ablauf geht sie mit jedem neuen Projekt wieder verloren. Eine Datei direkt aus der Kamera oder der Visualisierungssoftware gehört nie unverändert auf die Website.

So gehen wir in unseren Projekten vor:

1. Auswählen: Je Projekt 8 bis 15 starke Motive einschließlich Titelbild wählen und ähnliche Perspektiven streichen.
2. Zuschneiden: Alle Titelbilder im selben Seitenverhältnis beschneiden, damit Raster auf der ganzen Website sauber stehen.
3. Skalieren: Fassungen in mehreren Breiten für Smartphone, Tablet, Laptop und großen Bildschirm erzeugen.
4. Umwandeln: Die Fassungen als WebP oder AVIF speichern und die Qualität im direkten Vergleich mit dem Auge einstellen.
5. Benennen: Jeder Datei einen Namen geben, der Projekt und Ansicht beschreibt, und einen kurzen Alternativtext schreiben.

Kompression hat eine Grenze: Aufhören, sobald Sichtbeton, Holzmaserung oder ein Abendhimmel zu zerfallen beginnen. Wie stark Ihre vorhandenen Dateien in den einzelnen Formaten schrumpfen, sehen Sie, wenn Sie einige davon in unserem Bildformat Konverter testen.

Wer nach dem Livegang Projekte einpflegt, braucht denselben Ablauf; deshalb übergeben wir eine kurze schriftliche Anleitung. Skalieren und Umwandeln übernimmt das Redaktionssystem automatisch, Auswahl, Zuschnitt und Benennung bleiben Entscheidungen des Büros.

05Core Web Vitals trotz großer Bilder erreichen

Eine bildstarke Website ist schnell, wenn das erste große Bild mit Priorität lädt, die übrigen warten und beim Laden nichts verspringt. Google misst das mit den Core Web Vitals: LCP ist die Zeit, bis das größte Element im sichtbaren Bereich geladen ist, und gilt bis 2,5 Sekunden als gut; CLS misst, wie stark sich das Layout verschiebt, Zielwert ist höchstens 0,1.

Die dritte Kennzahl, INP, misst, wie schnell die Seite auf Tippen und Klicks reagiert; bis 200 Millisekunden gilt als gut, schwere Galerien und Filter treiben den Wert nach oben. Diese Elemente setzen Architekturwebsites am häufigsten zu:

• Slideshow im Vollbild auf der Startseite: Fünf oder sechs große Bilder laden gleichzeitig; nur das erste sollte Priorität haben.
• Automatisch startendes Video: Auf dem Smartphone eine schwere Datei; besser ein Vorschaubild, das Video startet erst auf Tippen.
• Eigene Schriften: Spät geladene Schriften verschieben Text; wenige Schriftdateien verwenden und prüfen, ob die Lizenz die Nutzung im Web abdeckt.
• Schwere Lightbox Erweiterungen: Der Code für die Großansicht sollte erst beim Tippen auf ein Bild laden, nicht mit der Seite.

Wer für jedes Bild das Seitenverhältnis vorab festlegt, löst die meisten Layoutverschiebungen. Testen Sie auf einem Smartphone der Mittelklasse über eine Mobilfunkverbindung, nicht am Arbeitsplatzrechner im Büro, denn Projektlinks werden oft aus einer Nachricht heraus geöffnet.

06Vertrauliche Projekte, Pläne und Freigaben regeln

Nicht jedes Projekt lässt sich vollständig zeigen; für private Wohnhäuser, Aufträge mit Vertraulichkeitsvereinbarung und Wettbewerbe ohne veröffentlichtes Ergebnis braucht es von Anfang an feste Regeln. Sie schützen das Verhältnis zur Bauherrschaft und den Ruf des Büros.

Häufige Situationen und unser Vorschlag:

• Privates Wohnhaus: Stadtteil oder Ort statt Adresse nennen und Familienfotos sowie persönliche Gegenstände aus Innenaufnahmen entfernen.
• Vertraulicher Auftrag: Allgemein beschreiben, etwa "Verwaltungsgebäude, München", ohne Bauherrn, oder ganz weglassen.
• Wettbewerbsbeitrag: Die Auslobung kann die Veröffentlichung bis zur Bekanntgabe der Ergebnisse einschränken; prüfen Sie sie vor dem Einstellen.
• Pläne: Vereinfachte Grundrisse, Schnitte und Diagramme zeigen statt detaillierter Ausführungspläne.

Manche Büros wollen bestimmte Projekte nur Bauherren zeigen, die einen direkten Link erhalten. Eine Sperre in der robots.txt hilft dabei nicht: Google kann ein noindex auf einer Seite, die nicht gecrawlt werden darf, nicht lesen, und eine anderswo geteilte Adresse kann trotzdem in den Ergebnissen erscheinen.

Um eine Seite aus den Suchergebnissen herauszuhalten, bleibt sie crawlbar und erhält noindex. Für Arbeiten, die wirklich vertraulich bleiben müssen, ist ein Passwortschutz der einzig sichere Weg.

07Preise, Publikationen und Presse als Archiv führen

Auszeichnungen und Veröffentlichungen belegen, dass unabhängige Fachleute die Arbeit des Büros beurteilt haben; sie gehören deshalb in ein Archiv, in dem jeder Eintrag nachprüfbar ist, nicht in eine Reihe von Logos. Jeder Eintrag muss für sich verständlich sein und auf das zugehörige Projekt verweisen.

Für jeden Archiveintrag nutzen wir diese Felder:

• Titel und Auslober: Vollständiger Name des Preises oder Wettbewerbs und die Institution dahinter.
• Jahr und Ergebnis: Preis, Anerkennung, engere Wahl oder Teilnahme, genau so, wie es war.
• Projektlink: Der Eintrag verweist auf die Projektseite, die Projektseite zurück auf den Eintrag.
• Quelle: Zeitschrift, Buch oder Website, Ausgabe oder Datum und, wo möglich, ein Link.

Eine Presseseite erfüllt einen eigenen Zweck. Redaktionen wollen hoch aufgelöste Bilder, Bildnachweise und eine kurze Bürobeschreibung an einer Stelle; dafür reichen eine eigene Seite und eine E-Mail Adresse für Presseanfragen. Klären Sie vorab, dass jedes Bild im Paket für die Presse freigegeben ist, und setzen Sie den Nachweis als kopierbaren Text direkt neben das Bild.

Auch die Vorschau, die beim Teilen eines Projektlinks in sozialen Netzwerken oder Nachrichten erscheint, gehört zum Schaufenster. Jede Projektseite braucht das passende Titelbild und einen klaren Titel; das Ergebnis prüfen Sie mit unserem Test für die Linkvorschau.

08Berufsbezeichnung, Kammer und Impressum korrekt angeben

Die Teamseite schafft Vertrauen, enthält aber auch rechtlich relevante Angaben: In Deutschland darf die Bezeichnung Architekt nur führen, wer bei einer Architektenkammer in die Architektenliste eingetragen ist. Die Teamseite ist deshalb kein Werbetext, sondern ein geprüftes Verzeichnis.

Unsere Prüfliste für Team und Impressum:

• Berufsbezeichnungen: Als Architektin oder Architekt erscheint nur, wer eingetragen ist; sonst eine zutreffende Angabe wie Absolventin der Architektur oder Mitarbeiter im Entwurf.
• Impressum: § 5 DDG verlangt bei reglementierten Berufen die Kammer, die gesetzliche Berufsbezeichnung mit dem Staat, in dem sie verliehen wurde, und die berufsrechtlichen Regelungen samt Zugang.
• Rollen: Gründer, Partnerin, Projektleitung und Teamleitung entsprechen der tatsächlichen Verantwortung im Büro.
• Ehemalige: Sie verschwinden von der Teamseite, ihr Beitrag bleibt in den Projektdaten erhalten.

Für Büros in Österreich und der Schweiz gelten eigene Regeln zu Titel und Anbieterkennzeichnung; lassen Sie diese von Ihrer Kammer oder Ihrem Berufsverband bestätigen. Wir sehen die Angaben im Aufbau vor, die Prüfung im Einzelfall liegt beim Büro.

Ersetzen Sie im Text zur Haltung allgemeine Aussagen durch konkrete: welche Leistungsphasen Sie übernehmen, welche Maßstäbe, wie Sie mit Fachplanern zusammenarbeiten. Bauherren kommen dann vorbereitet ins erste Gespräch.

09Das Anfrageformular vom ersten Gespräch her denken

Ein gutes Anfrageformular für ein Architekturbüro ist ein kurzes Vorgespräch, das aus einer Nachricht eine einschätzbare Anfrage macht; es soll nicht alles erfassen, sondern die richtigen Fragen für das erste Telefonat liefern. Ein langes, technisches Formular verliert Bauherren, ein einzeiliges Nachrichtenfeld lässt offen, worum es geht.

Felder, die wir empfehlen:

• Bauaufgabe: Auswahl wie Einfamilienhaus, Wohnungsbau, Gewerbe, öffentlicher Bau, Bauen im Bestand oder Innenausbau.
• Ort: Stadt oder Gemeinde; Flurstück und genaue Adresse folgen im ersten Gespräch.
• Größenordnung: Ungefähre Fläche oder Zahl der Geschosse.
• Zeitrahmen und Stand: Ist das Grundstück gesichert, gibt es eine Bauvoranfrage, wann soll es losgehen.
• Kontaktweg: Telefon oder E-Mail und passende Zeiten.

Das Hochladen von Dateien lassen wir im Formular bewusst weg; Grundbuchauszug, Pläne und Fotos werden nach dem ersten Gespräch über einen sicheren Kanal angefordert. Die Datenschutzhinweise stehen direkt neben dem Formular. Mit Dienstleistern, die Formulardaten verarbeiten, etwa Hosting oder Formulardienst, schließen Sie nach Art. 28 DSGVO einen Vertrag zur Auftragsverarbeitung.

Bewerbungen und Praktikumsanfragen gehören auf eine eigene Karriereseite. Portfolios sind große Dateien; ein Freigabelink statt eines Uploads schont Server und Postfach.

10Gefunden werden mit Büroname, Projektname und Bautyp

Ein Architekturbüro wird auf drei Wegen gefunden: über seinen Namen, über den Namen eines Projekts und über Suchen nach Bautyp und Ort wie "Architekt Schulbau Freiburg"; die Struktur der Website muss alle drei getrennt bedienen. Namenssuchen sind am leichtesten zu gewinnen, Suchen nach Bautyp verlangen die meiste Arbeit.

Die Schritte in dieser Reihenfolge:

1. Titel der Projektseiten: Projektname, Bautyp und Ort stehen gemeinsam im Seitentitel.
2. Seiten je Bautyp: Jede Filterseite erhält eine Einleitung von zwei oder drei Absätzen zur Erfahrung des Büros mit diesem Bautyp.
3. Strukturierte Daten: Bürodaten und Projektdaten werden so ausgezeichnet, dass Suchmaschinen sie lesen können.
4. Google Unternehmensprofil: Der Name entspricht exakt dem tatsächlichen Büronamen, ohne zusätzliche Suchbegriffe; Kategorie und Öffnungszeiten bleiben aktuell.
5. Bildersuche: Sprechende Dateinamen und Alternativtexte helfen, dass Projekte auch in den Bildergebnissen erscheinen.

Rankings versprechen wir nicht; das kann niemand seriös. Doch jede Inhaltsarbeit bleibt ohne diese Grundlage schwach. Wenn Zeitschriften oder Wettbewerbsportale über Ihre Projekte berichten, lohnt die Bitte um einen Link auf Ihre Website.

Für eine umfassendere Strategie mit Wettbewerbsanalyse und Inhaltsplan begleiten wir Sie bei der Suchmaschinenoptimierung.

11Sprachen für internationale Wettbewerbe planen

Nimmt das Büro an internationalen Wettbewerben teil, arbeitet es für Bauherren im Ausland oder wird es dort veröffentlicht, ist eine zweite Sprache eine Strukturentscheidung zu Beginn und keine spätere Ergänzung. Nachträglich ergänzte Sprachen bleiben meist halb fertig: Die Startseite ist übersetzt, die Projektseiten nicht.

Worauf wir bei der Sprachplanung achten:

• Eigene Adressen: Jede Sprache hat ihre eigene URL; ein Knopf, der den Text auf derselben Adresse tauscht, genügt nicht.
• hreflang: Jede Sprachfassung verweist auf die anderen und auf sich selbst; fehlen die gegenseitigen Verweise, kann Google die Angaben ignorieren.
• Fachbegriffe: Begriffe wie Bruttogrundfläche oder die Namen der Leistungsphasen werden in der Fachsprache des Ziellandes wiedergegeben.
• Gezielte Übersetzung: Mit den Projekten beginnen, die für internationale Bauherren relevant sind, statt alles zu übersetzen.

Projekttexte überlassen wir nicht der maschinellen Übersetzung; Fachbegriffe prüfen wir mit Ihnen, denn ein Jurymitglied liest einen falschen Begriff als Nachlässigkeit. Auch Einheiten und Datumsformate gehören zu dieser Entscheidung und müssen innerhalb jeder Sprache einheitlich sein.

Für Bauherren im Ausland schafft ein kurzer Hinweis Vertrauen, in welchen Ländern Sie arbeiten und wie Sie mit lokalen Architekten kooperieren. Die technischen Details beschreibt unsere Seite zur mehrsprachigen Website.

12Website aktuell halten und Anfragen messen

Die Website eines Architekturbüros zahlt sich nicht am Tag des Livegangs aus, sondern zwei Jahre später, wenn sie noch aktuell ist; dafür muss feststehen, wer sie pflegt, wann und mit welcher Vorlage. Am häufigsten sehen wir Portfolios, deren neuestes Projekt vor Jahren eingestellt wurde.

Der Ablauf, den wir empfehlen:

• Zuständigkeit: Eine Person im Büro pflegt Projekte und Preise, eine zweite vertritt sie.
• Anlässe: Jedes abgeschlossene Fotoshooting, jedes Wettbewerbsergebnis und jede Veröffentlichung kommt im selben Monat auf die Website.
• Jährliche Durchsicht: Teamseite, Impressum, hervorgehobene Projekte und Kontaktdaten werden einmal im Jahr geprüft.

Bei der Messung werden Formulare, Anrufe und Klicks auf E-Mail Adressen als Conversions erfasst. Für nicht notwendige Cookies und ähnliche Zugriffe auf Endgeräte verlangt § 25 TDDDG eine Einwilligung, und für Nutzer im Europäischen Wirtschaftsraum setzt Google den Consent Mode für Messung und personalisierte Werbung voraus.

So sehen Sie, welche Projektseiten und Bautypen Anfragen bringen. Füllen Besucher von Seiten zum Bauen im Bestand das Formular häufiger aus, ist es naheliegend, dort Projekte und Text zu ergänzen. Ein kurzer Monatsbericht zu drei Fragen reicht meist: Welche Seiten wurden am meisten besucht, woher kamen Anfragen, und wie viele passten zu den gewünschten Aufträgen.

13Häufige Fehler auf Websites von Architekturbüros

Die meisten Fehler entstehen, wenn die Website als Broschüre gesehen wird, die man einmal erstellt und dann liegen lässt. Zu jedem Fehler steht hier die bessere Alternative:

• Startseite nur mit Logo und Vollbildvideo: Bauherren gehen, bevor sie wissen, was Sie tun; zeigen Sie stattdessen drei ausgewählte Projekte und einen Satz zum Büro im ersten Bildschirm.
• Alle Projekte gleich gewichtet: Starke Arbeiten gehen zwischen schwachen Bildern unter; stellen Sie ausgewählte Projekte nach vorn und den Rest ins Archiv.
• Nur Renderings für fertige Bauten: Bauherren wollen das gebaute Ergebnis sehen; planen Sie professionelle Fotografie nach Fertigstellung ein und nutzen Sie Renderings für Projekte in Planung.
• Text im Bild: Einen Projektnamen, der über ein Foto geschrieben ist, lesen weder Suchmaschinen noch Screenreader; setzen Sie ihn als Text auf die Seite.
• Portfolio nur als PDF: Eine große PDF Datei öffnet auf dem Smartphone langsam und versteckt einzelne Projekte; geben Sie jedem Projekt eine eigene Seite und schicken Sie das PDF auf Anfrage.
• Dünne, kleine, hellgraue Schrift: Reduktion, die Text unlesbar macht, ist ein Kontrastproblem; ausreichender Kontrast und eine gut lesbare Schriftgröße gehören zur Gestaltung.

Keiner dieser Fehler braucht ein großes Budget zur Behebung, und die meisten entstehen gar nicht erst, wenn Inventar und Vorlagen am Anfang sorgfältig geplant werden.

14Den passenden Partner wählen und loslegen

Am schnellsten finden Sie den passenden Partner mit konkreten Fragen dazu, wie er die Website für Ihr Architekturbüro aufbauen würde; beziehen sich die Antworten auf Ihr Portfolio statt auf eine allgemeine Präsentation, sind Sie auf dem richtigen Weg. Diese Fragen empfehlen wir für jedes Gespräch:

• Bilder: Wer bereitet die Bilder auf, in welchen Formaten und Größen, und läuft das bei neuen Projekten automatisch?
• Redaktionssystem: Lassen sich Projektdaten und Filter selbst bearbeiten, oder braucht ein neuer Bautyp einen Entwickler?
• Tempo: Werden die Core Web Vitals vor dem Livegang auf dem Smartphone gemessen und mit Ihnen geteilt?
• Eigentum: Auf wen laufen Domain, Website und Inhalte, und was erhalten Sie, wenn Sie wechseln?
• Inhalte: Wer hilft bei Projekttexten und Projektdaten, und wie läuft die Freigabe?

Der Wert einer Website für ein Architekturbüro liegt weniger im ersten Eindruck als darin, neue Projekte über Jahre in gleicher Qualität aufzunehmen; vergleichen Sie Angebote unter diesem Gesichtspunkt. Unseren Ansatz zeigt eine Live Demo für diesen Bereich, die auf dieser Seite verlinkt ist; weitere Arbeiten finden Sie unter Referenzen.

Was ein Projekt umfasst, beschreibt unsere Seite zum Webdesign, feste Pakete stehen in der Preisübersicht. Nennen Sie uns über das Kontaktformular Projektzahl, Bautypen und Sprachen, dann erarbeiten wir die passende Seitenstruktur und ein schriftliches Angebot für Ihr Büro.