Case Study 02 · Marken-Website mit eigenem Pflegebereich
Arttractive Tattoo Atelier
Ein Tattoo-Atelier in Abstatt, dunkel und ruhig gehalten, damit die Arbeiten wirken. Vorne die Marke, dahinter ein Bereich, in dem das Studio seine Inhalte selbst ändert – und eine Anfragestrecke, die Motiv und Referenzbild gleich mitnimmt.
Ausgangslage
Handwerk auf Haut braucht Vertrauen – vor dem ersten Termin.
Ein Tattoo bleibt. Entsprechend genau schauen sich Leute vorher 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 Ateliers – 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
Vom Scrollen zum Termin.
- 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, ruhig, präzise – die Arbeiten haben die Bühne.
Fast schwarzer Hintergrund, ruhige Schrift, ein einziger Akzentton. Die Seite selbst hält sich zurück, damit Video und Tattoo-Fotografie wirken können. Walk-in-Tage laufen als schmales Band durchs Bild – sichtbar, aber ohne Marktschreierei.
- Video-Hero mit Studioatmosphäre
- Filterbares Portfolio mit Lightbox
- Künstlerprofile mit eigenen Arbeiten
- Google-Bewertungen sichtbar eingebunden
- FAQ für Preise, Vorbereitung und Pflege
Technische Umsetzung
Vorne ruhig, hinten arbeitet Node.
Was der Besucher sieht, ist bewusst schlank: Astro liefert die Seiten aus, JavaScript läuft nur da, wo es Interaktion braucht. Dahinter steht ein Node-Backend, über das 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
Backend
- Pflegebereich für Portfolio, Künstlerprofile und Ankündigungen
- Anfragen mit Künstlerwahl, Stil, Körperstelle und Größe
- Bild-Upload für Referenzen, serverseitig geprüft und spamgesichert
Datenschutz
- Google Maps lädt erst nach ausdrücklicher Zustimmung
- Schriften kommen vom eigenen Server, keine Tracker
- Schutz-Header am Live-System nachprüfbar gesetzt
Infrastruktur & Betrieb
Nicht nur gebaut, sondern auch am Laufen gehalten.
Linux-Server, Verschlüsselung, neue Versionen, Updates: Das läuft bei mir mit. Das Studio kümmert sich um Tattoos.
LIVE-ARCHITEKTUR · ARTTRACTIVE-TATTOO.DE
- Browser
- DNS
- Reverse Proxy · TLS
- Astro / Node.js
- Pflegebereich & Uploads
- Security Header
- Formular-Schutz
- Logging
- Backups
- Updates
Ergebnis
Ein Auftritt, der zum Studio passt – und Anfragen, mit denen man arbeiten kann.
Eine Anfrage enthält heute Stil, Körperstelle, Größe und meistens auch schon ein Referenzbild. Das erspart drei Mails hin und her, bevor überhaupt über einen Termin geredet wird.
Und wenn eine neue Arbeit online soll, macht das Studio das selbst – abends nach Feierabend, ohne bei mir anzurufen.
Meine Rolle
- Konzept, Markeninszenierung und Design
- Frontend, Pflegebereich und Anfragestrecke mit Upload
- Server, Verschlüsselung, Absicherung und laufender Betrieb
Kontakt
Projekt anfragen
Über das Formular oder telefonisch. Ich melde mich zeitnah, und wir vereinbaren einen Termin.