Webdesign für Fotobox-Verleih: das Projekt Jetzt Fotobox mieten aus Ribnitz-Damgarten

Eine Fotobox für Hochzeiten muss elegant wirken, eine für Abibälle darf laut sein. Die Website bildet das ab: Gold-Optik mit Kronleuchtern für den Hochzeitsbereich, Neon in Pink, Violett und Cyan für Abibälle und Partys. Ein wiederkehrendes Element hält beide Stile zusammen: Der leuchtende Spiegelrahmen taucht auf Karten, Buttons und Bildern der ganzen Seite immer wieder auf, mal in warmem Gold, mal in kühlem Neon, je nachdem, welcher Bereich der Seite gerade zu sehen ist.

Dazu kommt Transparenz beim Preis: Die drei Pakete Klassik, Premium und Deluxe stehen mit vollständigem Preis direkt auf der Seite, dazu einzeln buchbare Erweiterungen wie Hintergrundwand, Opening-Video oder Audio-Gästebuch. Kein „Preis auf Anfrage", das Vertrauen soll entstehen, bevor überhaupt eine Nachricht geschrieben wird. Auch technisch hält sich die Seite zurück: Es gibt keinen Cookie-Banner und kein Tracking, die einzige externe Anfrage der gesamten Seite ist das gesetzlich notwendige reCAPTCHA im Kontaktformular.

Die Fotobox lebt vom Ausdruck: Wer sich davor stellt, bekommt sein Foto direkt vor Ort gedruckt, wahlweise als Einzelbild oder als klassischer Fotostreifen. Auch das Design auf den Ausdrucken und auf dem Spiegel-Bildschirm wird für den jeweiligen Anlass neu zusammengestellt, mit Monogramm, Firmenlogo oder passendem Motto, damit jeder Abzug individuell zur Feier passt.

Wer möchte, bekommt sein Foto zusätzlich direkt per WhatsApp aufs eigene Handy, ohne dauerhafte Speicherung und ohne Umweg über eine App oder ein Kundenkonto. Für Gäste, die ohnehin ständig am Handy sind, ist das genauso selbstverständlich wie für die, die den Ausdruck lieber ins Fotoalbum kleben. Beide Wege laufen am selben Abend, ohne dass sich jemand zwischen Erinnerungsstück und digitaler Version entscheiden muss.

Die komplette Seite läuft auf reinem PHP und MySQL, ohne CMS und ohne Plugin-Abhängigkeiten. Dazu gehört ein selbst gebautes Admin-Panel, über das sich alle Bild-Bereiche, verfügbare Live-Termine und eingehende Anfragen pflegen lassen, ganz ohne monatliche Zusatzkosten für fremde Werkzeuge. Ein WordPress-Plugin für die Terminverwaltung, ein anderes fürs Kontaktformular, ein drittes fürs Caching: Bei einer selbst geschriebenen Lösung entfällt das, es gibt nur die eine Anwendung, die genau das kann, was diese eine Website tatsächlich braucht, nicht mehr und nicht weniger.

Über zwei Monate ist so eine Seite ganz ohne Frontend-Framework entstanden. Selbst das Stylesheet bekam eine eigene Lösung: Statt eines Node-Builds entfernt ein handgeschriebenes PHP-Skript Kommentare und überflüssige Leerzeichen zeichenweise, ohne dabei Werte in Anführungszeichen oder URL-Angaben zu beschädigen, ganz ohne zusätzliches Werkzeug im Build-Prozess.

Alle Vorschaubilder liefert die Seite serverseitig und gecacht exakt in der Größe aus, in der sie tatsächlich zu sehen sind, bei einer 150 Pixel breiten Vorschau eben auch nur 150 Pixel breit. Die verkleinerte Version entsteht beim ersten Aufruf einmalig und wird danach direkt aus dem Cache ausgeliefert, ganz ohne zusätzliches Bildbearbeitungs-Plugin. Allein das spart 5,18 Megabyte Bilddaten, die sonst bei jedem Seitenaufruf unnötig mitgeladen würden.

Das 11,7 Megabyte große Hintergrundvideo der Startseite lädt über einen IntersectionObserver erst kurz bevor der jeweilige Abschnitt den Bildschirm erreicht, nie sofort beim Seitenaufruf, obwohl es allein 71 Prozent der gesamten Seitengröße ausmacht. Dieselbe Technik sorgt beim Google-reCAPTCHA-Skript dafür, dass es erst beim tatsächlichen Absenden des Kontaktformulars mitgeladen wird. Lighthouse bewertet Barrierefreiheit und SEO durchgängig mit 100 von 100 Punkten: korrekte Überschriften-Hierarchie, echtes semantisches HTML statt nachgebauter Bedienelemente, sichtbarer Tastatur-Fokus und Rücksicht auf reduzierte Bewegung bei allen Animationen der Seite. Für die lokale Auffindbarkeit steckt zusätzlich ein vollständiges LocalBusiness-Schema in der Seite, mit echten Geo-Koordinaten, Öffnungszeiten und Verknüpfung zu den Social-Profilen, dazu eine saubere Weiterleitung von der www- auf die eigentliche Domain.