Search & filter interface
city selector, style dropdown, map results
Marketplace / Platform
Tiny Parrot Shop Finder
Tattoo marketplace for the US: Find studios, compare styles, contact artists directly. Built with Next.js, Google Maps, and Laravel REST API.
Category
Marketplace / Platform
Technology
Next.js, TypeScript, Google Maps, Laravel, Zustand
Studio profile page
portfolio gallery, ratings, specializations, contact form
Structured contact form
style, size, budget, placement, timing fields
Cities Covered
50+
Average Studio Rating
4.9/5
Filterable Styles
13+
Free for Clients
$0
Typical Response Time
Same-Day
Evolution
From simple listing to intelligent platform.
Version 1 — Static Directory
Google, Instagram, Hope
Static studio directories without interaction. Clients had to Google studios individually and message via Instagram. No comparison, no filters, no structured way to reach artists.
- Manual Google searches per city
- Instagram DMs as only contact method
- No style filters or portfolio comparison
- No structured inquiry process
Version 2 — Intelligent Platform
Search, Compare, Contact
Dynamic platform with real-time search, map integration, style filters, structured contact form, and direct connection to the Tiny Parrot Communication App.
- Google Maps with studio pins and radius search
- 13+ style filters with curated studios
- Verified reviews and portfolio galleries
- Structured contact — professional requests, fast replies
Phase 1
Phase 2
Phase 3
Phase 4
MVP
Studio listings with basic info. SEO-optimized city pages for organic traffic.
Google Maps
Map view with studio pins, radius search, and geo-filtering.
Filters & Reviews
13+ style categories, verified reviews, gallery view.
Platform Integration
Connection to Tattoo Generator (design → find artist) and Communication App (book).
The Problem
Finding the right artist shouldn’t be a gamble.
The DM Black Hole
Clients message studios via Instagram — and never get a reply. Artists are flooded with vague requests and can’t prioritize.
No Comparability
Google shows studio websites, but no unified comparison by style, price, or availability. Every studio is a standalone search.
Local Search is Outdated
Yelp and Google Maps show tattoo shops, but no style filters, no portfolios, no structured inquiries. Not built for tattoos.
No Trust
Without verified reviews and real portfolio images, clients don’t know if a studio matches their desired style.
The Product
From wish to appointment. In three steps.
Step 1
Search & Filter
Enter city, pick tattoo style, see results on the map. 50+ cities, 13+ styles. Radius search and geo-filtering built in.
Step 2
Compare & Decide
Browse studio profiles with ratings, portfolios, specializations, and pricing info. See real work, read real reviews.
Step 3
Contact & Book
Structured contact form with details on style, size, budget, and timing. No vague DM — professional request, fast reply.
How It Works
The technical architecture in detail.
01
SEO & Discovery
Next.js ISR + SSR
Hundreds of city-specific landing pages generated with Incremental Static Regeneration. SEO-optimized for organic traffic — no ad spend needed to rank for local tattoo searches.
02
Data & API Layer
Laravel REST API + TanStack React Query
Laravel REST API serves studio data, reviews, and portfolios. TanStack React Query handles caching, background refetching, and optimistic updates for instant-feeling interactions.
03
Map & Geo Search
Google Maps + Zustand
Google Maps integration with custom studio pins, radius search, and real-time geo-filtering. Zustand manages filter state across map, list, and detail views without prop drilling.
04
Forms & Validation
React Hook Form + Zod
Structured contact forms collect style, size, budget, placement, and timing. Zod schema validation ensures complete inquiries — no vague messages, artists get everything they need upfront.
What makes the Shop Finder special
Core Features.
Map-Based Search
Google Maps integration with studio pins, radius search, and real-time filtering by city and style.
13+ Style Filters
Anime, Biomechanical, Fine Line, Japanese, Realism, Watercolor, and more. Each style with curated studios.
Verified Reviews
Real customer reviews with star ratings. Average 4.9/5 across all listed studios.
Structured Requests
No vague “Hey, what does a tattoo cost?” Forms collect all relevant details upfront for faster replies.
SEO City Pages
Free generations for testing. Premium for unlimited designs, logo removal, and private generations.
Platform Ecosystem
Seamless connection to Tattoo Generator (create design) and Communication App (book and pay).
Architecture & Technology
Modern Marketplace Stack.
Next.js with ISR generates hundreds of SEO-optimized city pages. Laravel REST API serves studio data to a Zustand-powered frontend with Google Maps integration. React Hook Form + Zod ensure structured inquiries. Cloudinary and Backblaze B2 handle media delivery.
Discovery
Data
Maps
State
UX
Next.js ISR
SEO city pages + SSR
Laravel REST API
Studios, reviews, portfolios
Google Maps
Pins + radius + geo-filter
Zustand
Filters + cache + sync
Tailwind + Radix
shadcn/ui + Framer Motion
Programmatic SEO
Next.js ISR generates hundreds of city-specific landing pages at build time. Each page optimized for local tattoo searches with structured data markup.
Organic Growth
Zero ad spend, hundreds of pages
Real-Time Map Search
Google Maps with custom studio pins, radius-based filtering, and live updates. Zustand keeps filter state in sync across map, list, and detail views.
Geo-Enabled
Google Maps + Zustand
Media & Performance
Cloudinary for on-the-fly image optimization. Backblaze B2 for cost-effective portfolio storage. TanStack React Query for smart caching and background refetching.
Fast & Lean
Cloudinary + B2 + React Query
Next.jsReactTypeScriptTailwind CSSSCSSFramer MotionRadix UIshadcn/uiZustandTanStack React QueryReact Hook FormAWS S3Google MapsLaravelAxiosStripeCloudinaryBackblaze B2DockerGoogle AnalyticsMeta PixelMicrosoft Clarity
Learnings
What We Learned Building This.
01
SEO city pages are a growth hack.
Hundreds of city-specific landing pages generate organic traffic without ad spend. Scales better than paid ads and compounds over time.
02
Structured requests change the dynamic.
When clients provide style, size, and budget upfront, artists respond 3x more often than to vague Instagram DMs. Better input, better output.
03
Marketplaces need both sides.
Build the demand side first (clients) with free access, then convince the supply side (studios) with measurable value. Never launch both sides simultaneously.
04
Performance is conversion.
Next.js ISR + TanStack Query + Zustand for blazing-fast load times. Every second of load time costs conversions — especially on mobile.
What this means for your business
Same Principles. For Your Processes.
At Tiny Parrot
SEO-optimized city pages for organic traffic
becomesfor you
becomes for you
For Your Business
Programmatic SEO strategies
Programmatic SEO strategies for location-based services, branch networks, or regional offers.
At Tiny Parrot
Structured contact requests replace vague messages
becomesfor you
becomes for you
For Your Business
Intelligent intake processes
Intelligent forms and intake processes that guarantee complete inquiries and reduce processing time.
At Tiny Parrot
Marketplace connects providers and clients
becomesfor you
becomes for you
For Your Business
B2B or B2C platforms
B2B or B2C platforms for your industry — with matching, reviews, and integrated booking.
Frequently Asked
Technical questions about Tiny Parrot Shop Finder.
Google Maps integration with custom studio pins powered by real time geo filtering. Users search by city, select a style filter, and see matching studios on the map with radius search. Zustand keeps filter state in sync across map, list, and detail views.
Let's find out what AI can do for your business.
15 minutes. Free. No strings attached.
Not a sales pitch. Promised.
More Projects
More From Our Portfolio.
D2C E-Commerce
DoodlHero
Children's drawings become unique 3D figures to paint — powered by a multi-model AI pipeline.
AI Chatbot
Tiny Parrot Chatbot
An AI assistant for customer support – trained on company data, deployed in under 2 weeks.
Generative AI
Tiny Parrot Tattoo Generator
AI-generated tattoo designs. Three tools in one: Generator, Preview, and Stencil.