Astrid Obert Studio
Eine komplette digitale Plattform für ein Münchner Fotostudio
Für: Gebaut für Astrid M. Obert, eine Münchner Fotografin, deren Kunden Gründer, Führungskräfte, Expertinnen und Experten, Teams und Premium-Marken sind. Hier als Kundenprojekt gezeigt.
Astrid M. Obert ist Fotografin in München und arbeitet in den Bereichen Premium-Personal-Branding, Executive-Porträts sowie Fashion- und Editorial-Fotografie. Ihr Webauftritt war zu mehreren getrennten Websites und einem schwer zu pflegenden WordPress-Portfolio gewachsen. Wir haben ihn durch eine einzige Plattform ersetzt, die sie selbst betreibt.
Eine Anwendung bedient mehrere gebrandete Front-Ends je nach Domain: astridobertstudio.com für das Business-Studio, astridobert.com für das Fashion- und Werbeportfolio, astridobert.art für den Verkauf limitierter Drucke aus ihrem Archiv und eine Admin-Konsole, die alles verwaltet. Ein separates CRM übernimmt Leadgenerierung und Akquise auf derselben Datenbank, sodass ein Login für beides genügt.
Jeder Inhalt beantwortet drei Fragen: auf welcher Website er erscheint, wie er dargestellt wird und was er auf Englisch und Deutsch sagt. Seiten werden aus im Admin definierten Sektionen aufgebaut, Menüs und Rechtsseiten werden im CMS gepflegt, und eine zentrale Mediathek speist jedes Portfolio-Raster, jede Slideshow und jede Galerie.
Das ist kein Produkt, das wir verkaufen. Es ist eine Maßanfertigung, die zugleich als Erprobungsfeld für unseren wiederverwendbaren Kern aus Digital Asset Management und CMS dient.
1
Codebasis für vier gebrandete Front-Ends
855
Mediendateien von WordPress in selbst gehosteten Speicher migriert
EN / DE
Zweisprachige Inhalte auf allen Websites
Was es kann
Eine Codebasis, die mehrere gebrandete Websites je nach Domain bedient: Studio, Fashion-Portfolio, Kunst-Shop und Admin-Konsole
Sektionsbasiertes CMS mit benannten Seiten, SEO pro Seite, datenbankgesteuerten Menüs und durchgängig englischen und deutschen Inhalten
Visual-Management-Mediathek mit Ordnern, Veröffentlichungsstatus, Darstellungsmodi pro Kategorie (Raster, Explore, Liste, Slideshow), Lightbox und Umschaltung Farbe/Schwarzweiß
Kunstdruck-Shop mit Stripe-Checkout, Editionen, WhiteWall-Druckspezifikation, geschützten Bildern mit Wasserzeichen und einem privaten Bucket für hochaufgelöste Druckvorlagen
Hero-Slider und ein Intro-Reel als Video-Hero, Behind-the-Scenes-Slideshows, Kundenstimmen, FAQs und ein Kontaktformular mit Spamschutz
Eigenständiges CRM mit Kanban-Pipelines für Akquise und Vertrieb sowie Lead-Crawlern für Google Maps und Instagram
Host-abhängiges SEO: Sitemaps pro Website, robots-Regeln, kanonische URLs, strukturierte Daten und llms.txt sowie 301-Weiterleitungen von den alten WordPress-URLs
Zugriff nur für Admins über eine E-Mail-Allowlist; Bestell- und Anfrage-E-Mails werden über Resend versendet
So haben wir es konzipiert
- Next.js 14
- React
- TypeScript
- Tailwind CSS
- Supabase (Postgres, Auth, Storage)
- Stripe
- Resend
- Vercel
- Vercel Analytics
- Framer Motion
- GSAP
- Three.js
- sharp
- dnd-kit
- NocoDB
- Hetzner
- Google Places API
- 01
Eine Next.js-14-App auf Vercel; eine Middleware liest den Host-Header und leitet jede Domain an ihr Front-End weiter (Studio, Art, Fashion-Root, Admin)
- 02
Eine Section-Engine rendert Seiten aus Zeilen einer page_sections-Tabelle (Hero-Video, Statement, Prozess, Portfolio, Galerie, Kunden, FAQ, Kontakt und mehr), wobei der deutsche Text neben dem englischen gespeichert ist
- 03
Eine Supabase-Datenbank, aufgeteilt in Schemas: public für die Websites und crm für die CRM-App, mit gemeinsamem Auth-System, sodass ein Login Admin und CRM abdeckt
- 04
Row-Level-Security erlaubt der Öffentlichkeit nur das Lesen veröffentlichter Zeilen; Schreibzugriffe erfordern Authentifizierung, Webhooks und Admin-Routen nutzen serverseitige Service-Credentials
- 05
Medien liegen nach der Migration der WordPress-Mediathek selbst gehostet in Supabase Storage; Druckvorlagen liegen in einem privaten Bucket und werden über signierte URLs und eine Bildroute mit Wasserzeichen ausgeliefert
- 06
Stripe Checkout und Webhooks für Kunstbestellungen, Resend für Bestell- und Anfrage-E-Mails sowie First-Party-Event-Tracking mit Vercel Analytics
- 07
Ein NocoDB-Backoffice auf einem Hetzner-Server bietet No-Code-Zugriff auf beide Schemas
Mehr, das wir gebaut haben
Sie möchten etwas Vergleichbares bauen lassen?
Jedes Projekt durchläuft dieselben fünf Gates: Spezifikation, Architektur, Build, Review, Auslieferung. Es beginnt in unserem Konfigurator.