Zum Inhalt springen
Fallstudie · Hochzeitswebsite

Kamila & Jakub, auf Papier und auf dem Bildschirm.

Kamila und Jakub wussten, welche Welt sie wollten - das Grün und die Hortensien ihrer Location, eine sanfte Farbwelt, etwas Elegantes und ein wenig Romantisches. Daraus habe ich ihre ganze Papeterie gestaltet, von den Einladungen bis zu den Schildern am Tag selbst - und dann den Teil gebaut, den ich am meisten liebe: eine zweisprachige Website, die sich wie dieselbe Hochzeit anfühlt und nach niemand anderem als ihnen.

Die gedruckte polnische Einladung
Der Einladungsblock der Hochzeitswebsite, im selben Rahmen
Die Einladung und die Website - derselbe Rahmen, dieselben Blumen, dieselbe Schrift.
Die Herausforderung

Eine Hochzeit, vom Umschlag bis zur Staffelei.

Die meisten Paare stecken ihre ganze Liebe in schöne Papeterie, greifen dann zu einem Baukasten und bekommen ein generisches Template, das nichts damit zu tun hat - und die Schilder am Tag sind oft noch ein dritter Stil. Kamilas und Jakubs Gäste kamen aus Polen, Grossbritannien und darüber hinaus, also musste alles auch zweisprachig funktionieren. Das Ziel war eine durchgehende Welt: derselbe Rahmen, dieselben Blumen, dieselbe Schrift auf der Einladung in der Hand, auf der Website am Handy und auf den Staffeleien vor Ort - mit einer Website, die praktisch genug ist, um die Organisation eines ganzen Wochenendes zu tragen.

Was ich gemacht habe

Eine Papeterie, eine Welt.

01

Die Einladungs-Papeterie

Einladungen auf Polnisch und Englisch, in Transparentpapier gehüllt und mit getrockneter Hortensie verschlossen, dazu eine Infokarte mit QR-Code, der die Website öffnet.

02

Schilder für den Tag

Tafel mit dem Tagesablauf, Sitzplan und Cocktailkarte - derselbe Rahmen, dieselben Blumen, bis in die Location getragen.

03

Eine passende Website

Der Rahmen der Einladung, ihre Schrift und ihre Hortensien, neu gebaut für den Bildschirm - die Seite liest sich wie die nächste Seite der Karte.

04

Der Ablauf im Rahmen

Der Zeitplan des Wochenendes scrollt im Rahmen der Einladung selbst - als hielten die Gäste die Karte in den Händen.

05

Ein bedingtes, privates RSVP

Ein passwortgeschütztes Formular, das nur fragt, was zählt: 62 Regeln passen es an jeden Gast an, an Ernährung, Übernachtungen und bis zu fünf Begleitpersonen.

06

Zwei Sprachen, ein Wochenende

Jede Seite und das RSVP auf Polnisch und Englisch - Geschichte, Anfahrt, Zimmer, Dresscode, Trauzeugen und FAQ.

Probiert es aus

Der Ablauf, in der Einladung.

Auf der Website steht der Ablauf des Wochenendes nicht in einer Tabelle - er lebt im Rahmen der Einladung. Beim Scrollen bleibt der Rahmen stehen und der Zeitplan wandert hindurch, blendet oben ein und unten aus - so fühlt sich das Lesen an, als hielte man die Karte.

Unten derselbe Effekt, hier mit dem echten Rahmen und dem tatsächlichen Tagesplan nachgebaut. Scrollt hindurch.

Wedding Schedule

Friday, 31 July 2026

Welcome Day

  • 4 PMBBQ & drinks
  • 9 PMEnd of the evening

Saturday, 1 August 2026

The Wedding Day

  • 3 PMWedding ceremony
  • 4 PMTransfer
  • 5 PMCocktail hour
  • 5:15 PMKids' entertainment
  • 6 PMToast & congratulations
  • 7:15 PMDinner
  • 9 PMFirst dance
  • 10 PMWedding cake
  • 12 AMWedding games
  • 1 AMLate-night dinner
  • 4 AMCarriages
Der Rahmen der Einladung, mit Hortensien und Eukalyptus

Die englische Version des Ablaufs auf der Website. Der Rahmen ist die Originalgrafik der Einladung.

Probiert es aus

Ein RSVP, das nur fragt, was zählt.

Das RSVP liegt hinter einem Gäste-Passwort, das auf der Infokarte steht - nur eingeladene Gäste sehen es. Alles danach passt sich an: Wer absagt, bekommt einfach ein Dankeschön; wer zusagt, wird nach dem Freitags-BBQ, der Ernährung, dem Transport und den Zimmern für jede Nacht gefragt - und kann bis zu fünf Gäste hinzufügen.

Auf der Live-Website waren das 62 bedingte Regeln in einem polnischen und einem englischen Formular. Probiert die englische Version - das Passwort für diese Demo steht unten.

Demo-Passwort: sunflower

Nachgebaut aus den Fragen und Bedingungen des echten Formulars; das echte Passwort wird nicht gezeigt.

RSVP

1 Sichtbare Fragen
Die ganze Papeterie

Jedes Stück, dieselbe Hochzeit.

Aus der Nähe: jede Einladung in Transparentpapier, verschlossen mit einer getrockneten Hortensie
Aus der Nähe: jede Einladung in Transparentpapier, verschlossen mit einer getrockneten Hortensie
Die polnische Einladung
Die polnische Einladung
Die Infokarte: Willkommensabend, Zimmer und der Weg zur Website
Die Infokarte: Willkommensabend, Zimmer und der Weg zur Website
Der Tagesablauf, in beiden Sprachen
Der Tagesablauf, in beiden Sprachen
Der Sitzplan - jeder Tisch nach einer Stadt benannt
Der Sitzplan - jeder Tisch nach einer Stadt benannt
Die Cocktailkarte, mit den Favoriten von Braut und Bräutigam
Die Cocktailkarte, mit den Favoriten von Braut und Bräutigam

Mit Erlaubnis von Kamila und Jakub gezeigt. Namen der Gäste und Kontaktdaten des Paares sind unkenntlich gemacht oder weggeschnitten.

Der Ansatz

Auf Harmonie gestalten

Ich habe das Projekt als einen durchgehenden Fluss von Design zu Entwicklung geführt – so ging bei keiner Übergabe etwas verloren.

01

Visuelle Ausrichtung

Von der gedruckten Einladung auszugehen lieferte mir die genaue visuelle DNA – die zarten botanischen Motive, die elegante Serifenschrift und die Farbwelt aus Salbeigrün und Rosé. Diese Elemente prägten jeden Pixel der Seite; die Vorgaben des Drucks habe ich in ein fliessendes, webgerechtes Layout übersetzt.

02

Einheitlich über alle Kanäle

Weil ich die ganze Papeterie gestaltet habe, gab es nie eine Lücke zu überbrücken: Einladung, Infokarte, Schilder und Website entstanden aus einem Regelwerk - ein Rahmen, eine Farbwelt, ein Schriftpaar -, sodass jedes Stück die anderen verstärkt.

03

Einfachheit für die Gäste zuerst

Eine Hochzeitswebsite hat vor allem eine Aufgabe: den Gästen helfen, ohne sie zu verwirren. Ich hielt die Oberfläche leicht, ruhig und gut lesbar. Vom Countdown über den detaillierten Wochenendablauf bis zu den interaktiven Karten ist der Weg so angelegt, dass jede wichtige Information nur einen Blick entfernt ist.

Unter der Haube

Leicht gebaut, für die Dauer gebaut

Das Paar wollte seine Angaben selbst aktualisieren können, ohne eine Entwicklerin anzurufen – deshalb war WordPress das richtige Werkzeug, nicht die bequeme Voreinstellung. Nur heisst „WordPress" zu oft aufgeblähte Page-Builder und eine Wand aus Plugins. Ich habe das Gegenteil gebaut.

01

Ein schlankes Fundament, individuell erweitert

Um das Budget des Paares zu respektieren, ohne bei der Performance Abstriche zu machen, war ein Bau komplett von Grund auf nicht die richtige Wahl. Stattdessen nutzte ich Kadence als leichtes, blockbasiertes Fundament und entwickelte darauf ein eigenes Child-Theme für die eigentliche Arbeit: individuelle Typografie, strukturelle Anpassungen und eigener GSAP-Code. So bietet die Seite die Geschwindigkeit und genaue Kontrolle eines individuellen Builds – effizient und ganz ohne Page-Builder-Ballast.

02

Bewegung, die auf dem Handy flüssig bleibt

Ein hochwertiges Gefühl braucht feine Bewegung. Mit GSAP habe ich die dezenten Animationen der Seite orchestriert – damit das ruhige, elegante Gefühl selbst bei wackligem Mobilfunk an der Location trägt, ohne die Seite je zu bremsen.

03

Das bedingte RSVP-Formular

Ein passwortgeschütztes Formular auf Polnisch und Englisch, gesteuert von 62 bedingten Regeln. Statt eines überladenen Fragebogens passt es sich beim Ausfüllen an - Freitags-BBQ, Ernährung, Transport und Zimmer erscheinen erst nach der Zusage, und jeder weitere Gast bekommt eigene Fragen.

04

Responsiv vom kleinsten Screen aufwärts

Weil Gäste Hochzeitsseiten meist unterwegs aufrufen, war der Build konsequent mobile-first. Fliessende Layouts und handgeschriebene Media Queries sorgen dafür, dass der Ablauf auf dem Desktop wie auf dem Handy sauber und ohne Abstriche funktioniert.

05

Eine lebendige Welt, mit einem QR-Code geschlossen

Um Papier und Bildschirm nahtlos zu verbinden, habe ich einen QR-Code gestaltet, der direkt in die gedruckte Einladung eingebunden ist. Er schafft eine direkte, reibungslose Verbindung zwischen der Karte in der Hand und der Seite auf dem Handy.

In ihren Worten

Von Anfang an hat Aleksandra unsere Vorstellung sofort verstanden und daraus etwas noch Schöneres gemacht, als wir es uns ausgemalt hatten. Sie hat nicht einfach eine Website gestaltet – sie hat ein ganzes visuelles Konzept geschaffen, das unsere Einladungen und die gesamte Papeterie umfasste, und alles fühlte sich perfekt abgestimmt und durchdacht an.

Sie war unglaublich geduldig mit uns, die Zusammenarbeit war gut organisiert, und alles kam früher als geplant – mitten in der Hochzeitsplanung ist das unbezahlbar.

Kamila & Jakub
Gefällt es euch?

Bereit, eurer Feier ein Zuhause zu geben, das sich nach euch anfühlt?

Erzählt mir von eurem Tag, eurer Farbwelt, euren Menschen – und lasst uns eine Seite bauen, an die sich eure Gäste erinnern.