Tattoo Circle Passau

Projektkontext

Digitale Neu­gestaltung

Bei diesem Projekt durfte ich die Website des „Tattoo Circle Passau“ als Speculative Redesign völlig neu interpretieren. Das Spannende dabei: Ich konnte ohne technische Altlasten arbeiten & mich voll darauf konzentrieren, wie man die Marke heute digital am besten inszeniert. Mein Ziel war es, einen digitalen Raum zu schaffen, der die handwerkliche Qualität & die Atmosphäre des Studios eins zu eins auf den Bildschirm bringt.

Webdesign UX & UI Responsive Design Content Audit User Research
Umfang Analyse, Wireframing, User Flow, UI Design & Prototyping
Zeitraum Sommersemester 2025
Ziel Moderne, ästhetische & funktionale Online-Präsenz

Warum ein Redesign?

Tattoo Circle Passau leistet großartige Arbeit auf der Haut. Meine Motivation für das Redesign war es, genau diese Qualität auch digital noch stärker spürbar zu machen. Die bestehende Website funktionierte, lieferte aber spannende Ansatzpunkte für eine Weiterentwicklung, um sie an moderne Nutzungsgewohnheiten anzupassen:

  1. Visuelle Identität: Der Look sollte noch stärker die künstlerische Finesse & Professionalität des Studios unterstreichen.
  2. Informationsstruktur: Inhalte sollten für den Nutzer noch schneller & intuitiver auffindbar sein.
  3. Mobile Experience: Da die meisten User heute über das Smartphone kommen, lag hier das größte Potenzial, die Bedienung noch flüssiger zu gestalten.

Die Mission war also: Das Gute bewahren, aber Look & Feel auf das nächste Level heben.

Von der Inspiration zum Termin

Ich habe die Struktur analysiert & neu sortiert. Die Idee dahinter: Weniger Suchen, mehr Finden.

Über Filter lässt sich in der Galerie genau der Stil finden, den man sucht. Jeder Tättoowierer bekommt eine eigene Bühne in Form einer Profilseite. Egal ob Tattoo-Neuling oder alter Hase – die Nutzerführung holt jeden dort ab, wo er steht.

  • Smarte Galerie
  • Artists im Rampenlicht
  • Erleichterte Informationsfindung
01
Bühne frei für die Artists

Ich habe den Fokus stärker auf die Künstler & ihre Portfolios gelegt. Durch eigene Profilseiten spricht die Qualität der Arbeiten für sich & erleichtert die Entscheidung für den passenden Artist.

02
Design, das atmet

Minimalismus statt Ablenkung. Eine klare Typografie & bewusster Einsatz von Weißraum sorgen für einen hochwertigen Rahmen, der nicht vom Wesentlichen ablenkt: Den Tattoos.

03
Mobile-First als Standard

Wenn der Großteil der Community das Handy nutzt, muss sich die Website dem anpassen. Das Design ist daher keine verkleinerte Desktop-Version, sondern primär für Touchscreens & die Nutzung unterwegs konzipiert.

Invisible Design

Das visuelle Konzept folgt dem Prinzip des „Invisible Design“. Die Website nimmt sich bewusst zurück. Sie versteht sich als edler Rahmen, nicht als das Bild selbst. Das schlichte Farbschema mit feinen Gold-Akzenten schafft eine Atmosphäre wie in einer modernen Galerie – wertig, aufgeräumt & professionell.

So bin ich vorgegangen

Designprozess

Verstehen & Eintauchen

Zuerst habe ich mir die bestehende Website genau angesehen: Was ist da? Was fehlt? Um wirklich nutzerzentriert zu arbeiten, habe ich zwei Personas entwickelt: „Lena“ (24, sucht Inspiration für ihr erstes Tattoo) & „Thomas“ (48, Sammler, schätzt Qualität & Fakten). So konnte ich sicherstellen, dass ich sowohl emotionale als auch rationale Bedürfnisse im Blick habe.

Konzept & Struktur

Mit Lena & Thomas im Hinterkopf habe ich die Seitenstruktur neu geordnet. Welchen Weg nehmen sie über die Seite? Mit ersten Skizzen & Wireframes habe ich die wichtigsten Pfade definiert – vom ersten „Stöbern“ bis zur Terminanfrage – und das konsequent zuerst für das Smartphone.

Look & Feel

Hier kam der Charakter ins Spiel. Ein reduzierter Style Guide sorgte für visuelle Ruhe. Das finale Design habe ich in Figma als interaktiven Prototypen umgesetzt, um sicherzugehen, dass sich das Durchklicken nicht nur gut aussieht, sondern sich auch gut anfühlt.

Was ich mitnehme

Am meisten gelernt habe ich bei diesem Projekt über den Wert von User Research. Ohne meine Personas Lena & Thomas wäre das Design vielleicht visuell ansprechend geworden, aber hätte womöglich am Nutzer vorbeigeführt.
Außerdem hat sich mein Verständnis für „Invisible Design“ vertieft: Eine gute Website für visuelle Kunst bemerkt man kaum. Wenn der Nutzer nicht über die Bedienung nachdenkt, sondern direkt vom Tattoo begeistert ist, habe ich meinen Job erledigt.

  • Umfangreiche Inhalte strukturieren
  • Mobile Usability Challenge
  • Design von Kunst leben lassen

Weitere Projekte

projects
Nach oben