Such- & Filter-Interface
Stadtauswahl, Stil-Dropdown, Kartenergebnisse
Marktplatz / Plattform
Tiny Parrot Shop Finder
Tattoo-Marktplatz für die USA: Studios finden, Stile vergleichen, Künstler direkt kontaktieren. Gebaut mit Next.js, Google Maps und Laravel REST API.
Kategorie
Marktplatz / Plattform
Technologie
Next.js, TypeScript, Google Maps, Laravel, Zustand
Studio-Profilseite
Portfolio-Galerie, Bewertungen, Spezialisierungen, Kontaktformular
Strukturiertes Kontaktformular
Stil, Größe, Budget, Platzierung, Zeitrahmen
Städte abgedeckt
50+
Durchschn. Studio-Bewertung
4.9/5
Filterbare Stile
13+
Kostenlos für Kunden
$0
Typische Antwortzeit
Gleicher Tag
Evolution
Vom einfachen Verzeichnis zur intelligenten Plattform.
Version 1 — Statisches Verzeichnis
Google, Instagram, Hoffnung
Statische Studio-Verzeichnisse ohne Interaktion. Kunden mussten Studios einzeln googeln und per Instagram kontaktieren. Kein Vergleich, keine Filter, kein strukturierter Weg zu Künstlern.
- Manuelle Google-Suchen pro Stadt
- Instagram-DMs als einzige Kontaktmöglichkeit
- Keine Stil-Filter oder Portfolio-Vergleiche
- Kein strukturierter Anfrageprozess
Version 2 — Intelligente Plattform
Suchen, Vergleichen, Kontaktieren
Dynamic platform with real-time search, map integration, style filters, structured contact form, and direct connection to the Tiny Parrot Communication App.
- Google Maps mit Studio-Pins und Umkreissuche
- 13+ Stil-Filter mit kuratierten Studios
- Verifizierte Bewertungen und Portfolio-Galerien
- Strukturierter Kontakt — professionelle Anfragen, schnelle Antworten
Phase 1
Phase 2
Phase 3
Phase 4
MVP
Studio-Listings mit Basisinfos. SEO-optimierte Stadt-Seiten für organischen Traffic.
Google Maps
Kartenansicht mit Studio-Pins, Umkreissuche und Geo-Filterung.
Filters & Reviews
13+ Stil-Kategorien, verifizierte Bewertungen, Galerie-Ansicht.
Platform Integration
Verbindung zum Tattoo Generator (Design → Künstler finden) und zur Communication App (Buchen).
Das Problem
Den richtigen Künstler zu finden sollte kein Glücksspiel sein.
Das DM-Schwarze-Loch
Kunden schreiben Studios per Instagram — und bekommen nie eine Antwort. Künstler werden mit vagen Anfragen überflutet und können nicht priorisieren.
Keine Vergleichbarkeit
Google zeigt Studio-Websites, aber keinen einheitlichen Vergleich nach Stil, Preis oder Verfügbarkeit. Jedes Studio ist eine einzelne Suche.
Lokale Suche ist veraltet
Yelp und Google Maps zeigen Tattoo-Studios, aber keine Stil-Filter, keine Portfolios, keine strukturierten Anfragen. Nicht für Tattoos gebaut.
Kein Vertrauen
Ohne verifizierte Bewertungen und echte Portfolio-Bilder wissen Kunden nicht, ob ein Studio zu ihrem gewünschten Stil passt.
Das Produkt
Vom Wunsch zum Termin. In drei Schritten.
Schritt 1
Suchen & Filtern
Stadt eingeben, Tattoo-Stil wählen, Ergebnisse auf der Karte sehen. 50+ Städte, 13+ Stile. Umkreissuche und Geo-Filterung integriert.
Schritt 2
Vergleichen & Entscheiden
Studio-Profile durchstöbern mit Bewertungen, Portfolios, Spezialisierungen und Preisinformationen. Echte Arbeiten sehen, echte Bewertungen lesen.
Schritt 3
Kontaktieren & Buchen
Strukturiertes Kontaktformular mit Details zu Stil, Größe, Budget und Zeitrahmen. Keine vagen DMs — professionelle Anfrage, schnelle Antwort.
So funktioniert es
Die technische Architektur im Detail.
01
SEO & Auffindbarkeit
Next.js ISR + SSR
Hunderte stadtspezifische Landing-Pages, generiert mit Incremental Static Regeneration. SEO-optimiert für organischen Traffic — kein Werbebudget nötig, um bei lokalen Tattoo-Suchen zu ranken.
02
Daten & API-Schicht
Laravel REST API + TanStack React Query
Laravel REST API liefert Studio-Daten, Bewertungen und Portfolios. TanStack React Query übernimmt Caching, Background-Refetching und optimistische Updates für sofort spürbare Interaktionen.
03
Karten & Geo-Suche
Google Maps + Zustand
Google-Maps-Integration mit individuellen Studio-Pins, Umkreissuche und Echtzeit-Geo-Filterung. Zustand verwaltet den Filter-State über Karten-, Listen- und Detail-Ansichten ohne Prop Drilling.
04
Formulare & Validierung
React Hook Form + Zod
Strukturierte Kontaktformulare erfassen Stil, Größe, Budget, Platzierung und Zeitrahmen. Zod-Schema-Validierung stellt vollständige Anfragen sicher — keine vagen Nachrichten, Künstler bekommen alles Wichtige sofort.
Was den Shop Finder besonders macht
Kern-Features.
Kartenbasierte Suche
Google-Maps-Integration mit Studio-Pins, Umkreissuche und Echtzeit-Filterung nach Stadt und Stil.
13+ Stil-Filter
Anime, Biomechanisch, Fine Line, Japanisch, Realismus, Watercolor und mehr. Jeder Stil mit kuratierten Studios.
Verifizierte Bewertungen
Echte Kundenbewertungen mit Sternbewertungen. Durchschnittlich 4,9/5 über alle gelisteten Studios.
Strukturierte Anfragen
Keine vagen „Hey, was kostet ein Tattoo?“-Nachrichten. Formulare erfassen alle relevanten Details im Voraus für schnellere Antworten.
SEO-Stadt-Seiten
Dedizierte Landing-Pages pro Stadt — organischer Traffic statt bezahlter Werbung. Hunderte Seiten, null Werbebudget.
Plattform-Ökosystem
Nahtlose Verbindung zum Tattoo Generator (Design erstellen) und zur Communication App (Buchen und Bezahlen).
Architektur & Technologie
Moderner Marktplatz-Stack.
Next.js mit ISR generiert hunderte SEO-optimierte Stadt-Seiten. Laravel REST API liefert Studio-Daten an ein Zustand-gesteuertes Frontend mit Google-Maps-Integration. React Hook Form + Zod stellen strukturierte Anfragen sicher. Cloudinary und Backblaze B2 übernehmen die Medienauslieferung.
Auffindbarkeit
Daten
Karten
State
UX
Next.js ISR
SEO-Stadt-Seiten + SSR
Laravel REST API
Studios, Bewertungen, Portfolios
Google Maps
Pins + Umkreis + Geo-Filter
Zustand
Filters + cache + sync
Tailwind + Radix
shadcn/ui + Framer Motion
Programmatisches SEO
Next.js ISR generiert hunderte stadtspezifische Landing-Pages zur Build-Zeit. Jede Seite optimiert für lokale Tattoo-Suchen mit strukturiertem Daten-Markup.
Organisches Wachstum
Null Werbebudget, hunderte Seiten
Echtzeit-Kartensuche
Google Maps mit individuellen Studio-Pins, radiusbasierter Filterung und Live-Updates. Zustand hält den Filter-State über Karten-, Listen- und Detail-Ansichten synchron.
Geo-fähig
Google Maps + Zustand
Medien & Performance
Cloudinary für Echtzeit-Bildoptimierung. Backblaze B2 für kosteneffiziente Portfolio-Speicherung. TanStack React Query für intelligentes Caching und Background-Refetching.
Schnell & Schlank
Cloudinary + B2 + React Query
Next.jsReactTypeScriptTailwind CSSSCSSFramer MotionRadix UIshadcn/uiZustandTanStack React QueryReact Hook FormAWS S3Google MapsLaravelAxiosStripeCloudinaryBackblaze B2DockerGoogle AnalyticsMeta PixelMicrosoft Clarity
Learnings
Was wir beim Bau gelernt haben.
01
SEO-Stadt-Seiten sind ein Wachstums-Hack.
Hunderte stadtspezifische Landing-Pages generieren organischen Traffic ohne Werbebudget. Skaliert besser als bezahlte Werbung und wächst über die Zeit.
02
Strukturierte Anfragen verändern die Dynamik.
Wenn Kunden Stil, Größe und Budget im Voraus angeben, antworten Künstler 3x häufiger als auf vage Instagram-DMs. Besserer Input, besserer Output.
03
Marktplätze brauchen beide Seiten.
Zuerst die Nachfrageseite aufbauen (Kunden) mit kostenlosem Zugang, dann die Angebotsseite (Studios) mit messbarem Mehrwert überzeugen. Nie beide Seiten gleichzeitig starten.
04
Performance ist Conversion.
Next.js ISR + TanStack Query + Zustand für blitzschnelle Ladezeiten. Jede Sekunde Ladezeit kostet Conversions — besonders auf Mobilgeräten.
Was das für Ihr Unternehmen bedeutet
Gleiche Prinzipien. Für Ihre Prozesse.
Bei Tiny Parrot
SEO-optimierte Stadt-Seiten für organischen Traffic
wird bei Ihnen zu
wird bei Ihnen zu
Für Ihr Unternehmen
Programmatische SEO-Strategien
Programmatische SEO-Strategien für standortbasierte Dienste, Filialnetze oder regionale Angebote.
Bei Tiny Parrot
Strukturierte Kontaktanfragen statt vager Nachrichten
wird bei Ihnen zu
wird bei Ihnen zu
Für Ihr Unternehmen
Intelligente Aufnahmeprozesse
Intelligente Formulare und Aufnahmeprozesse, die vollständige Anfragen garantieren und die Bearbeitungszeit reduzieren.
Bei Tiny Parrot
Marktplatz verbindet Anbieter und Kunden
wird bei Ihnen zu
wird bei Ihnen zu
Für Ihr Unternehmen
B2B- oder B2C-Plattformen
B2B- oder B2C-Plattformen für Ihre Branche — mit Matching, Bewertungen und integrierter Buchung.
Häufig gefragt
Technische Fragen zum Tiny Parrot Shop Finder.
Google Maps Integration mit individuellen Studio Pins, angetrieben durch Echtzeit Geo Filterung. Nutzer suchen nach Stadt, wählen einen Stil Filter und sehen passende Studios auf der Karte mit Umkreissuche. Zustand hält den Filter State über Karten, Listen und Detail Ansichten synchron.
Next.js Incremental Static Regeneration generiert hunderte stadtspezifische Landing Pages zur Build Zeit. Jede Seite ist für lokale Tattoo Suchanfragen mit strukturiertem Daten Markup optimiert und zielt auf Long Tail Keywords wie „Tattoo Studios in Austin“ oder „Japanese Tattoo Artist Los Angeles“.
Vage Instagram DMs werden ignoriert. Strukturierte Formulare erfassen Stil, Größe, Platzierung, Budget und Zeitrahmen im Voraus, so sehen Künstler ein vollständiges Briefing und können sofort mit einem Angebot antworten. Das erhöht die Antwortrate um ca. 3x im Vergleich zu unstrukturierten Nachrichten.
Das Plattform Ökosystem verbindet alle drei Produkte: Nutzer können ein Design im Tattoo Generator erstellen, einen passenden Künstler im Shop Finder finden und über die Communication App buchen und kommunizieren. Jedes Produkt funktioniert eigenständig, wird aber im Zusammenspiel leistungsstärker.
Dieselbe Architektur, programmatisches SEO, strukturierte Aufnahmeformulare, Marktplatz Matching und Echtzeit Geo Suche, kann jede standortbasierte Plattform antreiben: Service Verzeichnisse, Filialnetze, B2B Marktplätze oder regionale Buchungssysteme.
Lassen Sie uns herausfinden, was KI für Ihr Unternehmen tun kann.
15 Minuten. Kostenlos. Unverbindlich.
Kein Verkaufsgespräch. Versprochen.
Weitere Projekte
Mehr aus unserem Portfolio.
D2C E-Commerce
DoodlHero
Kinderzeichnungen werden zu einzigartigen 3D-Figuren zum Bemalen — angetrieben durch eine Multi-Modell-KI-Pipeline.
AI Chatbot
Tiny Parrot Chatbot
KI-Assistent für den Kundensupport — automatisiert Anfragen, Terminbuchungen und Zahlungen.
Generative AI
Tiny Parrot Tattoo Generator
KI-generierte Tattoo-Designs. Drei Tools in einem: Generator, Preview und Stencil.