Digital-Check

Portfolio

Demo

Website für ein Fotostudio

Eine Website für Neugeborenen- und Familienfotos, mit einer 3D-Kamera zum Drehen und einem Rechner für den idealen Shooting-Termin.

Art
Technische Demo · Website
Stand
Demo mit erfundenem Studio, Texten und Preisen; Fotos von Unsplash
Technik
HTML, CSS und JavaScript, ohne Bibliotheken
Startseite des erfundenen Kleinwunder Fotostudios: Titel «Die ersten Tage, festgehalten» und eine 3D-Kamera, auf deren Display Bilder laufen.
Startseite des erfundenen Kleinwunder Fotostudios: Titel «Die ersten Tage, festgehalten» und eine 3D-Kamera, auf deren Display Bilder laufen. Tippen Sie auf das Bild, um es in voller Grösse zu sehen.
Dieselbe Seite auf dem Handy, mit Menü-Button und einer Leiste für Anruf und Terminanfrage, die immer sichtbar bleibt.
Dieselbe Seite auf dem Handy, mit Menü-Button und einer Leiste für Anruf und Terminanfrage, die immer sichtbar bleibt. Tippen Sie auf das Bild, um es in voller Grösse zu sehen.
Die vier Shooting-Arten mit Fotos und Preisen ab: Babybauch, Neugeborene, Babys und Familien.
Die vier Shooting-Arten mit Fotos und Preisen ab: Babybauch, Neugeborene, Babys und Familien. Tippen Sie auf das Bild, um es in voller Grösse zu sehen.

Die Ausgangslage

Fotostudios für Neugeborene leben vom richtigen Zeitpunkt: Die ruhigsten Bilder entstehen in den ersten zwei Lebenswochen, und dafür muss man schon in der Schwangerschaft reservieren. Viele Studio-Websites sind langsam, zeigen die Preise erst spät und erklären den Zeitpunkt nicht. Die Idee: eine schnelle Seite, die Bilder, Pakete und Terminanfrage auf einem klaren Weg zusammenführt.

Was umgesetzt wurde

  • Eine 3D-Kamera aus reinem CSS, die sich ziehen oder mit den Pfeiltasten drehen lässt; auf dem Display laufen Bilder aus dem Studio.
  • Rechner für den Geburtstermin: Er zeigt die Tage für Posing und Reportage und sagt, ob jetzt ein guter Moment zum Reservieren ist.
  • Shootings, Pakete mit Preisen und häufige Fragen, alles auf einer Seite.
  • Auf dem Handy eine feste Leiste für Anruf und Terminanfrage.

Entscheidungen, die den Unterschied machten.

Der Zeitpunkt zuerst.

Der Rechner beantwortet die erste Frage werdender Eltern, bevor sie nach Preisen suchen.

Schnell trotz vieler Bilder.

Bilder in der passenden Grösse, Schriften auf der eigenen Website und kein Baukasten.

Ruhige Bewegung.

Bilder und Texte blenden beim Scrollen sanft ein; wer weniger Bewegung eingestellt hat, sieht alles sofort.

Daten und Datenschutz

Die Demo speichert nichts: Der Rechner läuft im Browser, und es gibt kein Formular. Schriften und Bilder liegen auf der Website selbst, ohne Verbindungen zu Google. In einer echten Version kämen Terminanfragen per E-Mail oder über ein Buchungstool des Studios an, mit einer Datenschutzerklärung nach dem Schweizer Datenschutzgesetz (DSG).

Projekt ansehen

Demo öffnen

Erfundenes Studio: Namen, Texte, Preise und Kontaktangaben sind fiktiv, die Fotos stammen von Unsplash.

Nächstes Projekt

DemoSnackBoxEine responsive Web-App, um Konsum zu erfassen, den Bestand zu kontrollieren und die Abrechnung einer Snackkasse im Büro abzuschliessen.Zum Projekt

Möchten Sie etwas Ähnliches für Ihr Geschäft?

Erzählen Sie mir, was Sie heute nutzen und was Sie vereinfachen möchten. Ich sage Ihnen, was sinnvoll wäre und was wegfallen würde.

Mit mir sprechen