Gestaltung
Eine gute Hochzeitswebsite sieht nicht nur schön aus. Sie findet Antworten.
Gestaltung beginnt bei der Frage, weshalb eure Gäste die Seite öffnen, und endet bei dem, was sie dort sofort finden.
Die Antwort in drei Zeilen
Eine gut gestaltete Hochzeitswebsite zeigt zuerst das Sichere, also Namen, Datum, Ort und Ablauf, und danach das Persönliche.
Persönlich wird sie durch wenige starke Entscheidungen: ein echtes Foto, eine Farbwelt passend zur Einladung, höchstens zwei Schriften und viel Ruhe.
Ob die Gestaltung trägt, zeigt ein Test von zwei Minuten mit jemandem, der die Planung nicht kennt.
Die wichtigsten Angaben kommen zuerst
Datum, Ort und die nächste Uhrzeit gehören in den ersten sichtbaren Bereich. Kurz vor der Feier steht niemand mit Muße vor eurer Liebesgeschichte. Gäste suchen die Adresse, den Beginn oder den Dresscode, oft unterwegs und mit einer Hand am Handy. Erst danach folgen Geschichte, Fotos und persönliche Texte. Sie machen die Seite zu eurer, dürfen die Orientierung aber nicht verdecken.
Paare unterschätzen oft, wie sehr Gäste genau diese Reihenfolge erwarten. In einer Studie von The Knot unter fast 10.000 US-Paaren hielten 75 Prozent das Erlebnis der Gäste für den wichtigsten Teil der Planung (The Knot, 2023 Real Weddings Study, 14.02.2024). Auf der Website beginnt dieses Erlebnis mit der Frage, ob man in fünf Sekunden findet, was man sucht.
Ein Abschnitt beantwortet eine Frage
Ein klarer Ablaufplan beantwortet „Wann passiert was?“. Die Location beantwortet „Wo muss ich hin?“. Übernachtungsmöglichkeiten beantworten „Wo kann ich bleiben?“. Das Zusageformular sammelt Name, Begleitung, Kinder und Essen in einem Durchgang. So ist jede Information dort, wo man sie erwartet.
Gebt jedem Abschnitt eine Überschrift, die nach der Frage klingt, nicht nach Dekoration. „Anfahrt und Parken“ ist besser als „Der Weg zu uns“, auch wenn Letzteres hübscher klingt. Welche Abschnitte es braucht, steht ausführlich im Ratgeber Was gehört auf eine Hochzeitswebsite?, fertige Texte dazu in der Vorlage für eine Hochzeitshomepage.
Für das Handy gestalten, nicht für den Bildschirm im Büro
Gäste öffnen eine Hochzeitswebsite fast immer auf dem Handy: über den QR-Code auf der Einladung oder einen Link im Chat. Die Gestaltung muss deshalb auf einem schmalen Bildschirm funktionieren, mit einer Hand, im Stehen, manchmal im Freien. Das heißt: eine Spalte, große Schrift, große Knöpfe und kurze Absätze.
Prüft jede Entscheidung am Handy, bevor ihr sie am Rechner schön findet. Ein breites Foto, das am Bildschirm beeindruckt, wird auf dem Handy oft zu einem schmalen Streifen. Eine Tabelle mit fünf Spalten wird unlesbar. Was auf dem Handy funktioniert, funktioniert auch am Rechner, umgekehrt nicht.
Fotos tragen mehr Persönlichkeit als Effekte
Ein echtes Foto von euch beiden macht die Seite persönlicher als jede Verzierung. Es muss nicht vom Profi sein, aber scharf, gut belichtet und so gewählt, dass es auch im Hochformat funktioniert, denn auf dem Handy wird es oben und unten beschnitten. Gesichter sollten nicht am Rand stehen.
Stammen die Bilder von eurem Fotografen, etwa vom Verlobungsshooting, fragt kurz nach, ob ihr sie online zeigen dürft. Meist ist das selbstverständlich, aber die Rechte am Bild liegen beim Fotografen. Fotos von Gästen zeigt ihr erst nach Rückfrage; warum, steht im Ratgeber privat oder öffentlich.
Farben: eine Farbwelt, konsequent wiederholt
Wiederkehrende Farben wirken ruhiger als viele verschiedene. Nehmt die Farben eurer Einladung als Ausgangspunkt: eine Hauptfarbe für Flächen, eine Akzentfarbe für Knöpfe und Hervorhebungen, dazu viel Weiß oder Creme. Eine bekannte Faustregel aus der Gestaltung ist die Aufteilung 60, 30, 10: viel ruhiger Grund, etwas Farbe, ein kleiner Akzent.
Zarte Farben gehören in Flächen, nicht in den Text. Text bleibt dunkel auf hell, sonst wird er schwer lesbar. Wie viel Kontrast nötig ist und wie ihr ihn prüft, steht im Ratgeber damit alle Gäste zurechtkommen. Wie sich Farben und Schriften an eure Papeterie anpassen lassen, zeigt der Ratgeber Eure Farben, eure Schrift.
Schrift: zwei reichen
Zehn Schmuckschriften machen eine Seite nicht persönlicher, sondern unruhig. Zwei Schriften reichen: eine klare für alle Texte und eine besondere für wenige große Überschriften, etwa eure Namen. Die besondere darf geschwungen oder klassisch sein; die Textschrift muss vor allem lesbar sein, auch klein auf dem Handy.
Achtet auf die Größe. Was am Rechner elegant klein wirkt, ist auf dem Handy oft zu klein. Ablauf, Adresse und Frist sollten ohne Zoomen lesbar sein. Wer unsicher ist, gibt das Handy einer älteren Person in die Hand und schaut zu.
Weißraum: Ruhe ist eine Gestaltungsentscheidung
Großzügige Abstände lassen die wichtigen Angaben besser stehen. Eine Seite, auf der jeder Zentimeter gefüllt ist, wirkt hektisch und versteckt das Wichtige zwischen dem Schönen. Lasst zwischen Abschnitten Luft, gebt Uhrzeiten eine eigene Zeile und setzt nicht jedes Detail in einen Kasten.
Ruhe hilft auch beim Lesen auf dem Handy: Kurze Absätze mit Abstand liest man im Vorbeigehen, lange Textblöcke überspringt man. Faustregel: Wenn ein Absatz auf dem Handy länger als ein Daumenbreit Scrollen braucht, teilt ihn.
Menü und Wege: vier Punkte reichen
Eine Hochzeitswebsite braucht kein großes Menü. Vier Punkte reichen meist: Ablauf, Anreise, Infos, Zusagen. Bleibt das Menü beim Scrollen oben sichtbar, kommen Gäste von überall mit einem Tipp zur Zusage. Mehr Punkte machen das Menü auf dem Handy eng und das Finden schwerer.
Der wichtigste Weg ist der zur Zusage. Ein deutlicher Knopf „Jetzt zu- oder absagen“ gehört an die Stelle, an der Gäste ihn erwarten, und darf ruhig an zwei Stellen auftauchen: oben im Menü und unten bei der Frist.
Effekte und Musik: weniger ist mehr
Bewegte Herzen, fliegende Blütenblätter und Musik, die beim Öffnen startet, wirken beim ersten Mal verspielt und ab dem dritten Mal störend. Gäste öffnen die Seite oft in der Bahn oder im Büro; Musik, die von selbst losgeht, ist dort unangenehm. Dazu kommt die Ladezeit: Jeder Effekt muss geladen werden, im Zweifel bei schwachem Empfang am Trauort.
Unsere Musterhochzeit von Charlotte & Theo lädt mit allen Fotos rund 517 KB; eine durchschnittliche Startseite auf dem Handy wiegt laut HTTP Archive rund 2,4 MB (Web Almanac 2025). Leichtigkeit ist also eine Gestaltungsentscheidung. Mehr dazu im Ratgeber Hochzeitswebsite ohne WordPress.
Sieben Gestaltungsfehler, die wir oft sehen
- Die Geschichte steht ganz oben. Schön zu lesen, aber nicht, wenn man die Uhrzeit sucht.
- Text auf einem Foto. Über einem unruhigen Bild ist Schrift schwer zu lesen, vor allem auf dem Handy.
- Helle Schrift in Gold oder Pastell. Edel, aber im Freien kaum lesbar.
- Wichtiges nur als Bild. Eine Einladungskarte als Foto hochzuladen ersetzt keinen Text: Niemand kann sie vergrößern, kopieren oder vorlesen lassen.
- Zu viele Unterseiten. Jeder zusätzliche Klick verliert Gäste. Eine lange Seite mit klaren Abschnitten ist auf dem Handy bequemer.
- Die Zusage ist versteckt. Der Knopf steht ganz unten oder in einem Menü, das niemand öffnet.
- Kein Datum der letzten Änderung. Wer nicht weiß, ob etwas neu ist, fragt nach. Ein kurzer Hinweis „Neu seit Montag: Shuttle um 1 Uhr“ ganz oben hilft.
Fotos richtig vorbereiten
Ein gutes Foto kann auf der Website trotzdem schlecht aussehen, wenn es falsch vorbereitet ist. Drei Dinge helfen. Erstens der Ausschnitt: Auf dem Handy wird ein Querformat-Foto oben und unten oder links und rechts beschnitten. Wählt Bilder, bei denen eure Gesichter in der Mitte sind und rundherum etwas Luft bleibt.
Zweitens die Größe: Ein Foto direkt aus der Kamera hat oft mehrere Megabyte und lädt auf dem Handy lange. Für eine Website reichen meist rund 2.000 Pixel Breite für das große Foto oben und weniger für kleinere Bilder. Gute Anbieter verkleinern Bilder beim Hochladen von selbst. Drittens die Beschreibung: Wichtige Bilder bekommen einen kurzen Text, der sagt, was zu sehen ist, damit auch Vorleseprogramme etwas damit anfangen können.
Habt ihr noch kein gemeinsames Foto, das euch gefällt, ist das kein Problem: Ein Bild vom Trauort, von Blumen oder ein schlichter Farbblock funktionieren ebenso. Fremde Menschen aus Bilddatenbanken wirken dagegen schnell unpersönlich.
Der beste Test dauert zwei Minuten
Gebt die Seite jemandem, der die Hochzeit kennt, aber nicht an der Planung beteiligt ist. Gebt ihm das Handy, nicht den Rechner, und stellt drei Fragen:
- Wann beginnt die Trauung, und wann soll ich da sein?
- Wo wird geparkt?
- Bis wann soll ich zusagen, und wo?
Wenn jede Antwort ohne Suchen gefunden wird, trägt die Gestaltung. Wenn nicht, liegt es fast nie an den Farben, sondern an der Reihenfolge oder an einer Überschrift, die nicht sagt, was darunter steht.
So machen wir es bei Sinneswert
Unsere Gestaltungen folgen genau diesen Regeln: Namen, Datum und Ort oben, dann Ablauf, Anfahrt, Übernachtung und Zusage, das Persönliche danach. Jede Gestaltung gibt es in sechs Farbwelten, alle auf Lesbarkeit geprüft. Ihr bekommt vier Entwürfe in verschiedenen Gestaltungen und nehmt den, der euch gefällt. Wie die fertigen Seiten aussehen, zeigen die Musterhochzeiten; was die Pakete enthalten, steht bei den Paketen.
Häufige Fragen
Wie gestaltet man eine schöne Hochzeitswebsite?
Mit wenigen klaren Entscheidungen: ein gutes Foto oben, eine Farbwelt passend zur Einladung, höchstens zwei Schriften, viel Weißraum und die wichtigen Angaben zuerst. Persönlich wird die Seite durch eure Fotos und Texte, nicht durch Effekte.
Was gehört ganz oben auf die Hochzeitswebsite?
Eure Namen, das Datum mit Wochentag, der Ort und ein Foto. Darunter folgen Ablauf, Anfahrt und Zusage. Geschichte und Galerie kommen weiter unten.
Wie viele Schriften sollte eine Hochzeitswebsite haben?
Höchstens zwei: eine klare Schrift für Text und eine besondere für wenige große Überschriften wie eure Namen.
Sollte die Hochzeitswebsite zur Einladung passen?
Ja. Gleiche Farben und eine ähnliche Schriftwirkung lassen Karte und Seite wie aus einem Guss wirken. Gäste erkennen die Seite dann sofort wieder.
Welche Fotos eignen sich für die Hochzeitswebsite?
Ein echtes, scharfes Foto von euch beiden, das auch im Hochformat auf dem Handy funktioniert. Fragt bei Bildern eures Fotografen nach, ob ihr sie online zeigen dürft.
Wie teste ich die Gestaltung meiner Hochzeitswebsite?
Gebt die Seite jemandem, der nicht an der Planung beteiligt ist, und fragt: Wann beginnt die Trauung, wo wird geparkt, bis wann soll zugesagt werden? Findet er alles ohne Suchen, trägt die Gestaltung.
Quellen
- The Knot: 2023 Real Weddings Study, Pressemitteilung vom 14.02.2024 (Paare in den USA). theknotww.com
- HTTP Archive: Web Almanac 2025, Kapitel Page Weight. almanac.httparchive.org
- Eigene Messung: Musterhochzeit „Charlotte & Theo“, 03.10.2026.
Gestaltet, bevor ihr anfangt
Vier Entwürfe zur Wahl, sechs Farbwelten, die wichtigen Angaben zuerst. Ab 199 € einmalig. Pakete ansehen.
Weiterlesen: wie individuell die Seite werden kann · wie die Seite für alle lesbar bleibt