Case Study 02 · Marken-Website mit Einwilligung, Shop und Pflegebereich
Arttractive Aesthetic Tattoos
Ein Tattoo-Studio in Abstatt, dunkel gehalten, damit die Tattoo-Fotos zur Geltung kommen. Vorne die Marke, dahinter die Anwendung fürs Studio: Anfrage mit Referenzbild, Einwilligungserklärung am Handy mit PDF fürs Studio, Shop für Gutscheine und Merch, dazu ein Pflegebereich, in dem das Studio Portfolio, Gastkünstler und Meldungen selbst ändert.
Ausgangslage
Kunden entscheiden nach den Bildern, ob sie anfragen.
Weil ein Tattoo bleibt, schauen sich Leute vorher genau an, wem sie ihre Haut anvertrauen: Wie arbeiten die Künstler? Wie sieht es im Studio aus? Was kostet das ungefähr? Diese Fragen muss die Seite beantworten, und zwar in der Bildsprache des Studios, nicht in der eines Baukastens.
Dazu kam eine zweite Anforderung: Das Studio wollte nicht bei jedem neuen Motiv anrufen müssen. Neue Arbeiten, Künstlerprofile und Ankündigungen sollten ohne mich online gehen können.
Ziel
Aus Interesse soll eine Anfrage werden.
- Ein Auftritt, der zum Studio passt und nicht nach Vorlage aussieht
- Portfolio, das die Arbeiten wirken lässt, filterbar nach Stil und Künstler
- Inhalte pflegt das Studio selbst, ohne dass jemand an den Code muss
- Anfragen kommen vollständig an, statt als „Was kostet ein Tattoo?"
Konzept & Design
Dunkel gehalten, damit die Tattoos im Vordergrund stehen.
Fast schwarzer Hintergrund, ruhige Schrift, ein einziger Akzentton. Die Seite selbst hält sich zurück, damit Video und Tattoo-Fotografie die Aufmerksamkeit bekommen. Walk-in-Tage laufen als schmales Band durchs Bild, sichtbar, ohne den Rest zu überdecken.
- Video-Hero mit Studioatmosphäre
- Filterbares Portfolio mit Lightbox
- Künstlerprofile mit eigenen Arbeiten
- Bewertungen aus Google als Zitate auf der Seite
- FAQ für Preise, Vorbereitung und Pflege
Technische Umsetzung
Schlank gebaut, vom Studio selbst zu pflegen.
Was der Besucher sieht, ist bewusst schlank: Astro liefert die Seiten aus, JavaScript läuft nur an den Stellen, die es brauchen. Dahinter steht ein Node-Backend, in dem das Studio seine Inhalte pflegt und über das die Anfragen hereinkommen.
Frontend
- Astro, statisch ausgeliefert, JavaScript nur wo nötig
- Responsive Bilder in modernen Formaten, spät nachgeladen
- Geodaten und strukturierte Daten für die lokale Suche
Pflegebereich
- Portfolio, Gastkünstler mit eigener Galerie und Meldungen pflegt das Studio selbst
- Anfragen mit Künstlerwahl, Stil, Körperstelle, Größe und bis zu fünf Referenzbildern
- Als App aufs Handy installierbar, mit Push-Nachricht bei einer Einwilligung, die das Studio ansehen sollte
Datenschutz
- Einwilligungserklärung digital am Handy, als PDF an Kunde und Studio, mit Widerruf und Löschfristen
- Google Maps lädt erst nach ausdrücklicher Zustimmung, Besucherzahlen ohne Cookies
- Schriften kommen vom eigenen Server, keine Tracker
Shop
Gutscheine und Merch im selben Pflegebereich.
Der Shop ist Teil der Website, nicht ein fremdes System daneben. Kunden kaufen Gutscheine als PDF oder Merch mit Größen und Versand und bezahlen mit PayPal. Das Studio sieht Bestellungen, löst Gutscheine per QR-Code ein und legt Rabattcodes an, alles im selben Pflegebereich. Gebaut und getestet, die Freischaltung folgt, sobald Rechtstexte und Zahlungskonto fertig sind.
- Warenkorb, Kasse und Bestellbestätigung
- Gutschein-PDF mit QR-Code, Guthaben online abfragbar
- Rabattcodes, Widerruf und Erstattung im Pflegebereich
- PayPal lädt erst beim Klick auf Bezahlen
Infrastruktur & Betrieb
Gebaut und am Laufen gehalten.
Die Seite läuft als Container mit Apache und PHP auf meinem Server. Verschlüsselung, Updates, Sicherung und Überwachung laufen bei mir mit. Das Studio muss sich darum nicht kümmern.
LIVE-ARCHITEKTUR · ARTTRACTIVE-TATTOO.DE
- Browser
- DNS
- Reverse Proxy · TLS
- Apache / PHP
- SQLite · Uploads · Shop
- Docker
- Security Header
- Formular-Schutz
- Überwachung
- Backups
- Updates
Stand
Anfragen, mit denen das Studio arbeiten kann.
Eine Anfrage enthält heute Stil, Körperstelle, Größe und auf Wunsch ein Referenzbild. Das erspart mehrere E-Mails hin und her, bevor überhaupt über einen Termin geredet wird.
Neue Arbeiten stellt das Studio selbst online, auch nach Feierabend.
Die neue Seite läuft fertig auf der Vorschau-Adresse. Die Umstellung der Domain von der alten WordPress-Seite steht als letzter Schritt an.
Meine Rolle
- Konzept, Markeninszenierung und Design
- Frontend, Pflegebereich und Anfragestrecke mit Upload
- Einwilligungserklärung und Shop mit PayPal-Anbindung
- Server, Verschlüsselung, Absicherung und laufender Betrieb
Kontakt
Website mit eigenem Pflegebereich
Neue Arbeiten und Ankündigungen stellt das Studio selbst online. Einen solchen Pflegebereich richte ich auch für deine Website ein.